@layer modules{.settings-page{--settings-card-bg: #ffffff08;--settings-card-border: #fff3;--settings-input-border: #fff;--settings-input-placeholder: #ffffff80;--settings-label-bg: #100a1d;--settings-btn-bg: var(--color-primary-green);--settings-btn-color: var(--color-black);--settings-tab-color: #ffffff80;--settings-tab-active-color: #fff;--settings-tab-active-border: var(--color-accent-blue);--settings-tab-border: #ffffffbf;min-height:80vh;padding:1rem .5rem}@media(width >= 992px){.settings-page{padding:1rem .5rem 3rem}}html:not(.dark) .settings-page{--settings-card-bg: #fff;--settings-card-border: #0003;--settings-input-border: #0003;--settings-input-placeholder: #00000080;--settings-label-bg: #fff;--settings-btn-bg: var(--color-primary-blue);--settings-btn-color: var(--color-white);--settings-tab-color: #475569;--settings-tab-active-color: #1e293b;--settings-tab-active-border: #4f46e5;--settings-tab-border: #cbd5e1}.settings-container{max-width:960px;margin:0 auto}.settings-tabs{display:flex;background:rgba(0,0,0,0)}.settings-tab{padding:.5rem .75rem;font-size:14px;font-weight:700;color:var(--settings-tab-color);background:rgba(0,0,0,0);border:none;border-bottom:2px solid var(--settings-tab-border);cursor:pointer;transition:color .2s,border-color .2s;flex-shrink:0}.settings-tab:hover{color:var(--settings-tab-active-color)}.settings-tab.active{color:var(--settings-tab-active-color);border-bottom-color:var(--settings-tab-active-border)}.settings-panel{display:flex;flex-direction:column;gap:2.5rem}.settings-panel.hidden{display:none}.settings-section{display:flex;gap:3rem;align-items:flex-start;margin-top:2.5rem}@media(width < 992px){.settings-section{flex-direction:column;gap:.75rem}}.settings-section__heading{flex-shrink:0;width:100%;max-width:370px;min-width:0}@media(width < 992px){.settings-section__heading{max-width:none}}.settings-section__title{font-size:16px;font-weight:700;color:var(--color-text);margin:0}.settings-section__description{font-size:14px;color:var(--color-text);margin:.25rem 0 0}.settings-section__content{flex:1;min-width:0;width:100%}.settings-card{border-radius:32px;border:1px solid var(--settings-card-border);background:var(--settings-card-bg);padding:1rem}@media(width < 992px){.settings-card{border:none;background:rgba(0,0,0,0);padding:0}}.settings-form-row{display:flex;gap:1rem}@media(width < 992px){.settings-form-row{flex-direction:column}}.settings-float-label{position:relative;flex:1;min-width:0}.settings-float-label__input{width:100%;padding:.75rem 1rem;border:1px solid var(--settings-input-border);border-radius:122px;background:rgba(0,0,0,0);color:var(--color-text);font-size:14px;font-weight:500;transition:border-color .2s}.settings-float-label__input::placeholder{color:rgba(0,0,0,0)}.settings-float-label__input:focus{outline:none;border-color:var(--settings-tab-active-border)}.settings-float-label__input:disabled{opacity:.5}@media(width < 992px){.settings-float-label__input{font-size:12px;border-radius:100px}}@media(width < 768px){.settings-float-label__input{font-size:10px;border-radius:90px}}.settings-float-label__label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);font-size:12px;font-weight:500;color:var(--settings-input-placeholder);pointer-events:none;transition:all .2s ease;padding:0 .25rem;background:rgba(0,0,0,0)}@media(width < 768px){.settings-float-label__label{font-size:10px}}.settings-float-label__input:focus~.settings-float-label__label,.settings-float-label__input:not(:placeholder-shown)~.settings-float-label__label{top:0;font-size:10px;color:var(--color-text);background:var(--settings-label-bg)}@media(width < 768px){.settings-float-label__input:focus~.settings-float-label__label,.settings-float-label__input:not(:placeholder-shown)~.settings-float-label__label{font-size:8px}}.settings-float-label:has(.settings-float-label__input:disabled:not(:placeholder-shown)) .settings-float-label__label{top:0;font-size:10px;color:var(--color-text);background:var(--settings-label-bg)}.settings-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:40px;border:1px solid var(--settings-btn-bg);background:var(--settings-btn-bg);color:var(--settings-btn-color);font-size:14px;font-weight:400;padding:.5rem .75rem;cursor:pointer;transition:opacity .2s}.settings-btn:hover,.settings-btn:disabled{opacity:.8}.settings-form-actions{margin-top:1rem}.settings-alert{margin-bottom:1rem}.settings-verify-section{margin-top:.75rem}}
