.auth-page{position:relative;min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:60px 20px;background:radial-gradient(900px 600px at 12% 8%,rgba(168,85,247,.18) 0,transparent 60%),radial-gradient(800px 600px at 92% 92%,rgba(249,168,212,.1) 0,transparent 65%),linear-gradient(180deg,#14082c,#07041a);color:#f4f4f9;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 0);background-size:28px 28px;pointer-events:none;opacity:.6;z-index:0}.auth-container{position:relative;z-index:1;width:100%;max-width:480px}.auth-card{background:linear-gradient(180deg,rgba(20,12,40,.78),rgba(10,6,26,.78));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:40px;box-shadow:0 24px 48px rgba(0,0,0,.55),0 8px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);color:#f4f4f9}.auth-title{font-size:1.85rem;font-weight:800;color:#f4f4f9;letter-spacing:-.01em;margin:0 0 10px;text-align:center}.auth-subtitle{margin:0 0 28px;font-size:.95rem;line-height:1.55}.auth-subtitle,.auth-text{color:#cbd5e1;text-align:center}.auth-text{margin:16px 0;font-size:.92rem;line-height:1.65}.auth-success-icon{width:80px;height:80px;margin:0 auto 20px;background:rgba(94,234,212,.14);border:1px solid rgba(94,234,212,.32);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5eead4;box-shadow:0 0 0 6px rgba(94,234,212,.06),0 10px 24px rgba(94,234,212,.18)}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:.8rem;font-weight:600;color:#cbd5e1;letter-spacing:.01em;text-transform:none}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{left:14px;color:#94a3b8;transition:color .2s ease}.auth-input-icon,.auth-input-icon-right{position:absolute;pointer-events:none;z-index:1}.auth-input-icon-right{right:14px}.auth-icon-success{color:#5eead4}.auth-input{width:100%;padding:12px 14px 12px 44px;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;background:rgba(255,255,255,.04);color:#f4f4f9;caret-color:#fde68a}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{outline:none;border-color:rgba(168,85,247,.45);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px rgba(168,85,247,.14)}.auth-input-wrapper:focus-within .auth-input-icon,.auth-input:focus+.auth-input-icon{color:#c4b5fd}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:#f4f4f9;-webkit-box-shadow:inset 0 0 0 1000px rgba(20,12,40,.92);-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.auth-input-error{border-color:rgba(252,165,165,.55);background:rgba(252,165,165,.06)}.auth-input-error:focus{border-color:rgba(252,165,165,.7);box-shadow:0 0 0 3px rgba(252,165,165,.14)}.auth-input-success{border-color:rgba(94,234,212,.45);padding-right:44px}.auth-field-error{font-size:.8rem;color:#fca5a5}.auth-password-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.auth-strength-bar{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.auth-strength-fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.auth-strength-label{font-size:.75rem;font-weight:600;min-width:70px;text-align:right;color:#cbd5e1}.auth-error{background:rgba(252,165,165,.1);border:1px solid rgba(252,165,165,.3);border-radius:12px;color:#fca5a5}.auth-error,.auth-info{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;line-height:1.5}.auth-info{background:rgba(196,181,253,.1);border:1px solid rgba(196,181,253,.25);border-radius:12px;color:#cbd5e1}button.auth-submit.auth-submit{width:100%;padding:14px 20px;background:linear-gradient(184deg,#cf6525,#cb6711);color:#fff5e6;border:none;border-radius:12px;font-size:1rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),filter .2s ease;position:relative;overflow:hidden;box-shadow:0 4px 14px rgba(207,101,37,.35)}button.auth-submit.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px rgba(207,101,37,.48);filter:brightness(1.04)}button.auth-submit.auth-submit:active:not(:disabled){transform:translateY(-1px)}button.auth-submit.auth-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.auth-submit-secondary{background:rgba(255,255,255,.04);color:#fde68a;border:1px solid rgba(253,230,138,.35);box-shadow:none}.auth-submit-secondary:hover:not(:disabled){background:rgba(253,230,138,.08);border-color:rgba(253,230,138,.55);box-shadow:0 8px 22px rgba(253,230,138,.14);filter:none}.auth-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);color:#94a3b8;font-size:.9rem}.auth-link{color:#c4b5fd;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{color:#fde68a;text-decoration:underline}.auth-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.auth-link-separator{color:rgba(255,255,255,.18)}.auth-checkbox-wrapper{display:flex;align-items:center;gap:10px}.auth-checkbox{width:18px;height:18px;accent-color:#c4b5fd;cursor:pointer}.auth-checkbox-label{font-size:.9rem;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-required{color:#fca5a5;font-weight:600}.auth-agreements{display:flex;flex-direction:column;gap:12px;padding:16px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.06)}.auth-checkbox-field{display:flex;align-items:flex-start;gap:10px}.auth-checkbox-field .auth-checkbox{margin-top:2px;flex-shrink:0}.auth-checkbox-label-long{font-size:.85rem;line-height:1.55;color:#cbd5e1}.auth-link-inline{color:#c4b5fd;text-decoration:none;font-weight:500}.auth-link-inline:hover{text-decoration:underline;color:#fde68a}.auth-select{padding-left:42px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23c4b5fd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;color:#f4f4f9}.auth-select:focus{outline:none;border-color:rgba(168,85,247,.45);box-shadow:0 0 0 3px rgba(168,85,247,.14)}.auth-select option{background-color:#14082c;color:#f4f4f9}.auth-options-row{display:flex;align-items:center;justify-content:space-between}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:#cbd5e1}.auth-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#fde68a;border-radius:50%;animation:auth-spin .9s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-timer{text-align:center;padding:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#cbd5e1;font-size:.9rem}.auth-timer strong{color:#fde68a;font-weight:700}.auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0}.auth-divider-line{flex:1;height:1px;background:rgba(255,255,255,.08)}.auth-divider-text{color:#94a3b8;font-size:.85rem}.auth-select{padding-left:14px;appearance:auto;cursor:pointer}.profile-avatar-section{display:flex;align-items:center;gap:20px;padding:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:18px;margin-bottom:8px}.profile-avatar-wrapper{position:relative;width:80px;height:80px;flex-shrink:0}.profile-avatar-img{border-radius:50%;object-fit:cover;border:2px solid rgba(196,181,253,.35);background:rgba(255,255,255,.04)}.profile-avatar-img,.profile-avatar-placeholder{width:80px;height:80px;box-shadow:0 8px 22px rgba(0,0,0,.35)}.profile-avatar-placeholder{border-radius:50%;background:linear-gradient(135deg,rgba(196,181,253,.18),rgba(168,85,247,.12));color:#c4b5fd;border:2px solid rgba(196,181,253,.3)}.profile-avatar-loading,.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center}.profile-avatar-loading{position:absolute;top:0;left:0;width:80px;height:80px;border-radius:50%;background:rgba(7,4,26,.65);color:#fde68a}.profile-avatar-info{flex:1;display:flex;flex-direction:column;gap:10px}.profile-avatar-buttons{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.profile-avatar-hint{margin:0;font-size:.8rem;color:#94a3b8;line-height:1.45}.profile-avatar-actions{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.profile-avatar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(196,181,253,.35);background:rgba(196,181,253,.08);color:#c4b5fd;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.profile-avatar-btn:hover:not(:disabled){background:rgba(196,181,253,.16);border-color:rgba(196,181,253,.55);color:#fde68a;transform:translateY(-1px)}.profile-avatar-btn:disabled{opacity:.5;cursor:not-allowed}.profile-avatar-btn-danger{background:rgba(252,165,165,.1);border-color:rgba(252,165,165,.3);color:#fca5a5}.profile-avatar-btn-danger:hover:not(:disabled){background:rgba(252,165,165,.18);border-color:rgba(252,165,165,.5);color:#fecaca}@media (max-width:500px){.auth-row{grid-template-columns:1fr}.auth-card{padding:28px 20px;border-radius:18px}.auth-title{font-size:1.55rem}.profile-avatar-section{flex-direction:column;text-align:center}.profile-avatar-info{align-items:center}.profile-avatar-buttons{justify-content:center}.profile-avatar-hint{text-align:center}}