:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-glow: rgba(37, 99, 235, .25);--color-fez-red: #dc2626;--color-fez-red-glow: rgba(220, 38, 38, .3);--color-accent-emerald: #10b981;--color-accent-amber: #f59e0b;--color-accent-violet: #8b5cf6;--font-display: "Nunito", sans-serif;--font-heading: "Nunito", sans-serif;--font-body: "Nunito", sans-serif;--bg-page: #f8fafc;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(241, 245, 249, .95);--bg-nav: rgba(255, 255, 255, .88);--bg-tertiary: #e2e8f0;--text-main: #0f172a;--text-muted: #475569;--text-subtle: #64748b;--border-light: rgba(226, 232, 240, .8);--border-card: #e2e8f0;--shadow-sm: 0 2px 4px rgba(15, 23, 42, .04);--shadow-md: 0 10px 25px -5px rgba(37, 99, 235, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 35px -10px rgba(37, 99, 235, .15), 0 10px 20px -5px rgba(15, 23, 42, .08);--terminal-bg: #0b132b;--terminal-text: #38bdf8;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-page: #0b132b;--bg-card: rgba(22, 34, 62, .92);--bg-card-hover: rgba(30, 45, 79, .95);--bg-nav: rgba(11, 19, 43, .9);--bg-tertiary: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #cbd5e1;--border-light: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 10px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .5);--color-primary-light: rgba(37, 99, 235, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-main);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased}section{scroll-margin-top:80px;padding:100px 24px}@media(max-width:768px){section{padding:60px 16px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.container{max-width:1200px;margin:0 auto;width:100%}.heading-xl{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.2rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}.heading-lg{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.heading-md{font-family:var(--font-heading);font-size:1.5rem;font-weight:600}.section-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.section-title-wrap{text-align:center;max-width:720px;margin:0 auto 60px}.section-title-wrap p{color:var(--text-muted);font-size:1.125rem;margin-top:12px}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,#3b82f6 50%,var(--color-fez-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fez-hat-icon{display:inline-block;vertical-align:middle;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.fez-hat-icon:hover{transform:rotate(-12deg) scale(1.15)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--color-primary-glow)}50%{box-shadow:0 0 30px var(--color-primary-glow)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px var(--color-primary-glow)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px var(--color-primary-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border-color:var(--border-card)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-fez{background:var(--color-fez-red);color:#fff;box-shadow:0 4px 14px var(--color-fez-red-glow)}.btn-fez:hover{background:#b91c1c;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-muted)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-fez{background:#dc26261f;color:var(--color-fez-red)}.glass-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.modal-overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-card);position:relative;box-shadow:var(--shadow-lg)}