.login-page[data-v-7e4e84b6]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#050508;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;position:relative;overflow:hidden}.cosmic-layer[data-v-7e4e84b6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 15% 25%,rgba(120,80,255,.1) 0%,transparent 60%),radial-gradient(ellipse 70% 60% at 85% 75%,rgba(20,200,230,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(200,100,255,.05) 0%,transparent 50%);animation:nebula-7e4e84b6 10s ease-in-out infinite alternate}@keyframes nebula-7e4e84b6{0%{opacity:.5}to{opacity:1}}.grid-overlay[data-v-7e4e84b6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(167,139,250,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.02) 1px,transparent 1px);background-size:60px 60px}#space-canvas[data-v-7e4e84b6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.login-card[data-v-7e4e84b6]{position:relative;z-index:2;width:100%;max-width:380px;background:#ffffff04;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:44px 34px 38px;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeIn-7e4e84b6 .7s ease both}.login-icon[data-v-7e4e84b6]{font-size:2.8rem;margin-bottom:10px;display:inline-block;animation:float-7e4e84b6 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(167,139,250,.3))}@keyframes float-7e4e84b6{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title[data-v-7e4e84b6]{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f0e6ff,#a78bfa 30%,#6366f1,#22d3ee 80%,#f0e6ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift-7e4e84b6 6s ease-in-out infinite;letter-spacing:-.02em;margin-bottom:4px;line-height:1.2}@keyframes gradientShift-7e4e84b6{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-sub[data-v-7e4e84b6]{color:#ffffff59;font-size:.78rem;font-weight:400;margin-bottom:30px;letter-spacing:.08em}@keyframes fadeIn-7e4e84b6{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-form[data-v-7e4e84b6]{display:flex;flex-direction:column;gap:20px}.field[data-v-7e4e84b6]{text-align:left}.field label[data-v-7e4e84b6]{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:6px}.field input[data-v-7e4e84b6]{width:100%;padding:13px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:.9rem;font-family:inherit;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.field input[data-v-7e4e84b6]:hover:not(:focus){border-color:#ffffff26;background:#ffffff0f}.field input[data-v-7e4e84b6]::placeholder{color:#ffffff2e}.field input[data-v-7e4e84b6]:focus{border-color:#a78bfa99;background:#ffffff14;box-shadow:0 0 0 3px #a78bfa1f,0 0 30px #a78bfa26,inset 0 0 20px #a78bfa0d;transform:translateY(-1px)}.field input[data-v-7e4e84b6]:disabled{opacity:.5;cursor:not-allowed}.error-msg[data-v-7e4e84b6]{color:#fb7185;font-size:.78rem;text-align:center;padding:10px 14px;background:#f43f5e14;border:1px solid rgba(244,63,94,.15);border-radius:10px;margin:0}.login-btn[data-v-7e4e84b6]{width:100%;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#a78bfa33,#6366f133);border:1px solid rgba(167,139,250,.2);color:#fff;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;min-height:46px}.login-btn[data-v-7e4e84b6]:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa4d,#6366f14d);border-color:#a78bfa66;box-shadow:0 4px 24px #a78bfa26;transform:translateY(-2px)}.login-btn[data-v-7e4e84b6]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-7e4e84b6]{width:18px;height:18px;border:2px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:spin-7e4e84b6 .6s linear infinite}@keyframes spin-7e4e84b6{to{transform:rotate(360deg)}}.guest-divider[data-v-7e4e84b6]{display:flex;align-items:center;margin:20px 0 12px;color:#fff3;font-size:.7rem}.guest-divider[data-v-7e4e84b6]:before,.guest-divider[data-v-7e4e84b6]:after{content:"";flex:1;height:1px;background:#ffffff14}.guest-divider span[data-v-7e4e84b6]{padding:0 12px}.guest-btn[data-v-7e4e84b6]{width:100%;padding:11px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;background:transparent;color:#ffffff73;font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s}.guest-btn[data-v-7e4e84b6]:hover{background:#ffffff0a;border-color:#a78bfa4d;color:#ffffffbf;transform:translateY(-1px)}.intro-overlay[data-v-8404dbc1]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#050508;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:fadeOut-8404dbc1 .5s ease 1.4s forwards;cursor:pointer}@keyframes fadeOut-8404dbc1{to{opacity:0;visibility:hidden}}.sweep-line[data-v-8404dbc1]{position:absolute;top:0;left:-20%;width:4px;height:100%;background:linear-gradient(to bottom,transparent,#a78bfa,#22d3ee,#a78bfa,transparent);box-shadow:0 0 60px 10px #a78bfacc,0 0 100px 30px #22d3ee66;transform:skew(-15deg);animation:sweep-8404dbc1 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes sweep-8404dbc1{0%{left:-20%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:120%;opacity:0}}.intro-title-wrap[data-v-8404dbc1]{position:relative;z-index:2;text-align:center}.intro-title[data-v-8404dbc1]{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;background:linear-gradient(135deg,#f0e6ff,#a78bfa 30%,#6366f1,#22d3ee 80%,#f0e6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.04em;text-shadow:0 0 40px rgba(167,139,250,.3);margin:0}.char[data-v-8404dbc1]{display:inline-block;animation:charPop-8404dbc1 .4s ease backwards}.cursor[data-v-8404dbc1]{display:inline-block;color:#22d3ee;-webkit-text-fill-color:#22d3ee;animation:blink-8404dbc1 .5s steps(1) infinite;margin-left:4px}@keyframes charPop-8404dbc1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink-8404dbc1{50%{opacity:0}}.intro-sub[data-v-8404dbc1]{margin-top:16px;font-size:.85rem;color:#ffffff59;letter-spacing:.4em;animation:subFadeIn-8404dbc1 .6s ease forwards;opacity:0}@keyframes subFadeIn-8404dbc1{to{opacity:1;transform:translateY(0)}}.skip-hint[data-v-8404dbc1]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#ffffff40;font-size:12px;letter-spacing:.2em;animation:pulse-8404dbc1 2s ease-in-out infinite}@keyframes pulse-8404dbc1{50%{opacity:.5}}.mascot-wrap[data-v-a08b61a1]{position:fixed;right:12px;bottom:12px;z-index:9000;pointer-events:none;animation:mascotIn-a08b61a1 .6s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:1.2s}@keyframes mascotIn-a08b61a1{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.mascot-img-wrap[data-v-a08b61a1]{position:relative;pointer-events:auto;width:130px;height:130px;cursor:pointer;filter:drop-shadow(0 4px 20px rgba(167,139,250,.35));animation:float-a08b61a1 4s ease-in-out infinite}@keyframes float-a08b61a1{50%{transform:translateY(-6px)}}.mascot-img[data-v-a08b61a1]{width:100%;height:100%;object-fit:contain;transition:transform .3s ease,filter .3s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mascot-img-wrap:hover .mascot-img[data-v-a08b61a1]{transform:scale(1.06) rotate(-2deg)}.mascot-img-wrap:active .mascot-img[data-v-a08b61a1]{transform:scale(.95)}.close-btn[data-v-a08b61a1]{position:absolute;top:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff9;border:1px solid rgba(255,255,255,.15);font-size:14px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s,color .2s,background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mascot-img-wrap:hover .close-btn[data-v-a08b61a1]{opacity:1}.close-btn[data-v-a08b61a1]:hover{background:#ff6b6b;color:#fff}.bubble[data-v-a08b61a1]{position:absolute;bottom:130px;right:0;pointer-events:auto;background:#0f0f19eb;color:#f0e6ff;border:1px solid rgba(167,139,250,.35);border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.5;max-width:220px;min-width:100px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,0 0 0 1px #a78bfa1a}.bubble-text[data-v-a08b61a1]{white-space:pre-wrap;word-break:break-word}.bubble-tail[data-v-a08b61a1]{position:absolute;bottom:-6px;right:30px;width:12px;height:12px;background:#0f0f19eb;border-right:1px solid rgba(167,139,250,.35);border-bottom:1px solid rgba(167,139,250,.35);transform:rotate(45deg)}.bubble-enter-active[data-v-a08b61a1]{transition:all .35s cubic-bezier(.2,.8,.2,1.2)}.bubble-leave-active[data-v-a08b61a1]{transition:all .25s ease}.bubble-enter-from[data-v-a08b61a1]{opacity:0;transform:translateY(10px) scale(.8)}.bubble-leave-to[data-v-a08b61a1]{opacity:0;transform:translateY(5px)}@media(max-width:480px){.mascot-wrap[data-v-a08b61a1]{right:8px;bottom:8px}.mascot-img-wrap[data-v-a08b61a1]{width:100px;height:100px}.close-btn[data-v-a08b61a1]{opacity:1;width:26px;height:26px;font-size:16px}.bubble[data-v-a08b61a1]{bottom:100px;max-width:180px;font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#050508;font-family:Space Grotesk,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;background:#050508}
