@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";:root{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .5);--monolith-bg: #000000;--monolith-glow: rgba(255, 255, 255, .05);--input-bg: #0a0a0a;--input-border: #1a1a1a;--accent: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,transparent 0%,var(--bg-color) 70%),url(https://grainy-gradients.vercel.app/noise.svg);opacity:.15;z-index:-1;pointer-events:none}@keyframes cosmic-fade-in{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes monolith-reveal{0%{width:150px;height:0;opacity:0}30%{width:150px;height:450px;opacity:1}60%{width:150px;height:450px;opacity:1}to{width:500px;height:200px;opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.page-container{animation:cosmic-fade-in 2s ease-out forwards;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:2rem;z-index:10}h1{font-size:clamp(2rem,8vw,4rem);font-weight:300;letter-spacing:.5rem;text-transform:uppercase;margin-bottom:.5rem;text-align:center}.subheadline{color:var(--text-secondary);font-size:clamp(1rem,3vw,1.25rem);font-weight:300;margin-bottom:3rem;max-width:600px;text-align:center;line-height:1.6}.monolith-wrapper{perspective:1000px;margin-bottom:4rem}.monolith{width:150px;height:450px;background:var(--monolith-bg);box-shadow:0 0 40px var(--monolith-glow),inset 0 0 20px #ffffff05;border:1px solid rgba(255,255,255,.05);animation:monolith-reveal 4s cubic-bezier(.4,0,.2,1) forwards,float 6s ease-in-out infinite 5s;display:flex;align-items:center;justify-content:center;position:relative}.monolith:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.form-container{width:100%;max-width:400px;opacity:0;animation:cosmic-fade-in 1s ease-out forwards 4s}form{display:flex;flex-direction:column;gap:1rem}input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);padding:1rem 1.5rem;font-family:inherit;font-size:1rem;border-radius:4px;outline:none;transition:border-color .3s ease}input:focus{border-color:var(--text-secondary)}button{background:var(--accent);color:var(--bg-color);border:none;padding:1rem;font-family:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.2rem;cursor:pointer;transition:opacity .3s ease,transform .2s ease;border-radius:4px}button:hover{opacity:.9;transform:translateY(-2px)}button:active{transform:translateY(0)}footer{position:absolute;bottom:2rem;width:100%;display:flex;justify-content:center;gap:2rem;opacity:0;animation:cosmic-fade-in 1s ease-out forwards 3s}footer a{color:var(--text-secondary);text-decoration:none;font-size:.75rem;letter-spacing:.1rem;text-transform:uppercase;transition:color .3s ease}footer a:hover{color:var(--text-primary)}