:root{--background:#030712;--foreground:#f8fafc;--primary-color:#14f195;--secondary-color:#9945ff;--accent-color:#14f19533;--card-bg:#ffffff08;--border-color:#ffffff14;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:800;line-height:1.1}a{color:var(--primary-color);text-decoration:none;transition:all .3s}a:hover{opacity:.8}.bg-grid{z-index:-1;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.ambient-orb{filter:blur(120px);z-index:-2;opacity:.3;pointer-events:none;border-radius:50%;position:fixed}.ambient-orb.orb-1{background:var(--primary-color);width:50vw;height:50vw;top:-10%;left:-10%}.ambient-orb.orb-2{background:var(--secondary-color);width:60vw;height:60vw;bottom:-10%;right:-10%}.container{z-index:10;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.text-gradient{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color), #fff);-webkit-text-fill-color:transparent;color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glow-box{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d}.hover-scale{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{box-shadow:0 15px 40px -10px var(--accent-color), inset 0 0 0 1px #ffffff1a;border-color:#fff3;transform:translateY(-4px)scale(1.02)}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 25px -5px var(--accent-color);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:1rem 2rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover:not(:disabled){box-shadow:0 20px 35px -5px var(--accent-color);filter:brightness(1.1);transform:translateY(-3px)scale(1.03)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes pulse-glow{0%{box-shadow:0 0 15px var(--accent-color)}50%{box-shadow:0 0 40px var(--primary-color)}to{box-shadow:0 0 15px var(--accent-color)}}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}@keyframes borderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.train-border-box{border-radius:1.5rem;padding:3px;position:relative;overflow:hidden;box-shadow:0 0 20px #14f1951a}.train-border-box:before{content:"";background:conic-gradient(transparent 0deg, transparent 270deg, var(--primary-color) 360deg);z-index:0;width:200%;height:200%;animation:3s linear infinite borderSpin;position:absolute;top:-50%;left:-50%}.train-border-inner{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f18f2;border-radius:calc(1.5rem - 3px);position:relative}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);cursor:pointer;width:24px;height:24px;box-shadow:0 0 15px var(--primary-color);border-radius:50%;margin-top:-10px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:var(--border-color);border-radius:2px;width:100%;height:4px}@media (max-width:768px){html{font-size:14px}.glow-box{padding:1.5rem!important}.btn-primary{padding:.875rem 1.5rem}}@media (max-width:480px){html{font-size:13px}.glow-box{padding:1.25rem!important}}
