@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@400;700&family=Merriweather:wght@300;400;700&display=swap";:root{--bg: #0a0908;--panel: #0f0e0e;--muted: rgba(242,244,243,.12);--fg: #f2f4f3;--accent: rgba(255,255,255,.06);--border: rgba(255,255,255,.04);--glass: rgba(255,255,255,.02);--radius: 8px;--max-width: 780px}html,body,#root{height:100%;margin:0;padding:0}body{margin:0;padding:0;background-color:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.03' stroke-width='1'%3E%3Cpath d='M12 0v24M0 12h24'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;background-attachment:fixed}#root{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.03' stroke-width='1'%3E%3Cpath d='M12 0v24M0 12h24'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;background-attachment:fixed}*{box-sizing:border-box}.page-center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:96px 20px}.hero{width:100%;max-width:var(--max-width);text-align:center;padding:48px 32px}.hero h1{font-family:Playfair Display,Merriweather,serif;font-size:64px;margin:0 0 12px;letter-spacing:-1px;font-weight:700;color:var(--fg)}.hero p.lead{margin:0 0 28px;color:#f2f4f3b3;font-size:18px}.cta-row{display:flex;gap:16px;justify-content:center;margin-top:18px;flex-wrap:wrap}.btn{background:transparent;color:var(--fg);border:1px solid var(--border);padding:14px 28px;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;font-weight:600;font-size:14px;transition:all .2s ease}.btn:hover{background:#ffffff08;border-color:#ffffff14}.btn.fill{background:#ffffff05}.form-card{width:100%;max-width:420px;margin:28px auto 0;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);border:1px solid var(--border);border-radius:10px}label{display:block;margin-bottom:8px;color:#f2f4f3a6;font-size:14px;font-weight:500}input[type=text],input[type=email],input[type=password],textarea{width:100%;padding:14px 16px;background:#ffffff03;color:var(--fg);border:1px solid var(--border);border-radius:8px;outline:none;font-family:inherit;font-size:16px;margin-bottom:16px;transition:all .2s ease}input:focus,textarea:focus{border-color:#ffffff1f;background:#ffffff05}input::placeholder,textarea::placeholder{color:#f2f4f347}textarea{min-height:420px;resize:vertical}.topbar{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.02);z-index:40}.topbar .left{flex:1}.topbar .right{display:flex;gap:12px;align-items:center}.topbar-text{font-size:14px;color:#f2f4f3b3}.icon-btn{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid var(--border);color:var(--fg);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#ffffff0a;border-color:#ffffff14}.overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal{background:var(--panel);padding:48px;border-radius:12px;max-width:720px;width:100%;border:1px solid var(--border);box-shadow:0 8px 30px #0009}.muted{color:#f2f4f380}.text-center{text-align:center}.text-sm{font-size:14px;color:#f2f4f3a6}a{color:#f2f4f3d9;text-decoration:none;transition:color .2s ease}a:hover{color:var(--fg)}@media(max-width:640px){.hero h1{font-size:40px}.hero{padding:28px 18px}.page-center{padding:40px 12px}.modal{padding:32px}textarea{min-height:300px}.cta-row{flex-direction:column}.btn{width:100%}}button{font-family:inherit}.help-dot{position:fixed;right:18px;bottom:18px;width:36px;height:36px;border-radius:999px;background:#ffffff05;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.help-dot:hover{background:#ffffff0a}@keyframes sparkle{0%,to{text-shadow:0 0 5px rgba(100,200,255,.3),0 0 10px rgba(100,200,255,.2);color:#f2f4f3}15%{text-shadow:0 0 30px rgba(100,200,255,1),0 0 50px rgba(100,200,255,.9),0 0 80px rgba(50,150,255,.7),inset 0 0 20px rgba(100,200,255,.5);color:#64c8ff}35%{text-shadow:0 0 5px rgba(100,200,255,.2),0 0 10px rgba(100,200,255,.1)}50%{text-shadow:0 0 40px rgba(100,200,255,1),0 0 60px rgba(100,200,255,.95),0 0 100px rgba(50,150,255,.8),inset 0 0 30px rgba(100,200,255,.6);color:#64c8ff}70%{text-shadow:0 0 10px rgba(100,200,255,.3),0 0 20px rgba(100,200,255,.15)}85%{text-shadow:0 0 50px rgba(100,200,255,1),0 0 70px rgba(100,200,255,.98),0 0 120px rgba(50,150,255,.9),inset 0 0 40px rgba(100,200,255,.7);color:#64c8ff}}@keyframes lightning{0%,to{opacity:0;height:0}8%,9%{opacity:.9;height:60px}10%,11%{opacity:.3;height:50px}12%,13%{opacity:1;height:70px}15%,to{opacity:0;height:0}48%,49%{opacity:.8;height:60px}50%,51%{opacity:.2;height:55px}52%,53%{opacity:.95;height:65px}55%,to{opacity:0;height:0}}@keyframes spark-particles{0%,to{opacity:0;transform:scale(0)}10%,12%{opacity:1;transform:scale(1)}15%{opacity:0;transform:scale(.5)}}@keyframes glow{0%,to{text-shadow:0 0 5px rgba(255,220,0,.4),0 0 10px rgba(255,200,0,.2);color:#f2f4f3}25%{text-shadow:0 0 15px rgba(255,220,0,.8),0 0 30px rgba(255,200,0,.6),0 0 45px rgba(255,240,0,.4),-5px -5px 20px rgba(255,220,0,.5),5px -5px 20px rgba(255,220,0,.5),0 5px 25px rgba(255,200,0,.3);color:#ffdc00}50%{text-shadow:0 0 40px rgba(255,220,0,1),0 0 60px rgba(255,200,0,.9),0 0 90px rgba(255,240,0,.7),-8px -8px 30px rgba(255,220,0,.8),8px -8px 30px rgba(255,220,0,.8),0 8px 40px rgba(255,200,0,.6),inset 0 0 20px rgba(255,220,0,.4);color:#ffdc00}75%{text-shadow:0 0 20px rgba(255,220,0,.7),0 0 35px rgba(255,200,0,.5),0 0 50px rgba(255,240,0,.3),-5px -5px 20px rgba(255,220,0,.5),5px -5px 20px rgba(255,220,0,.5),0 5px 25px rgba(255,200,0,.25);color:#ffdc00}}@keyframes star-burst{0%,to{opacity:0;transform:scale(.5) rotate(0);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}15%,45%{opacity:1;transform:scale(1.2) rotate(20deg)}50%{opacity:.8;transform:scale(1.3) rotate(10deg)}75%,to{opacity:0;transform:scale(.5) rotate(0)}}@keyframes star-shine{0%,to{box-shadow:0 0 10px #ffdc0033,inset 0 0 15px #ffc8001a}50%{box-shadow:0 0 40px #ffdc00e6,0 0 60px #ffc800b3,inset 0 0 30px #ffc80066}}@keyframes shimmer{0%{background-position:-1000px 0;color:#f2f4f3;text-shadow:0 0 0 transparent}50%{text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.4)}to{background-position:1000px 0;color:#f2f4f3;text-shadow:0 0 0 transparent}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 5px rgba(255,100,150,.4),0 0 10px rgba(255,100,150,.3);color:#f2f4f3}20%,24%,55%{text-shadow:0 0 20px rgba(255,150,200,.9),0 0 40px rgba(255,100,150,.7),0 0 60px rgba(255,150,200,.5);color:#ffb3d9}}@keyframes pulse{0%,to{transform:scale(1);text-shadow:0 0 0 transparent}50%{transform:scale(1.02);text-shadow:0 0 10px rgba(255,100,150,.5)}}@keyframes wave{0%,to{transform:translateY(0);color:#f2f4f3}25%{transform:translateY(-2px)}50%{transform:translateY(2px);color:#f2f4f3}75%{transform:translateY(-1px)}}.sparkle-effect,textarea.sparkle{position:relative;animation:sparkle 1.5s ease-in-out infinite}.sparkle-effect:before,textarea.sparkle:before{content:"";position:absolute;top:-25px;left:50%;transform:translate(-50%);width:3px;height:0;background:linear-gradient(to bottom,#64c8ffe6,#64c8ff4d);box-shadow:0 0 10px #64c8ffcc,0 0 20px #64c8ff80;animation:lightning 1.5s linear infinite;pointer-events:none;filter:drop-shadow(0 0 5px rgba(100,200,255,.7))}.sparkle-effect:after,textarea.sparkle:after{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#64c8ffcc;border-radius:50%;animation:spark-particles 1.5s linear infinite;pointer-events:none;box-shadow:0 0 8px #64c8ffe6}.glow-effect,textarea.glow{position:relative;animation:glow 1.8s ease-in-out infinite}.glow-effect:before,textarea.glow:before{content:"";position:absolute;top:-50px;left:50%;transform:translate(-50%);width:100px;height:100px;background:#ffdc0080;animation:star-burst 1.8s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.glow-effect:after,textarea.glow:after{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:70px;height:70px;border-radius:50%;animation:star-shine 1.8s ease-in-out infinite;pointer-events:none}.flicker-effect,textarea.flicker{animation:flicker 2s linear infinite}.pulse-effect,textarea.pulse{animation:pulse 1.5s ease-in-out infinite}.wave-effect,textarea.wave{animation:wave 1.5s ease-in-out infinite}
