:root{--brand-primary:#7b68ee;--brand-secondary:#5b7cf9;--brand-tertiary:#4a6cf7;--brand-accent:#8b5cf6;--gradient-brand:linear-gradient(135deg,#5b7cf9 0%,#7b68ee 100%);--gradient-brand-extended:linear-gradient(135deg,#5b7cf9 0%,#6366f1 50%,#7b68ee 100%);--gradient-hero:linear-gradient(180deg,#eef2ff 0%,#f5f3ff 25%,#faf5ff 60%,#fff 100%);--gradient-surface:linear-gradient(180deg,#f8faff 0%,#fff 100%);--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--deco-blue-soft:#5b7cf914;--deco-purple-soft:#7b68ee14;--deco-blue-lighter:#5b7cf90f;--deco-accent-line:#7b68ee2e;--deco-accent-line-blue:#5b7cf92e;--surface-primary:#fff;--surface-elevated:#f8fafc;--surface-glass:#fffc;--border-subtle:#7b68ee26;--border-hover:#7b68ee59;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014;--shadow-xl:0 24px 48px #0000001f;--shadow-glow:0 8px 32px #7b68ee40;--shadow-glow-strong:0 12px 40px #7b68ee59;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.4s cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background:var(--gradient-hero);min-height:100vh;font-family:Figtree,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(1.75rem,3.5vw,2.5rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.container{width:100%;max-width:1200px;padding-inline:var(--space-6);margin:0 auto}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-8);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:var(--text-inverse);box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border:1.5px solid var(--border-subtle)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--surface-elevated)}.btn-ghost{color:var(--text-secondary);padding:var(--space-2)var(--space-4);background:0 0}.btn-ghost:hover{color:var(--brand-primary)}.header{z-index:100;padding:var(--space-4)0;transition:all var(--transition-slow);position:fixed;top:0;left:0;right:0}.header:before{content:"";-webkit-backdrop-filter:blur(20px);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;background:linear-gradient(#eef2fff2 0%,#f5f3ffe6 100%);position:absolute;inset:0}.header.scrolled:before{opacity:1}.header-container{width:100%;max-width:1200px;padding-inline:var(--space-6);margin:0 auto}.nav{height:56px;padding:0 var(--space-3)0 var(--space-4);background:var(--surface-glass);border-radius:var(--radius-full);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md),0 0 0 1px #ffffff80 inset,0 1px 0 #fffc inset;transition:all var(--transition-base);justify-content:space-between;align-items:center;display:flex;position:relative}.nav:before{content:"";border-radius:var(--radius-full);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#7b68ee4d 0%,#5b7cf91a 25%,#fff3 50%,#5b7cf91a 75%,#7b68ee4d 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.nav:hover:before{opacity:1}.nav:hover{box-shadow:var(--shadow-lg),0 0 0 1px #ffffff80 inset,0 1px 0 #fffc inset,0 0 30px #7b68ee1a;border-color:var(--border-hover)}.logo{align-items:center;gap:var(--space-3);color:var(--text-primary);transition:all var(--transition-base);font-size:1.25rem;font-weight:700;display:flex}.logo:hover{color:var(--text-primary)}.logo:hover .logo-mark{box-shadow:var(--shadow-glow);transform:scale(1.05)rotate(-3deg)}.logo-mark{background:var(--gradient-brand);border-radius:var(--radius-md);width:38px;height:38px;box-shadow:var(--shadow-md);transition:all var(--transition-spring);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.logo-mark:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff40 0%,#0000 50%);position:absolute;inset:0}.logo-mark:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 40%,#ffffff4d 50%,#0000 60%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)}.logo:hover .logo-mark:after{transform:translate(100%)}.crown-icon{z-index:1;filter:drop-shadow(0 1px 2px #00000026);position:relative}.logo-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:var(--space-1);display:flex}.nav-links a{color:var(--text-secondary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:.9375rem;font-weight:500;position:relative;overflow:hidden}.nav-links a:before{content:"";background:var(--gradient-brand);opacity:0;transition:opacity var(--transition-fast);border-radius:inherit;position:absolute;inset:0}.nav-links a span{z-index:1;transition:color var(--transition-fast);position:relative}.nav-links a:hover{color:var(--text-inverse)}.nav-links a:hover:before{opacity:1}.nav-links a:hover span{color:var(--text-inverse)}.nav-links a:active{transform:scale(.97)}main{padding-top:88px}.footer{margin-top:var(--space-32);padding:var(--space-12)0;background:var(--surface-elevated);border-top:1px solid var(--border-subtle)}.footer-content{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.footer-brand{align-items:center;gap:var(--space-3);display:flex}.footer-brand .logo-mark{width:32px;height:32px}.footer-brand .logo-mark svg{width:18px;height:18px}.footer-text{color:var(--text-primary);font-weight:600}.footer-links{gap:var(--space-6);display:flex}.footer-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem}.footer-links a:hover{color:var(--brand-primary)}.footer-copyright{color:var(--text-muted);font-size:.875rem}.deco-circle{pointer-events:none;border-radius:50%;position:absolute}.deco-circle-1{background:var(--deco-blue-soft)}.deco-circle-2{background:var(--deco-purple-soft)}.deco-circle-3{background:var(--deco-blue-lighter)}.deco-line{pointer-events:none;border-radius:2px;width:20px;height:4px;position:absolute}.deco-line-1{background:var(--deco-accent-line);transform:rotate(-20deg)}.deco-line-2{background:var(--deco-accent-line-blue);transform:rotate(30deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.6s ease-out forwards fadeInUp}.animate-scale-in{animation:scaleIn .5s var(--transition-spring)forwards}.animate-float{animation:6s ease-in-out infinite float}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (max-width:768px){.container,.header-container{padding-inline:var(--space-4)}.header{padding:var(--space-3)0}.nav{height:48px;padding:0 var(--space-2)0 var(--space-3)}.logo-mark{width:34px;height:34px}.logo-mark .crown-icon{width:18px;height:18px}.logo{gap:var(--space-2);font-size:1.125rem}.nav-links{gap:0}.nav-links a{padding:6px 12px;font-size:.8125rem}main{padding-top:72px}.btn{padding:var(--space-3)var(--space-6);font-size:.9375rem}}@media (max-width:480px){.logo-text{display:none}.nav-links a{padding:6px 10px;font-size:.75rem}}