:root{--ice-black: #050505;--ice-dark: #0a0a0a;--ice-panel: #111111;--ice-white: #ffffff;--ice-accent: #333333;--ice-highlight: #ffffff;--ice-blue: #a0c4ff;--somatic-red: #ff3333;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-unit: 8px}body.landing-page{background-color:var(--ice-black);color:var(--ice-white);font-family:var(--font-display);margin:0;padding:0;overflow-x:hidden;height:100vh;width:100vw}.display-text{font-size:clamp(3rem,8vw,6rem);font-weight:300;letter-spacing:-.04em;line-height:.9;margin:0;opacity:0;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s}.display-sub{font-size:clamp(1rem,2vw,1.5rem);font-weight:400;color:#888;margin-top:2rem;max-width:600px;line-height:1.5;opacity:0;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s}.data-mono{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#555}.landing-container{display:flex;flex-direction:column;height:100%;position:relative;z-index:10;padding:4rem;box-sizing:border-box}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:100px 100px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);mask-image:radial-gradient(circle at center,black 40%,transparent 80%)}.ice-shard{position:absolute;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.enter-button{display:inline-flex;align-items:center;justify-content:center;margin-top:3rem;padding:1rem 3rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative;text-decoration:none;width:fit-content;opacity:0;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.6s}.enter-button:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 30px #fff3}.enter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.enter-button:hover:before{left:100%}.data-strip{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:1s}.stat-block{display:flex;flex-direction:column;gap:.5rem}.stat-value{font-family:var(--font-mono);font-size:1.2rem;color:#fff}.stat-label{font-family:var(--font-mono);font-size:.7rem;color:#555;text-transform:uppercase}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body.light-mode.landing-page{background-color:#f5f5f5;color:#111}body.light-mode .display-sub{color:#444}body.light-mode .grid-lines{background:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px)}body.light-mode .enter-button{border-color:#0003;color:#000}body.light-mode .enter-button:hover{background:#000;color:#fff;border-color:#000}
