@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=JetBrains+Mono:wght@300;500&display=swap";
:root{--bg:#0d0d0d;--surface:#141414;--surface-light:#1a1a1a;--orange:#ff5c00;--orange-muted:#853100;--orange-hover:#ff7a33;--text-main:#f0f0f0;--text-dim:#707070;--text-dark:#444;--shadow-light:#ffffff08;--shadow-dark:#000c;--border-subtle:#ffffff0d;--border-orange:#ff5c004d;--pebble-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.texture-overlay{pointer-events:none;z-index:100;opacity:.15;background-image:var(--pebble-grain);mix-blend-mode:overlay;width:100%;height:100%;position:fixed;top:0;left:0}.topo-bg{z-index:-1;background:radial-gradient(circle at 20% 30%,var(--orange-muted)0%,transparent 40%),radial-gradient(circle at 80% 70%,#1a1a1a 0%,transparent 50%);opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.topo-lines{background-image:repeating-radial-gradient(circle,#0000 0 40px,#ff5c000d 41px,#0000 42px);width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}h1{text-transform:uppercase;letter-spacing:-.05em;color:var(--text-main);font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:.85}h2{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900}.data-mono{text-transform:uppercase;letter-spacing:.2em;color:var(--orange);font-family:JetBrains Mono,monospace;font-size:.8rem}.relief-card{background:var(--surface);box-shadow:20px 20px 60px var(--shadow-dark),-5px -5px 20px var(--shadow-light);border-radius:40px;padding:2px;transition:transform .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.relief-inner{background:var(--surface);z-index:1;border:1px solid var(--border-subtle);border-radius:38px;padding:2rem;position:relative;box-shadow:inset 10px 10px 20px #00000080,inset -5px -5px 15px #ffffff05}.card{background:var(--surface);box-shadow:8px 8px 24px var(--shadow-dark),-2px -2px 8px var(--shadow-light),inset 0 1px 0 #ffffff0d;border:1px solid #ffffff0a;border-radius:16px;padding:1.5rem}.pebble-cta{background:var(--orange);color:#000;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:1rem;padding:1.2rem 2.5rem;font-size:.9rem;font-weight:900;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 15px 30px #ff5c004d}.pebble-cta:hover{background:var(--orange-hover);transform:translateY(-2px);box-shadow:0 20px 40px #ff5c0080}.pebble-cta:after{content:"";background-image:var(--pebble-grain);opacity:.3;pointer-events:none;position:absolute;inset:0}.btn-secondary{background:var(--surface);color:var(--text-main);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-subtle);cursor:pointer;box-shadow:4px 4px 12px var(--shadow-dark),-1px -1px 4px var(--shadow-light);border-radius:100px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-orange);background:var(--surface-light)}.btn-danger{color:#f55;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ff32321a;border:1px solid #ff323233;border-radius:100px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-danger:hover{background:#ff323233;border-color:#ff323266}.input-field{background:var(--bg);width:100%;color:var(--text-main);border:1px solid var(--border-subtle);letter-spacing:.05em;border-radius:12px;outline:none;padding:1rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;transition:all .3s;box-shadow:inset 4px 4px 10px #0006,inset -2px -2px 6px #ffffff05}.input-field::placeholder{color:var(--text-dim);text-transform:uppercase}.input-field:focus{border-color:var(--border-orange);box-shadow:inset 4px 4px 10px #0006,inset -2px -2px 6px #ffffff05,0 0 20px #ff5c001a}.input-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500;display:block}@keyframes reveal{0%{opacity:0;filter:blur(10px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 10px 30px #ff5c004d)}50%{filter:drop-shadow(0 15px 40px #ff5c0099)}}@keyframes flash-pick{0%{background:#ff5c0080}to{background:#ff5c0026}}.animate-reveal{opacity:0;animation:1s cubic-bezier(.23,1,.32,1) forwards reveal}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:#ff5c0066;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff5c0099}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.msg-error{color:#f55;letter-spacing:.05em;margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.msg-success{color:#5f5;letter-spacing:.05em;margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}
