html,body{background-color:#020617;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.loading-page{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.loading-content{flex-direction:column;align-items:center;gap:40px;width:100%;display:flex}.loading-spinner{width:40px;height:40px;position:relative}.cube1,.cube2{background-color:#38bdf8;width:15px;height:15px;animation:1.8s ease-in-out infinite sk-cubemove;position:absolute;top:0;left:0;box-shadow:0 0 8px #38bdf899}.cube2{animation-delay:-.9s}@keyframes sk-cubemove{25%{transform:translate(22px)rotate(-90deg)scale(.5)}50%{transform:translate(22px)translateY(22px)rotate(-180deg)}75%{transform:translate(0)translateY(22px)rotate(-270deg)scale(.5)}to{transform:rotate(-360deg)}}.loading-text-group{text-align:center}.loading-title{color:#38bdf8;letter-spacing:2px;text-shadow:0 0 8px #38bdf84d;margin-bottom:10px;font-size:1.6rem;font-weight:700}.loading-tip{color:#64748b;min-height:24px;font-size:.95rem}.progress-container{background-color:#1e293b;border:1px solid #334155;border-radius:6px;width:80%;height:12px;position:relative}.progress-bar{background:linear-gradient(90deg,#0284c7 0%,#38bdf8 100%);border-radius:5px;height:100%;transition:width .2s ease-out;box-shadow:0 0 10px #38bdf866}.progress-num{color:#38bdf8;font-size:.85rem;font-weight:700;position:absolute;top:-24px;right:0}.login-page{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.login-header{text-align:center;margin-bottom:40px}.login-header h1{color:#38bdf8;letter-spacing:2px;text-shadow:0 0 10px #38bdf880;margin:0;font-size:2.2rem}.login-header p{color:#94a3b8;letter-spacing:4px;margin:5px 0 0;font-size:1rem}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#94a3b8;text-align:left;font-size:.9rem}.input-group input{color:#fff;background-color:#1e293b;border:2px solid #334155;border-radius:8px;outline:none;padding:14px;font-size:1rem;transition:all .2s}.input-group input:focus{border-color:#38bdf8;box-shadow:0 0 8px #38bdf84d}.login-error{color:#ef4444;text-align:left;background-color:#ef44441a;border-left:3px solid #ef4444;border-radius:6px;padding:8px 12px;font-size:.85rem}.login-btn{background-color:#020617;background:linear-gradient(135s, #0284c7 0%, #0369a1 100%);color:#38bdf8;cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:1.1rem;font-weight:700;transition:transform .1s,opacity .2s;box-shadow:0 4px 12px #0284c74d}.login-btn:hover{opacity:.9}.login-btn:active{transform:scale(.98)}.input-group input[type=password]::-webkit-credentials-reveal-button{filter:invert()brightness(2)}.input-group input[type=password]::-webkit-password-toggle-button{filter:invert()brightness(2)}.input-group input[type=password]::-ms-reveal{filter:invert()brightness(2)}.app-container{color:#fff;box-sizing:border-box;background-color:#0f172a;flex-direction:column;width:430px;max-width:100vw;min-height:100vh;padding:20px;display:flex}@media (width>=431px){.app-container{height:90vh;min-height:auto;max-height:850px;margin:0;overflow-y:auto}}