.auth-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}#bg{z-index:-10;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#1212128c,#0a0a0a80);border:1px solid #ffffff0a;border-radius:16px;width:420px;max-width:calc(100% - 40px);padding:28px;position:relative;box-shadow:0 10px 30px #0009}.auth-header{text-align:center;margin-bottom:20px}.auth-header .logo{margin:0 auto 6px;display:block}.auth-header h1{color:#f5f5f5;text-shadow:0 0 10px #ffffff2e,0 0 24px #ffffff0f;margin:6px 0 8px;font-size:28px;line-height:1.05}.auth-header p{color:#bdbdbd;margin:0;font-size:14px}.auth-box{margin-top:6px}.auth-box label{color:#cfcfcf;margin:12px 0 8px;font-size:13px;display:block}.auth-box input{color:#fff;box-sizing:border-box;background:#0f0f0f99;border:1px solid #ffffff0a;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px}.auth-box input::placeholder{color:#ffffff59}.auth-box input:focus{border-color:#ffffff8c;box-shadow:0 0 12px #ffffff0f}.primary-btn{color:#111;cursor:pointer;background:linear-gradient(#fff,#efefef);border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px 14px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 6px 18px #00000073}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #0000008c}.primary-btn:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.msg-success,.msg-error{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.2}.msg-success{color:#e6f7ea;background:linear-gradient(90deg,#124e352e,#1b63421f);border:1px solid #2e7d3229}.msg-error{color:#ffe8e8;background:linear-gradient(90deg,#5a14141f,#781e1e14);border:1px solid #b428281f}.subtext{text-align:center;color:#9ea3a8;margin-top:14px;font-size:14px}.subtext.small-row{justify-content:center;align-items:center;gap:8px;display:flex}.text-link{color:#e6e6e6;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin:0;padding:0;font-size:14px;font-weight:600;-webkit-text-decoration:underline #e6e6e647;text-decoration:underline #e6e6e647;transition:color .16s,text-decoration-color .16s,opacity .16s}.text-link:hover:not(:disabled){color:#fff;text-decoration-color:#ffffffe6}.text-link:disabled,.text-link[disabled]{color:#7d7d7d;cursor:default;opacity:.8;text-decoration:none}.text-link.resend{padding-left:6px;padding-right:6px;font-weight:600}.text-link.back{color:#d6d6d6;margin-top:8px;font-weight:600;display:inline-block}.footer{text-align:center;color:#8b8f92;margin-top:18px;font-size:12px}.footer-links{justify-content:center;gap:8px;margin-top:8px;display:flex}.footer-links a{color:#9ca3af;text-decoration:none}.footer-links a:hover{color:#fff}.resend-link{cursor:pointer;color:#fff;margin-left:6px;font-weight:600;text-decoration:underline;transition:all .3s}.resend-link:hover{opacity:.7}.resend-link.disabled{pointer-events:none;opacity:.4;text-decoration:none}@media (max-width:480px){.auth-card{border-radius:12px;width:94%;padding:20px}.auth-header h1{font-size:22px}.primary-btn{padding:11px;font-size:15px}}