html,body{width:100%;height:100%;margin:0;padding:0}:root{--glass-bg:#ffffff1a;--glass-border:#ffffff3d;--text-color:#fff;--button-color:#4facfe;--field-bg:#00000038;--field-border:#ffffff38}*{box-sizing:border-box}body.auth-page{min-height:100vh;color:var(--text-color);background-image:linear-gradient(#080a1873,#080a18a6),url(/_assets/background.CiVdjpq2.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}body.auth-page:before{content:"";pointer-events:none;background:#0000001f;position:absolute;inset:0}.auth-container{z-index:1;place-items:center;width:100%;min-height:100vh;padding:24px;display:grid;position:relative}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(14px);border-radius:20px;width:100%;max-width:460px;padding:28px;transition:transform .24s,box-shadow .24s,border-color .24s;animation:.42s cubic-bezier(.2,.7,.2,1) card-in;box-shadow:0 8px 20px #0003}.glass-card:hover{border-color:#ffffff57;transform:scale(1.004);box-shadow:0 10px 24px #0000003d}.auth-header h1{margin:0 0 10px;font-size:28px;line-height:1.2}.auth-header p{opacity:.84;margin:0 0 18px;font-size:14px}.tab-switch{isolation:isolate;background:#ffffff14;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:4px;display:grid;position:relative;overflow:hidden}.tab-indicator{background:var(--button-color);z-index:-1;border-radius:8px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .26s cubic-bezier(.2,.7,.2,1);position:absolute;top:4px;left:4px}.tab-switch[data-view=apply] .tab-indicator{transform:translate(100%)}.tab-btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;transition:transform .18s,color .2s}.tab-btn:hover{transform:none}.tab-btn:focus-visible{outline-offset:1px;outline:2px solid #ffffffb3}.card-content{margin-top:12px}.card-content-wrap{will-change:height;margin-top:12px;transition:height .64s cubic-bezier(.25,.8,.25,1) .16s;position:relative;overflow:hidden}.card-panel{opacity:0;pointer-events:none;transition:opacity .28s,transform .42s cubic-bezier(.25,.8,.25,1);position:absolute;inset:0;transform:translateY(4px)}.card-panel.active{opacity:1;pointer-events:auto;transition-delay:.24s;position:relative;transform:translateY(0)}.auth-form{gap:14px;display:grid}.input-group{gap:8px;display:grid;position:relative}.input-group label{opacity:.92;font-size:14px}.input-group input,.input-group textarea{border:1px solid var(--field-border);background:var(--field-bg);color:#fff;border-radius:10px;outline:none;width:100%;padding:11px 12px;transition:border-color .22s,box-shadow .22s,transform .18s}.input-group textarea{resize:vertical;min-height:96px}.input-group input:focus,.input-group textarea:focus{border-color:#7ec7ff;transform:none;box-shadow:0 0 0 1px #7ec7ff29}.submit-btn{color:#fff;cursor:pointer;background:var(--button-color);border:none;border-radius:10px;margin-top:4px;padding:12px;font-weight:600;transition:transform .18s,filter .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 4px 10px #4facfe2e}.submit-btn:before{content:"";background:#fff3;width:120%;height:100%;transition:left .42s;position:absolute;top:0;left:-140%}.submit-btn:hover:not(:disabled){filter:brightness(1.02);transform:none}.submit-btn:hover:not(:disabled):before{left:120%}.submit-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.msg{border-radius:10px;margin:8px 0 10px;padding:10px 12px;font-size:14px;animation:.22s ease-out msg-in}.msg-error{background:#ff5b5b2e;border:1px solid #ff5b5b59}.msg-success{background:#49c46a2e;border:1px solid #49c46a59}.placeholder{text-align:center;opacity:.9;background:#0003;border-radius:12px;padding:20px}@keyframes card-in{0%{opacity:0;filter:blur(3px);transform:scale(.985)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes msg-in{0%{opacity:0;transform:none}to{opacity:1;transform:none}}@media (width<=520px){.auth-container{padding:16px}.glass-card{border-radius:16px;padding:22px}}@media (width<=400px){.auth-container{padding:12px}.glass-card{border-radius:14px;padding:18px 14px}.auth-header h1{font-size:24px}.auth-header p{font-size:13px}.tab-btn{padding:8px 10px;font-size:13px}.input-group input{padding:10px;font-size:14px}.submit-btn{padding:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}