:root{--color-primary: #4B58FF;--color-primary-rgb: 75, 88, 255;--color-accent: #00DAF2;--color-accent-rgb: 0, 218, 242;--color-accent-dark: #00B5C8;--color-ink: #1E1C1C;--color-ink-soft: #4A4A4A;--color-dark-base: #0B0F1A;--color-dark-elevated: #111627;--color-dark-card: rgba(255, 255, 255, .04);--color-dark-card-hover: rgba(255, 255, 255, .08);--color-dark-border: rgba(255, 255, 255, .08);--color-dark-border-hover: rgba(255, 255, 255, .18);--color-light-base: #FFFFFF;--color-light-alt: #F8F9FF;--color-light-card: #FFFFFF;--color-light-border: rgba(75, 88, 255, .08);--color-light-border-hover: rgba(75, 88, 255, .2);--color-text-white: #FFFFFF;--color-text-white-85: rgba(255, 255, 255, .85);--color-text-white-60: rgba(255, 255, 255, .55);--color-text-ink: #1E1C1C;--color-text-body: #4A4A4A;--color-text-muted: #6B6B6B;--color-bg-0: var(--color-dark-base);--color-bg-1: var(--color-dark-base);--color-bg-card: var(--color-dark-card);--color-bg-card-hover: var(--color-dark-card-hover);--color-text-0: var(--color-text-white);--color-text-1: var(--color-text-white-85);--color-text-2: var(--color-text-white-60);--color-border: var(--color-dark-border);--color-border-hover: var(--color-dark-border-hover);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--container-width: 1200px;--header-height: 72px;--font-base: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-display: clamp(2.75rem, 5vw, 4.25rem);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04), 0 4px 24px rgba(0, 0, 0, .03);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--shadow-glow-primary: 0 0 60px rgba(75, 88, 255, .15);--shadow-glow-accent: 0 0 40px rgba(0, 218, 242, .1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-base);background-color:var(--color-dark-base);color:var(--color-text-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.15;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--space-4)}h1{font-size:var(--text-display);letter-spacing:-.035em;font-weight:800}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}p{margin-bottom:var(--space-4);font-weight:400;line-height:1.7}a{text-decoration:none;color:inherit;transition:color .25s ease}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;width:100%}section{padding:var(--space-20) 0;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.8rem 1.75rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid transparent;width:fit-content;letter-spacing:.01em}.btn-primary{background:var(--color-accent);color:var(--color-ink);box-shadow:none}.btn-primary:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 4px 20px #00daf240}.btn-primary:active{transform:scale(.98) translateY(0)}.btn-outline{background:#ffffff0a;border-color:var(--color-dark-border-hover);color:var(--color-text-white)}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-outline:active{transform:scale(.98)}.hql-card{background:var(--color-dark-card);border:1px solid var(--color-dark-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hql-card:hover{background:var(--color-dark-card-hover);border-color:var(--color-dark-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow-primary)}.text-gradient{color:var(--color-text-white)}.text-accent{color:var(--color-accent)}.bg-glow{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;pointer-events:none}.section-light{background-color:var(--color-light-base);color:var(--color-text-ink)}.section-light h2,.section-light h3{color:var(--color-text-ink)}.section-light p{color:var(--color-text-body)}.section-light-alt{background-color:var(--color-light-alt);color:var(--color-text-ink)}.section-light-alt h2,.section-light-alt h3{color:var(--color-text-ink)}.section-light-alt p{color:var(--color-text-body)}.section-dark{background-color:var(--color-dark-base);color:var(--color-text-white)}.section-dark h2,.section-dark h3{color:var(--color-text-white)}.section-dark p{color:var(--color-text-white-85)}.card-light{background:var(--color-light-card);border:1px solid var(--color-light-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.card-light:hover{border-color:var(--color-light-border-hover);transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.theme-premium{--color-bg-0: var(--color-dark-base);--color-bg-1: var(--color-dark-base);--color-bg-card: var(--color-dark-card);--color-bg-card-hover: var(--color-dark-card-hover);--color-text-0: var(--color-text-white);--color-text-1: var(--color-text-white-85);--color-text-2: var(--color-text-white-60);--color-border: var(--color-dark-border);background-color:var(--color-dark-base);color:var(--color-text-white)}.theme-doc{--color-bg-0: var(--color-light-base);--color-bg-1: var(--color-light-alt);--color-bg-card: var(--color-light-card);--color-bg-card-hover: var(--color-light-card);--color-text-0: var(--color-text-ink);--color-text-1: var(--color-text-body);--color-text-2: var(--color-text-muted);--color-border: var(--color-light-border);background-color:var(--color-light-base);color:var(--color-text-ink)}.theme-doc-light{--color-bg-0: var(--color-light-alt);--color-bg-1: var(--color-light-base);--color-bg-card: var(--color-light-card);--color-bg-card-hover: var(--color-light-card);--color-text-0: var(--color-text-ink);--color-text-1: var(--color-text-body);--color-text-2: var(--color-text-muted);--color-border: var(--color-light-border);background-color:var(--color-light-alt);color:var(--color-text-ink)}