.auth-wrapper{background-color:#000c19;place-items:center;min-height:100vh;font-family:Geist,sans-serif;display:grid;position:relative;overflow-x:hidden}.auth-wrapper:before,.auth-wrapper:after{content:"";opacity:.18;pointer-events:none;z-index:0;background-position:50%;background-size:cover;width:35%;height:100%;position:absolute;top:0}.auth-wrapper:before{background-image:url(/left.png);left:0;-webkit-mask-image:linear-gradient(90deg,#000 30%,#0000 100%);mask-image:linear-gradient(90deg,#000 30%,#0000 100%)}.auth-wrapper:after{background-image:url(/right.png);right:0;-webkit-mask-image:linear-gradient(270deg,#000 30%,#0000 100%);mask-image:linear-gradient(270deg,#000 30%,#0000 100%)}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:600px;padding:48px 40px;animation:.6s cubic-bezier(.4,0,.2,1) forwards authFadeIn;position:relative}@keyframes authFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-title{color:#f4f4f4;letter-spacing:-.5px;margin-bottom:8px;font-size:2rem;font-weight:800}.auth-subtitle{color:#94a3b8;margin-bottom:32px;font-size:.95rem;line-height:1.5}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;display:flex}.field label{color:#c0c8d4;letter-spacing:.3px;margin-bottom:8px;font-size:.85rem;font-weight:500}.field input,.field select{color:#f4f4f4;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:16px;transition:all .3s}.field input::placeholder{color:#64748b}.field input:focus,.field select:focus{background:#ffffff0f;border-color:#d56e6e80;box-shadow:0 0 20px #d56e6e14}.field select option{color:#f4f4f4;background:#0a1428}.auth-btn{color:#fff;cursor:pointer;background:#d56e6e;border:none;border-radius:12px;margin-top:8px;padding:16px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #d56e6e26}.auth-btn:hover{background:#e67e7e;transform:translateY(-3px);box-shadow:0 12px 28px #d56e6e40}.auth-btn:disabled{cursor:not-allowed;box-shadow:none;background:#d56e6e4d;transform:none}.auth-error{color:#f87171;background:#f8717114;border:1px solid #f8717126;border-radius:10px;padding:10px 14px;font-size:.85rem}.auth-success{color:#4ade80;background:#4ade8014;border:1px solid #4ade8026;border-radius:10px;padding:10px 14px;font-size:.85rem}.auth-footer{text-align:center;color:#94a3b8;margin-top:28px;font-size:.85rem}.auth-footer a{color:#d56e6e;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#e08080}.auth-text-btn{color:#d56e6e;cursor:pointer;background:0 0;border:none;margin-bottom:12px;font-family:inherit;font-size:.85rem;font-weight:500;transition:color .2s}.auth-text-btn:hover{color:#e08080}@media (max-width:768px){.auth-card{border-radius:20px;margin:0 16px;padding:32px 24px}.auth-title{font-size:1.6rem}.auth-form-row{grid-template-columns:1fr;gap:18px}.auth-wrapper:before,.auth-wrapper:after{opacity:.08;background-image:none;width:50%}}