:root{--metal-dark:#0a0e1a;--metal-darker:#050810;--metal-surface:#151925;--metal-elevated:#1c2130;--chrome-gradient:linear-gradient(135deg,#667eea,#764ba2);--silver-gradient:linear-gradient(135deg,#e0e0e0,#8a8a8a 50%,#e0e0e0);--gold-accent:linear-gradient(135deg,#ffd89b,#19547b);--metal-shine:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);--accent-cyan:#00d4ff;--accent-purple:#8b5cf6;--accent-emerald:#10b981;--accent-gold:#fbbf24;--accent-red:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-dark:rgba(21,25,37,.6);--glass-light:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--glass-border-strong:hsla(0,0%,100%,.15);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 24px rgba(0,0,0,.4);--shadow-lg:0 16px 48px rgba(0,0,0,.5);--shadow-glow-cyan:0 0 30px rgba(0,212,255,.3);--shadow-glow-purple:0 0 30px rgba(139,92,246,.3);--shadow-glow-emerald:0 0 30px rgba(16,185,129,.3);--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--metal-darker);color:var(--text-primary);overflow-x:hidden;min-height:100vh}body{background:radial-gradient(ellipse at top,var(--metal-surface) 0,var(--metal-darker) 50%,var(--metal-dark) 100%);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 100px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 200px);pointer-events:none;z-index:0}.glass-metallic{background:var(--glass-dark);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.glass-metallic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--metal-shine);opacity:0;transition:all var(--transition-slow)}.glass-metallic:hover:before{left:100%;opacity:1}.glass-strong{background:rgba(28,33,48,.8);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-lg)}.border-metallic{position:relative;border:1px solid transparent;background-clip:padding-box}.border-metallic:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--silver-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-glow-cyan)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate-gradient{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--metal-surface)}::-webkit-scrollbar-thumb{background:var(--glass-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}::selection{background:var(--accent-cyan);color:var(--metal-darker)}@supports (-webkit-touch-callout:none){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}html{-webkit-text-size-adjust:100%}*{-webkit-overflow-scrolling:touch}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}