:root{--primary-color:#6200ea;--secondary-color:#4a6fa5;--accent-color:#f8bc45;--danger-color:#e63946;--text-color-dark:#333;--bg-light:#f5f5f5;--header-color:#4a148c;--bg-card:#ffffff;--bg-section:#ffffff;--bg-dark:#1d3557;--shadow-standard:0 2px 8px rgba(0,0,0,0.1);--shadow-soft:0 4px 6px rgba(0,0,0,0.1);--shadow-hover:0 15px 20px rgba(0,0,0,0.1);--border-radius-large:12px;--border-radius-medium:0.5rem;--border-radius-small:0.3rem;--spacing-standard:2rem;--spacing-small:1rem;--font-primary:'Inter', 'Segoe UI', Tahoma, Verdana, sans-serif}*,::after,::before{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--font-primary);background-color:var(--bg-light);color:var(--text-color-dark);line-height:1.6;padding:var(--spacing-standard);max-width:unset;margin:0 auto}h1{font-size:clamp(2rem,4vw,2.5rem);text-shadow:1px 1px 3px rgba(0,0,0,.3);color:var(--accent-color)}header{background:linear-gradient(135deg,var(--secondary-color),var(--bg-dark));color:#fff;padding:var(--spacing-standard);text-align:center;box-shadow:var(--shadow-soft);border-radius:var(--border-radius-medium);margin-bottom:var(--spacing-standard)}.container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:var(--spacing-standard)0}.card{background-color:var(--bg-card);border-radius:var(--border-radius-medium);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-soft);height:5rem}.card:hover{height:auto;transform:translateY(-5px);box-shadow:var(--shadow-hover)}.card-header{background-color:var(--secondary-color);color:#fff;padding:1rem;cursor:pointer;display:flex;justify-content:space-between}.card-header::after{content:"↓";font-size:1.2rem}.card:hover .card-header::after{content:"↑"}.card-description{padding:1rem}.width-fit-content{width:fit-content;background-color:rgba(248,188,69,.3);padding:var(--spacing-small);border-radius:var(--border-radius-small)}.max-width-fit-content{max-width:fit-content;background-color:rgba(230,57,70,.2);padding:var(--spacing-small);border-radius:var(--border-radius-small)}.webdings{font-family:webdings,sans-serif;display:inline-block;text-align:center}.height-1rem{height:1rem;background-color:rgba(74,111,165,.2)}.height-2rem{height:2rem;background-color:rgba(74,111,165,.4)}footer{background-color:var(--bg-dark);color:#fff;padding:var(--spacing-standard);text-align:center;border-radius:var(--border-radius-medium);margin-top:var(--spacing-standard)}.centered-link{display:block;margin:0 auto var(--spacing-standard);width:fit-content}@media(max-width:768px){body,footer,header{padding:var(--spacing-small)}.container{grid-template-columns:1fr}.card{max-width:100%}h1{font-size:2rem}}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#7c4dff}.button-link{display:inline-block;text-decoration:none;padding:.8rem 1.6rem;background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius-medium);box-shadow:var(--shadow-standard);transition:all .3s ease;font-weight:600;cursor:pointer;text-align:center}.button-link:hover{background-color:var(--secondary-color);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.centered-link{display:block;margin:var(--spacing-standard)auto;width:fit-content}