.settings-page{min-height:70vh;margin-top:50px;padding:var(--spacing-md);font-family:var(--font-family-main)}.settings-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md) 0}.settings-title{font-family:var(--font-family-headings);font-size:2.5rem;font-weight:700;color:var(--color-text);text-align:center;grid-column:1 / -1;margin:0 0 var(--spacing-xl) 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-banner{grid-column:1 / -1;background:#ff135d1a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;color:var(--color-error);font-weight:500;animation:slideDown .3s ease-out}.error-banner button{background:none;border:none;color:var(--color-error);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.error-banner button:hover{background:#ff135d33}.settings-section{background:linear-gradient(145deg,#1a1a1a,#1e1e1e);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md);height:fit-content;transition:var(--transition-medium);position:relative;overflow:hidden}.settings-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:translate(-100%);transition:var(--transition-medium)}.settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.settings-section-title{font-family:var(--font-family-headings);font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.section-text-content{color:var(--color-text-secondary);font-size:.95rem;font-weight:400;text-align:right;flex-shrink:0;max-width:200px;word-break:break-word}.verification-badge{background:var(--color-warning);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s infinite}.input-group{margin-bottom:var(--spacing-sm)}.input-label{display:block;color:var(--color-text);font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-sm);transition:var(--transition-fast)}.settings-input{width:100%;padding:var(--spacing-sm);background:var(--color-surface);border:2px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);color:var(--color-text);font-size:1rem;font-family:var(--font-family-main);transition:var(--transition-medium);box-sizing:border-box;position:relative}.settings-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-light);box-shadow:0 0 0 4px #ff436c1a;transform:translateY(-1px)}.settings-input:focus+.input-label,.settings-input:not(:placeholder-shown)+.input-label{color:var(--color-primary)}.settings-input::placeholder{color:var(--color-text-secondary);opacity:.7}.settings-input:hover{border-color:#fff3}.otp-input{text-align:center;font-size:1.2rem;font-weight:600;letter-spacing:4px;font-family:Courier New,monospace}.otp-container{display:grid;gap:var(--spacing-md)}.settings-submit{background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:1rem;font-weight:600;font-family:var(--font-family-main);cursor:pointer;transition:var(--transition-medium);width:100%;margin-top:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.settings-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-medium)}.settings-submit:hover:before{left:100%}.settings-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.settings-submit:active{transform:translateY(0)}.settings-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.verify-email-btn{margin-top:var(--spacing-md);width:100%;background:var(--color-warning);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-medium);text-transform:uppercase;letter-spacing:.5px}.verify-email-btn:hover{background:#f57c00;transform:translateY(-2px);box-shadow:var(--shadow-md)}.success-message,.error-message{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm);animation:slideUp .3s ease-out;border-left:4px solid}.success-message p,.error-message p{margin:0}.success-message{background:#4caf501a;border-color:var(--color-success);color:var(--color-success)}.success-message:before{content:"✓";font-weight:700;font-size:1.1rem}.error-message{background:#ff135d1a;border-color:var(--color-error);color:var(--color-error)}.error-message:before{content:"⚠";font-weight:700;font-size:1.1rem}.change-email-container,.change-password-container{margin-top:var(--spacing-sm)}.password-form{margin-bottom:var(--spacing-sm)}.telegram-link-section{margin-top:var(--spacing-sm)}.telegram-description{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:var(--spacing-sm);line-height:1.5}.telegram-linked-info{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#4caf501a;border-radius:var(--border-radius-md);border-left:4px solid var(--color-success)}.telegram-status{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-success);font-weight:500}.status-icon{font-size:1.2rem;font-weight:700}.telegram-user-info{color:var(--color-text-secondary);font-size:.9rem;margin:0}.linked-date{font-size:.85rem;color:var(--color-text-secondary);opacity:.8}.updating-indicator{color:var(--color-primary);font-size:.85rem;animation:pulse 1.5s infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.settings-container{gap:var(--spacing-md)}.settings-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.section-text-content{text-align:left;max-width:none}}@media (max-width: 768px){.settings-container{grid-template-columns:1fr;padding:var(--spacing-sm) 0;gap:var(--spacing-md)}.settings-page{padding:var(--spacing-md);margin-top:var(--spacing-xxl)}.settings-title{font-size:2rem;margin-bottom:var(--spacing-lg)}.settings-section{padding:var(--spacing-md)}.settings-section-title{font-size:1.1rem}.otp-container{gap:var(--spacing-sm)}}@media (max-width: 480px){.settings-page{padding:var(--spacing-sm)}.settings-title{font-size:1.75rem}.settings-input{padding:var(--spacing-sm)}.settings-submit,.verify-email-btn,.error-banner{padding:var(--spacing-sm);font-size:.9rem}}