:root{--color-primary-start:#c77dff;--color-primary-end:plum;--color-primary-blue:#5b9fd5;--color-primary-gradient:linear-gradient(135deg,var(--color-primary-start),var(--color-primary-end));--color-logo-gradient:linear-gradient(135deg,#c77dff 0%,#5b9fd5 100%);--color-bg-primary:#0a0a0f;--color-bg-primary-95:#0a0a0ff2;--color-bg-primary-98:#0a0a0ffa;--color-bg-secondary:#14141ee6;--color-bg-tertiary:#1e142899;--color-bg-hover:#281932cc;--color-border-primary:#c77dff4d;--color-border-secondary:#c77dff33;--color-border-tertiary:#c77dff26;--color-border-light:#c77dff1a;--color-border-hover:#c77dff80;--color-text-primary:#fff;--color-text-secondary:#fffc;--color-text-tertiary:#ffffffb3;--color-text-disabled:#ffffff80;--blur-light:blur(10px);--blur-medium:blur(20px);--blur-heavy:blur(40px);--glass-bg-primary:#14141ee6;--glass-bg-secondary:#14141e99;--glass-bg-overlay:#0a0a0ff2;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 4px 12px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 20px 60px #0006;--shadow-xl:0 30px 80px #0006;--shadow-glow-sm:0 4px 12px #c77dff33;--shadow-glow-md:0 8px 24px #c77dff4d;--shadow-glow-lg:0 12px 32px #c77dff66;--shadow-glow-xl:0 8px 24px #c77dff99;--shadow-inset-primary:0 0 0 1px #c77dff1a inset;--shadow-inset-secondary:0 0 0 1px #c77dff33 inset;--shadow-inset-white:0 0 0 1px #ffffff1a inset;--shadow-glass-sm:var(--shadow-sm),var(--shadow-inset-primary);--shadow-glass-md:var(--shadow-md),var(--shadow-inset-primary);--shadow-glass-lg:var(--shadow-lg),var(--shadow-inset-primary);--shadow-glass-xl:var(--shadow-xl),var(--shadow-inset-primary);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.4s;--duration-slowest:.6s;--transition-fast:all var(--duration-fast)var(--ease-smooth);--transition-normal:all var(--duration-normal)var(--ease-smooth);--transition-slow:all var(--duration-slow)var(--ease-spring);--transition-bounce:all var(--duration-slow)var(--ease-bounce);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-family:"Jost",sans-serif;--text-xs:.65rem;--text-sm:.75rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--text-6xl:3.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--z-base:1;--z-above:10;--z-header:2000;--z-overlay:3000;--z-modal:4000;--z-toast:5000}.header{z-index:var(--z-header);background:linear-gradient(to bottom,var(--color-bg-primary-95)0%,#0a0a0f00 100%);-webkit-backdrop-filter:var(--blur-medium);font-family:var(--font-family);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.logo-link{cursor:pointer;align-items:center;gap:1rem;text-decoration:none;display:flex}.logo-crystal{background:var(--color-logo-gradient);width:40px;height:40px;font-size:var(--text-xl);font-weight:var(--weight-bold);color:#fff;box-shadow:var(--shadow-glow-sm);transition:var(--transition-normal);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.logo-link:hover .logo-crystal{transform:scale(1.05);box-shadow:0 4px 20px #c77dff80,0 0 40px #c77dff4d}.logo-link:active .logo-crystal{transform:scale(.98)}.logo-text{font-size:var(--text-xl);font-weight:var(--weight-bold);color:#fff;margin:0;line-height:1}.logo-subtitle{font-size:var(--text-sm);color:#c77dffcc;margin-top:.25rem}.nav{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.nav-btn-active{border:1px solid var(--color-border-tertiary);border-radius:var(--radius-sm);color:var(--color-primary-start);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-semibold);transition:var(--transition-fast);font-family:var(--font-family);box-shadow:var(--shadow-glow-sm);background:linear-gradient(#c77dff4d 0%,#c77dff1a 100%);padding:.5rem 1rem;text-decoration:none}.nav-btn{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-medium);transition:var(--transition-fast);font-family:var(--font-family);background:linear-gradient(#ffffff0d 0%,#0000 100%);padding:.5rem 1rem;text-decoration:none}.nav-btn:hover{border-color:var(--color-border-secondary);color:var(--color-primary-start);box-shadow:var(--shadow-glow-sm);background:linear-gradient(#c77dff33 0%,#c77dff0d 100%)}.mobile-menu-btn{color:#fff;font-size:var(--text-2xl);cursor:pointer;padding:var(--space-sm);background:0 0;border:none;display:none}.mobile-menu-overlay{background:var(--color-bg-primary-98);-webkit-backdrop-filter:var(--blur-medium);z-index:var(--z-overlay);opacity:0;transition:opacity var(--duration-normal)ease;padding:2rem;display:none;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;display:block}.mobile-menu-close{color:#fff;cursor:pointer;padding:var(--space-sm);background:0 0;border:none;font-size:2rem;position:absolute;top:1rem;right:1rem}.mobile-nav{flex-direction:column;gap:1rem;margin-top:3rem;display:flex}.mobile-nav-item{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:#fff;font-size:var(--text-lg);font-weight:var(--weight-semibold);background:linear-gradient(135deg,#c77dff33,#5b9fd533);align-items:center;gap:.75rem;padding:1rem;text-decoration:none;display:flex}@media (width<=768px){.nav{display:none}.mobile-menu-btn{display:block}}.btn-primary{padding:var(--space-md)var(--space-xl);background:var(--color-primary-gradient);color:#fff;border-radius:var(--radius-lg);font-weight:var(--weight-semibold);cursor:pointer;transition:var(--transition-slow);box-shadow:var(--shadow-glow-md),var(--shadow-inset-white);will-change:transform;font-family:var(--font-family);font-size:var(--text-md);text-align:center;border:1px solid #fff3;transform:translateZ(0)}.btn-primary:hover{box-shadow:var(--shadow-glow-lg),var(--shadow-inset-secondary);transform:translateY(-3px)scale(1.01)translateZ(0)}.btn-primary:active{transform:translateY(0)scale(.98)translateZ(0)}.btn-secondary{padding:var(--space-md)var(--space-xl);background:var(--glass-bg-secondary);-webkit-backdrop-filter:var(--blur-light);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-slow);box-shadow:var(--shadow-sm);will-change:transform;font-family:var(--font-family);font-size:var(--text-md);text-align:center;transform:translateZ(0)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-glow-md);transform:translateY(-2px)scale(1.02)translateZ(0)}.glass-card{background:var(--glass-bg-primary);-webkit-backdrop-filter:var(--blur-medium);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass-lg);transition:var(--transition-slow);will-change:transform;transform:translateZ(0)}.glass-card-secondary{background:var(--glass-bg-secondary);-webkit-backdrop-filter:var(--blur-light);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass-sm)}.center{justify-content:center;align-items:center;display:flex}.center-text{text-align:center}.fixed-top{position:fixed;top:0;left:0;right:0}.fixed-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.map-btn{border-radius:var(--radius-lg);width:56px;height:56px;-webkit-backdrop-filter:var(--blur-medium);border:1px solid var(--color-border-primary);background:var(--glass-bg-secondary);color:#fff;cursor:pointer;transition:var(--transition-slow);box-shadow:var(--shadow-md),var(--shadow-inset-primary);will-change:transform;font-size:var(--text-xl);justify-content:center;align-items:center;display:flex;transform:translateZ(0)}.map-btn:hover{box-shadow:var(--shadow-glow-lg),var(--shadow-inset-secondary);border-color:var(--color-border-hover);transform:translateY(-2px)scale(1.03)translateZ(0)}.map-btn:active{transform:translateY(0)scale(.97)translateZ(0)}.loading-spinner{border:8px solid #c77dff1a;border-top-color:var(--color-primary-start);border-radius:var(--radius-full);width:80px;height:80px;animation:1s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.input-glass{padding:var(--space-md)var(--space-lg);background:var(--color-bg-tertiary);-webkit-backdrop-filter:var(--blur-light);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-family);transition:var(--transition-slow);box-shadow:var(--shadow-sm);will-change:transform;transform:translateZ(0)}.input-glass::placeholder{color:var(--color-text-disabled)}.input-glass:focus{border-color:var(--color-primary-start);background:var(--color-bg-hover);box-shadow:0 0 0 3px #c77dff4d,var(--shadow-glow-sm);outline:none;transform:translateY(-2px)translateZ(0)}.divider-purple{border-top:1px solid var(--color-border-secondary)}.badge-purple{padding:var(--space-sm)var(--space-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur-light);background:#c77dff26}.text-gradient-purple{background:var(--color-primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.02em;background-clip:text}.gpu-accelerated{will-change:transform;transform:translateZ(0)}.overlay-glass{background:var(--glass-bg-overlay);-webkit-backdrop-filter:var(--blur-heavy)}