*{box-sizing:border-box}#root,body,html{height:100%}body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial;margin:0}.screen{color:#fff;display:grid;min-height:100%;overflow:hidden;place-items:center;position:relative}.homepage{align-items:end!important;background-image:url(/static/media/background_for_name.e6cf8185a20788ff196c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex!important;justify-content:center!important;padding:30px 30px 170px}.brand{margin-bottom:1rem;text-align:center}.title{font-size:clamp(34px,7vw,64px);font-weight:800;letter-spacing:.06em;margin:0}.subtitle{color:#ff3b3b;font-size:clamp(16px,3.2vw,24px);font-weight:700;letter-spacing:.25em;margin:4px 0 0}.name-form{border-radius:14px;flex-direction:column;justify-content:center;padding:16px;width:min(560px,88vw)}.name-form,.splited-input{align-items:center;display:flex;gap:10px}.label{border:1px solid #e31e25;border-radius:5px;font-size:14px;letter-spacing:.1em;opacity:.85;padding:5px 10px}.input{background:#fff;border:none;border-radius:12px;color:#000;font-size:16px;outline:none;padding:8px 11px}.input:focus{border-color:#ff4d4d;box-shadow:0 0 0 3px #ff4d4d33}.btn{background:linear-gradient(90deg,#ff4d2e,#e31e25);border:none;border-radius:999px;box-shadow:0 10px 30px #ff6a0026;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.04em;margin-top:4px;padding:8px 9px;width:30%}.btn:active{transform:translateY(1px)}.flare{bottom:-30vh;filter:blur(18px);height:140vh;opacity:.35;pointer-events:none;position:absolute;width:140vh}.background,.screen--galaxy{position:relative!important}.video-bg{width:100%;z-index:-1}.back,.video-bg{position:absolute}.back{background:#ffffff14;border:1px solid #ffffff22;border-radius:10px;color:#fff;cursor:pointer;left:14px;padding:8px 12px;top:14px}.place-top{height:100vh;position:absolute;top:0}.galaxy{background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 60%,#cbd5ff,#0000),radial-gradient(1px 1px at 40% 80%,#cbd5ff88,#0000),radial-gradient(700px 700px at 50% 50%,#3250dc26,#0000 60%);height:100%;overflow:hidden;position:relative;width:100%}.star{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;position:absolute;text-align:left;transform-origin:center}.star-dot{animation:glowPulse 2s infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.8)) drop-shadow(0 0 40px rgba(255,215,0,.6));height:40px;position:relative;width:40px}@keyframes glowPulse{0%{filter:drop-shadow(0 0 10px rgba(255,215,0,.5)) drop-shadow(0 0 20px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 0 25px rgba(255,215,0,1)) drop-shadow(0 0 50px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 10px rgba(255,215,0,.5)) drop-shadow(0 0 20px rgba(255,215,0,.3))}}.star-text{max-width:220px}.star-name{font-weight:800;letter-spacing:.04em;line-height:1.15;text-shadow:0 2px 12px #000a}.star-tag{color:#c9d2ff;font-size:12px;opacity:.85}.star--you .star-dot{background:#ff3b3b;box-shadow:0 0 10px 3px #ff7171,0 0 30px 12px #ff3b3b66,0 0 90px 40px #ff3b3b1f}.star--you .star-name{color:#fff}.star--you .star-tag{color:#ffd7c7}.form-error{color:#ffb3b3;font-size:14px;margin-top:8px}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.modal{animation:pop .16s ease-out;background:#111827;border:1px solid #ffffff22;border-radius:16px;box-shadow:0 20px 60px #00000080;color:#fff;padding:18px 18px 14px;width:min(92vw,420px)}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:18px;font-weight:700;margin:0 0 6px}.modal-body{margin:0 0 14px;opacity:.9}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn.btn-outline{background:#0000;border:1px solid #fff3;box-shadow:none}.btn.btn-outline:hover{border-color:#fff6}@keyframes twinkle{0%,to{box-shadow:0 0 20px #ffbe32e6,0 0 50px #ffbe3299,0 0 100px #ffbe3266;transform:rotate(0deg) scale(1);transform:rotate(var(--rot,0deg)) scale(1)}50%{box-shadow:0 0 30px #ffdc64,0 0 70px #ffdc64cc,0 0 120px #ffdc6480;transform:rotate(0deg) scale(1.2);transform:rotate(var(--rot,0deg)) scale(1.2)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}
/*# sourceMappingURL=main.ad89a5d0.css.map*/