@tailwind base;@tailwind components;@tailwind utilities;:root{--metal-bg-top: #0C0F14;--metal-bg-bottom: #141922;--metal-panel-start: #161B24;--metal-panel-end: #10141B;--metal-active-start: #1C2330;--metal-active-end: #121722;--metal-edge: rgba(255,255,255,.06);--text-primary: #F8FAFC;--text-secondary: rgba(255,255,255,.65);--text-muted: rgba(255,255,255,.45);--accent-primary: #7C8CFF;--accent-glow: rgba(124,140,255,.45);--accent-muted: rgba(124,140,255,.18);--accent-secondary: #FF0099}body{font-family:Inter,sans-serif;background:radial-gradient(120% 80% at 50% -20%,rgba(255,255,255,.04),transparent 60%),linear-gradient(180deg,var(--metal-bg-top),var(--metal-bg-bottom));background-attachment:fixed;color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}.font-pop{font-family:Inter,sans-serif;letter-spacing:-.04em}.text-massive{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.9;letter-spacing:-.05em}.card-pop{background:linear-gradient(145deg,var(--metal-panel-start),var(--metal-panel-end));border:1px solid var(--metal-edge);border-radius:24px;box-shadow:inset 0 1px #ffffff0f,0 15px 40px #0009;padding:clamp(18px,2.5vw,24px);transition:all .3s cubic-bezier(.25,1,.5,1)}.card-pop:hover{transform:translateY(-4px);border-color:#7c8cff4d;box-shadow:inset 0 1px #ffffff14,0 0 30px #7c8cff1a,0 25px 50px #000000b3}.card-anchor{background:linear-gradient(145deg,var(--metal-active-start),var(--metal-active-end));border-color:#7c8cff59;box-shadow:inset 0 1px #ffffff1a,0 0 30px #7c8cff26,0 30px 60px #000c}.card-anchor:hover{border-color:#7c8cff80;box-shadow:inset 0 1px #ffffff1f,0 0 40px #7c8cff33,0 40px 80px #000000d9}.time-colon{animation:pulse-colon 2s ease-in-out infinite}@keyframes pulse-colon{0%,to{opacity:.4}50%{opacity:.8}}.time-changing{animation:time-update .3s ease-out}@keyframes time-update{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.logo-glow:hover{filter:drop-shadow(0 0 10px rgba(124,140,255,.4));transition:filter .3s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:16px;background:linear-gradient(145deg,#e8ecf5,#c9d2e3);border-radius:6px;box-shadow:0 8px 20px #0009,0 0 15px var(--accent-glow);cursor:pointer;margin-top:-10px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:#ffffff26;border-radius:999px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#111;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.timeline-container{background:linear-gradient(145deg,var(--metal-panel-start),var(--metal-panel-end));border-radius:24px;box-shadow:inset 0 1px #ffffff0f,0 15px 40px #0009}.timeline-track{height:4px;background:#ffffff26;border-radius:999px}.timeline-marker-glow{box-shadow:0 0 20px var(--accent-glow)}.timeline-marker-line{background:var(--accent-primary)}.timeline-thumb{background:linear-gradient(145deg,#e8ecf5,#c9d2e3);border-radius:12px;box-shadow:0 8px 20px #0009}.scrubber-dot{width:4px;height:4px;background:#ffffff40;border-radius:50%}.reset-button-spring{transition:all .4s cubic-bezier(.22,1,.36,1)}