:root{--bg-canvas: #040407;--bg-surface: #0c0d14;--bg-surface-elevated: #13141f;--bg-glass: rgba(18, 19, 31, .7);--bg-pill: rgba(255, 255, 255, .04);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-headline: #ffffff;--accent-lavender: #c4b5fd;--accent-purple: #8b5cf6;--accent-indigo: #6366f1;--accent-cyan: #38bdf8;--accent-emerald: #10b981;--accent-orange: #ff5500;--gradient-signature: linear-gradient(135deg, #ddd6fe 0%, #a78bfa 40%, #818cf8 100%);--gradient-glow: linear-gradient(135deg, rgba(168, 85, 247, .15) 0%, rgba(99, 102, 241, .12) 50%, rgba(56, 189, 248, .08) 100%);--gradient-border: linear-gradient(135deg, rgba(255, 255, 255, .22) 0%, rgba(167, 139, 250, .3) 50%, rgba(255, 255, 255, .05) 100%);--border-subtle: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .12);--border-bright: rgba(196, 181, 253, .35);--font-serif: "Instrument Serif", "Cormorant Garamond", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 4px 16px rgba(0, 0, 0, .4);--shadow-md: 0 12px 32px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .75);--shadow-glow-purple: 0 0 35px rgba(139, 92, 246, .25);--shadow-glow-cyan: 0 0 35px rgba(56, 189, 248, .2);--radius-pill: 9999px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg-canvas)}body{background-color:var(--bg-canvas);color:var(--text-secondary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:-15%;left:20%;width:60vw;height:60vw;max-width:800px;max-height:800px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,rgba(99,102,241,.06) 45%,transparent 70%);pointer-events:none;z-index:0;filter:blur(60px)}body:after{content:"";position:fixed;bottom:10%;right:5%;width:50vw;height:50vw;max-width:650px;max-height:650px;background:radial-gradient(circle,rgba(56,189,248,.08) 0%,rgba(139,92,246,.05) 45%,transparent 70%);pointer-events:none;z-index:0;filter:blur(70px)}.viewport-frame{position:relative;min-height:100vh;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#040407}::-webkit-scrollbar-thumb{background:#1e1f30;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.container{max-width:1240px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1.25rem}}.section{padding:7rem 0;position:relative;z-index:2}@media (max-width: 768px){.section{padding:4.5rem 0}}.section-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-lavender);background:#a78bfa1a;border:1px solid rgba(167,139,250,.25);padding:.35rem .95rem;border-radius:var(--radius-pill);margin-bottom:1.25rem}.section-title{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;color:var(--text-headline);letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem}.section-subtitle{font-size:clamp(1rem,1.8vw,1.15rem);color:var(--text-secondary);max-width:720px;line-height:1.7}.gradient-text{background:var(--gradient-signature);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.display-name-serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;background:linear-gradient(135deg,#fff,#d8b4fe 45%,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(168,85,247,.25)}.avatar-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:clamp(66px,8.5vw,92px);height:clamp(66px,8.5vw,92px);border-radius:clamp(16px,2.2vw,24px);overflow:hidden;margin:0 .85rem;border:2px solid rgba(196,181,253,.6);box-shadow:0 0 25px #8b5cf666,0 8px 24px #00000080;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;cursor:pointer;flex-shrink:0;background:#12131f;transform:translateY(-2px)}.avatar-badge:hover{transform:translateY(-5px) scale(1.06);border-color:#fff;box-shadow:0 0 35px #a855f7b3,0 12px 30px #0009}.avatar-badge img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.avatar-badge:hover img{transform:scale(1.05)}.radar-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald);position:relative;display:inline-block}.radar-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid var(--accent-emerald);animation:radarPulse 2s cubic-bezier(0,0,.2,1) infinite}@keyframes radarPulse{0%{transform:scale(.9);opacity:1}70%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);position:relative;transition:all .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.glass-card:hover{border-color:var(--border-bright);transform:translateY(-6px);box-shadow:var(--shadow-glow-purple),var(--shadow-lg)}.glass-card-static{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);position:relative}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.85rem;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:700;font-size:.92rem;background:#fff;color:#040407;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 20px #ffffff26;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{background:var(--accent-lavender);color:#040407;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #c4b5fd66}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.85rem;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:700;font-size:.92rem;background:#ffffff0d;color:#fff;text-decoration:none;border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 8px 25px #0006}.btn-sm{padding:.55rem 1.25rem;font-size:.82rem}.badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:var(--radius-pill);font-size:.76rem;font-family:var(--font-mono);font-weight:600;background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .25s ease}.badge-pill:hover{border-color:var(--accent-lavender);color:#fff;background:#a78bfa1f;transform:translateY(-2px)}.badge-purple{background:#8b5cf61f;border-color:#8b5cf659;color:var(--accent-lavender)}.badge-cyan{background:#38bdf81f;border-color:#38bdf859;color:var(--accent-cyan)}.badge-emerald{background:#10b9811f;border-color:#10b98159;color:var(--accent-emerald)}.marquee-wrapper{overflow:hidden;white-space:nowrap;position:relative;width:100%;background:#0c0d14d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.1rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.marquee-track{display:inline-flex;animation:scrollTrack 35s linear infinite}.marquee-track:hover{animation-play-state:paused}@keyframes scrollTrack{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-node{display:inline-flex;align-items:center;gap:1.5rem;font-family:var(--font-sans);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);padding:0 1.5rem}.marquee-star{color:var(--accent-lavender);font-size:.8rem;animation:starRotate 8s linear infinite;display:inline-block}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-effect{animation:floatSoft 5s infinite ease-in-out}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030305d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:modalFadeIn .25s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.grid-responsive-2{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.grid-responsive-2{grid-template-columns:1fr 1fr}}.grid-responsive-3{display:grid;grid-template-columns:1fr;gap:1.75rem}@media (min-width: 640px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-responsive-3{grid-template-columns:repeat(3,1fr)}}