:root{--app-text-scale:1;--color-page-bg:#3a78c2;--color-page-bg-alt:#2f68b4;--color-surface:#fff;--color-surface-alt:#ffffff1f;--color-surface-soft:#f9f9f9;--color-surface-strong:#1a1a1a;--color-text:#0f172a;--color-text-on-page:#fff;--color-text-muted:#5f6b7a;--color-border:#cbd5e1;--color-border-soft:#e8edf3;--color-accent:#f4dc2e;--color-accent-text:#0f172a;--color-control-bg:#2a5fa0;--color-control-text:#fff;--color-danger:#e53935;--color-success:#15803d;--color-shadow:0 24px 70px #06142b33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-text-size=small]{--app-text-scale:.92}:root[data-text-size=large]{--app-text-scale:1.08}:root[data-theme=dark]{--color-page-bg:#081220;--color-page-bg-alt:#0f172a;--color-surface:#111827;--color-surface-alt:#ffffff14;--color-surface-soft:#1f2937;--color-surface-strong:#0b1220;--color-text:#e5eef9;--color-text-on-page:#f8fafc;--color-text-muted:#a7b3c4;--color-border:#94a3b83d;--color-border-soft:#94a3b829;--color-accent:#f4dc2e;--color-accent-text:#0f172a;--color-control-bg:#15294a;--color-control-text:#f8fafc;--color-danger:#ef4444;--color-success:#4ade80;--color-shadow:0 28px 78px #00000061;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--color-page-bg);min-width:320px;margin:0;padding:0;font-family:Arial,sans-serif}body{background:var(--color-page-bg);min-width:320px;color:var(--color-text);zoom:var(--app-text-scale);margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}#root{width:100%;min-height:calc(100dvh / var(--app-text-scale));background:var(--color-page-bg)}html.landing-scroll,body.landing-scroll,body.landing-scroll #root{height:auto;overflow-y:auto}button,input,select,textarea{font:inherit}button{box-shadow:0 5px 12px #06142b2e;border:0!important}button:disabled{box-shadow:none}.auth-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#06142bad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:24px;width:min(92vw,440px);padding:28px;box-shadow:0 28px 80px #04112b59}.auth-modal-success{border-top:6px solid #16a34a}.auth-modal-error{border-top:6px solid #dc2626}.auth-modal-badge{letter-spacing:.08em;text-transform:uppercase;color:#1f2937;background:#f4dc2e38;border-radius:999px;justify-content:center;align-items:center;margin:0 auto 12px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.auth-modal-title{color:var(--color-text);margin:0 0 12px;font-size:clamp(22px,4vw,28px);line-height:1.1}.auth-modal-message{color:var(--color-text-muted);margin:0 0 22px;font-size:15px;line-height:1.6}.auth-modal-button{width:100%;color:var(--color-accent-text);cursor:pointer;background:linear-gradient(135deg,#f4dc2e 0%,#ffd84d 100%);border:0;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:800;box-shadow:0 12px 28px #f4dc2e59}.auth-modal-button:hover{filter:brightness(.98)}@media (width<=480px){.auth-modal-card{border-radius:20px;padding:22px}}.register-container{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-accent) 20%, transparent), transparent 26%), linear-gradient(135deg, var(--color-page-bg-alt) 0%, var(--color-page-bg) 55%, color-mix(in srgb, var(--color-page-bg) 72%, #000) 100%);place-items:center;min-height:100dvh;padding:32px 20px;display:grid;position:relative;overflow:hidden auto}.register-container:before,.register-container:after{content:"";pointer-events:none;filter:blur(14px);border-radius:999px;position:absolute}.register-container:before{background:#ffffff14;width:280px;height:280px;top:-90px;right:-80px}.register-container:after{background:color-mix(in srgb, var(--color-accent) 14%, transparent);width:220px;height:220px;bottom:-70px;left:-60px}.register-shell{z-index:1;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(24px,5vw,56px);width:min(100%,1120px);display:grid;position:relative}.register-brand{color:var(--color-text-on-page);max-width:480px}.register-brand-kicker{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text-on-page) 82%, transparent);margin:0 0 10px;font-size:13px;font-weight:700}.register-brand h1{letter-spacing:0;margin:0;font-size:clamp(38px,5.5vw,64px);line-height:.95}.register-brand-copy{color:color-mix(in srgb, var(--color-text-on-page) 88%, transparent);margin:18px 0 0;font-size:18px;line-height:1.7}.form-card{background:color-mix(in srgb, var(--color-surface) 96%, transparent);width:100%;color:var(--color-text);box-shadow:var(--color-shadow);border:1px solid var(--color-border);border-radius:28px;flex-direction:column;gap:8px;padding:28px;display:flex}.register-form-column{width:100%}.register-form-title{color:var(--color-text-on-page);text-align:center;margin:0 0 14px;font-size:clamp(32px,4vw,48px);line-height:1.05}.form-header h2{color:var(--color-text);margin:0;font-size:clamp(24px,3vw,34px);line-height:1.1}.form-card label{color:var(--color-text);margin-top:4px;font-size:14px;font-weight:700}.form-card input{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;outline:none;padding:12px 42px 12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.form-card input:focus{border-color:var(--color-page-bg);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-page-bg) 14%, transparent)}.form-card input.input-error{background-color:color-mix(in srgb, var(--color-danger) 14%, var(--color-surface));border-color:var(--color-danger)}.password-hint,.error-text{margin:0;font-size:12px;line-height:1.5}.password-hint{color:var(--color-text-muted)}.error-text{color:var(--color-danger);font-weight:700}.terms-check{color:var(--color-text);align-items:flex-start;gap:10px;margin-top:8px;font-size:14px;line-height:1.5;display:flex}.terms-check input{width:18px;height:18px;accent-color:var(--color-page-bg);margin-top:2px}.terms-link{color:var(--color-text-muted);cursor:pointer;font:inherit;text-shadow:none;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline;box-shadow:none!important}.register-terms-backdrop{z-index:1000;background:#06142b94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.register-terms-dialog{background:var(--color-surface);width:min(620px,100%);max-height:min(720px,100dvh - 48px);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--color-shadow);border-radius:8px;padding:24px}.register-terms-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.register-terms-header h2{margin:0;font-size:24px}.register-terms-header button{background:var(--color-control-bg);width:28px;height:28px;color:var(--color-control-text);cursor:pointer;border-radius:6px;place-items:center;padding:0;display:grid}.register-terms-body{max-height:min(600px,100dvh - 150px);margin-top:10px;padding-right:6px;font-size:14px;line-height:1.5;overflow-y:auto}.register-terms-body p{margin:0 0 9px}.register-terms-body div{margin-top:10px}.terms-alert{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);border-radius:8px;margin:2px 0 0;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.4}.auth-submit-button:disabled{opacity:.72;cursor:not-allowed;box-shadow:none}.login-text{text-align:center;color:var(--color-text-on-page);margin-top:12px;font-size:15px}.login-text a{color:var(--color-text-on-page);font-weight:700;text-decoration:underline}@media (width>=981px){.register-container{height:calc(100dvh / var(--app-text-scale));min-height:0;overflow:hidden}}@media (width<=980px){.register-shell{grid-template-columns:1fr}.register-brand{text-align:center;order:0;max-width:100%}.register-brand h1{font-size:clamp(34px,12vw,54px)}.form-card,.register-form-column{order:1}}@media (width<=640px){.register-container{padding:18px 14px 26px}.form-card{border-radius:24px;padding:22px 18px}.register-brand-copy{font-size:16px}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Arial,sans-serif}.login-container{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-accent) 20%, transparent), transparent 26%), linear-gradient(135deg, var(--color-page-bg-alt) 0%, var(--color-page-bg) 58%, color-mix(in srgb, var(--color-page-bg) 72%, #000) 100%);grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(24px,6vw,72px);width:100%;min-height:100dvh;padding:32px clamp(18px,4vw,56px);display:grid;overflow:hidden auto}.login-left{color:var(--color-text-on-page);flex-direction:column;align-items:flex-start;gap:16px;max-width:480px;display:flex;position:relative}.logo-img{filter:drop-shadow(0 18px 28px #06142b40);width:clamp(72px,10vw,116px);height:auto}.brand-name{text-align:left;letter-spacing:0;margin:0;font-size:clamp(38px,7vw,82px);font-weight:800;line-height:.92}.login-brand-copy{max-width:28ch;color:color-mix(in srgb, var(--color-text-on-page) 88%, transparent);margin:8px 0 0;font-size:18px;line-height:1.7}.login-right{flex-direction:column;align-items:center;display:flex}.login-card{background:color-mix(in srgb, var(--color-surface) 96%, transparent);width:min(100%,460px);color:var(--color-text);box-shadow:var(--color-shadow);border:1px solid var(--color-border);border-radius:28px;flex-direction:column;gap:8px;padding:28px;display:flex}.form-header{margin-bottom:10px}.form-step{background:color-mix(in srgb, var(--color-page-bg) 14%, var(--color-surface));color:var(--color-page-bg-alt);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.form-header h1{color:var(--color-text);margin:0;font-size:clamp(28px,4vw,40px);line-height:1.05}.login-card label{color:var(--color-text);margin-top:4px;font-size:14px;font-weight:700}.login-card input{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;outline:none;padding:12px 42px 12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.login-card input:focus{border-color:var(--color-page-bg);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-page-bg) 14%, transparent)}.login-card input.input-error{background-color:color-mix(in srgb, var(--color-danger) 14%, var(--color-surface));border-color:var(--color-danger)}.auth-submit-button{background:var(--color-accent);width:100%;color:var(--color-accent-text);cursor:pointer;border:0;border-radius:14px;margin-top:12px;padding:14px 18px;font-size:16px;font-weight:800;box-shadow:0 14px 28px #f4dc2e47}.recover-text,.register-text{color:var(--color-text-on-page);text-align:center;cursor:pointer;margin-top:12px;font-size:15px}.register-text a{color:var(--color-text-on-page);font-weight:700;text-decoration:underline}.recover-text:hover,.register-text:hover{opacity:.94}.password-field input{flex:1}.toggle-password{cursor:pointer;color:var(--color-text-muted);font-size:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.error-text{color:var(--color-danger);min-height:18px;margin:0;font-size:12px;font-weight:700}@media (width<=980px){.login-container{grid-template-columns:1fr;padding-top:24px;padding-bottom:24px}.login-left{text-align:center;align-items:center;max-width:100%}.brand-name{font-size:clamp(34px,12vw,54px)}.login-brand-copy{max-width:42ch}}@media (width<=640px){.login-card{border-radius:24px;padding:22px 18px}.login-brand-copy{font-size:16px}}.terms-container{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 26%), linear-gradient(135deg, var(--color-page-bg-alt) 0%, var(--color-page-bg) 58%, color-mix(in srgb, var(--color-page-bg) 70%, #000) 100%);min-height:100dvh;color:var(--color-text-on-page);flex-direction:column;align-items:center;padding:40px 80px;font-family:Arial,sans-serif;display:flex}.terms-content{background:color-mix(in srgb, var(--color-surface) 96%, transparent);width:100%;max-width:900px;color:var(--color-text);box-shadow:var(--color-shadow);border:1px solid var(--color-border);border-radius:24px;padding:36px 34px}.back-button{background:var(--color-surface-alt);color:var(--color-text-on-page);border:1px solid color-mix(in srgb, var(--color-surface) 18%, transparent);cursor:pointer;border-radius:10px;align-self:flex-start;margin-bottom:20px;padding:10px 18px;font-size:14px;font-weight:700}.back-button:hover{opacity:.92}.title{text-align:center;color:var(--color-text);margin-bottom:24px;font-size:28px}.section{margin-top:20px}.subtitle{color:var(--color-text);margin-bottom:6px;font-size:16px;font-weight:700}.paragraph{color:var(--color-text-muted);margin-bottom:8px;font-size:14px;line-height:1.7}.checkboxContainer{flex-direction:row;align-items:center;gap:10px;margin-top:24px;margin-bottom:40px;display:flex}.checkboxIcon{cursor:pointer;color:var(--color-text);font-size:22px}.checkboxText{color:var(--color-text);font-size:16px;font-weight:700}@media (width<=1024px){.terms-container{padding:40px}}@media (width<=768px){.terms-container{padding:24px 16px}.terms-content{border-radius:20px;padding:24px 18px}.title{font-size:22px}}.brand-logo{appearance:none;color:inherit;cursor:pointer;text-align:left;font:inherit;border:0;width:clamp(112px,18vw,128px);height:44px;padding:0;line-height:22px;box-shadow:none!important;background:0 0!important}.brand-logo span{letter-spacing:0;white-space:nowrap;width:100%;height:44px;font-size:20px;font-weight:800;line-height:22px;display:block}.brand-logo:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:8px}.app-navbar{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:24px;min-height:44px;display:flex}.app-navbar button{box-shadow:none}.app-nav-links{justify-content:flex-end;align-items:center;gap:inherit;flex-wrap:nowrap;min-height:44px;display:flex}.app-nav-toggle{box-shadow:none;display:none}.app-nav-item{box-sizing:border-box;min-height:44px;color:var(--color-text-on-page);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;padding:0 0 7px;font-size:18px;font-weight:700;line-height:1;transition:color .2s;display:inline-flex;position:relative}.app-nav-item:after{content:"";background:var(--color-accent);transform-origin:50%;height:3px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.app-nav-item:hover,.app-nav-item.active,.app-nav-item.active{color:var(--color-accent)}.app-nav-item.active:after{transform:scaleX(1)}@media (width<=1024px){.app-navbar{gap:14px}.app-nav-item{font-size:15px}}@media (width<=768px){.app-navbar{justify-content:flex-start;width:100%;min-height:44px;position:relative}.app-nav-toggle{min-height:44px;color:var(--color-text-on-page);font:inherit;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:700;display:inline-flex}.app-nav-links{z-index:20;border-top:1px solid color-mix(in srgb, var(--color-text-on-page) 28%, transparent);background:var(--color-page-bg);width:min(100%,320px);box-shadow:none;border-radius:0;padding:8px 0 0;display:none;position:absolute;top:calc(100% + 8px);left:0}.app-nav-links.is-open{display:grid}.app-nav-item{text-align:left;justify-content:flex-start;width:100%;min-height:44px;padding:10px 12px;font-size:14px}}.home-container{background:var(--color-page-bg);flex-direction:column;width:100%;min-height:100dvh;padding:20px 24px;font-family:Arial,sans-serif;display:flex;overflow:hidden auto}.home-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.home-logo{color:var(--color-text-on-page)}.home-greeting{color:var(--color-text-on-page);margin-top:16px;margin-left:4px;font-size:24px}.home-card{background:var(--color-surface);width:100%;max-width:700px;box-shadow:var(--color-shadow);border-radius:18px;flex-direction:column;align-self:center;gap:24px;margin-top:auto;margin-bottom:auto;padding:40px 36px;display:flex}.home-card h1{text-align:center;color:var(--color-text);font-size:clamp(22px,3vw,36px);font-weight:700}.home-card p{color:var(--color-text-muted);text-align:center;font-size:clamp(14px,1.5vw,18px);line-height:1.6}.home-btn{background:var(--color-accent);cursor:pointer;width:100%;color:var(--color-accent-text);border:2px solid #111;border-radius:12px;padding:14px;font-size:clamp(16px,2vw,20px);font-weight:700}.home-btn:hover{opacity:.92}@media (width>=769px){.home-container{height:calc(100dvh / var(--app-text-scale));min-height:0;overflow:hidden}}.camera-permission-backdrop{z-index:1000;background:#0b2b508a;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.camera-permission-dialog{background:var(--color-surface);width:min(760px,100%);max-height:calc(100dvh - 48px);color:var(--color-text);text-align:center;border:2px solid #111;border-radius:18px;padding:34px 42px 38px;overflow-y:auto;box-shadow:0 18px 40px #00000047}.camera-permission-dialog h2{font-size:clamp(28px,4vw,46px);line-height:1.15}.camera-permission-dialog p{max-width:620px;margin:22px auto 0;font-size:clamp(18px,2.2vw,25px);line-height:1.28}.camera-permission-dialog .camera-permission-privacy{margin-top:0}.camera-permission-error{color:#b42318;font-size:16px!important}.camera-permission-actions{justify-content:center;gap:28px;margin-top:34px;display:flex}.camera-permission-button{background:var(--color-accent);min-width:170px;color:var(--color-accent-text);font:inherit;cursor:pointer;border:1px solid #111;border-radius:7px;padding:10px 22px;font-size:21px}.camera-permission-button:disabled{cursor:wait;opacity:.65}@media (width<=1024px){.navbar{gap:14px}.nav-item{font-size:15px}.home-greeting{font-size:20px}.home-card{padding:28px 24px}}@media (width<=768px){.home-container{padding:16px;overflow-y:auto}.home-header{flex-direction:column;align-items:flex-start;gap:12px}.navbar{justify-content:flex-start;gap:10px}.nav-item{font-size:14px}.home-greeting{margin-top:8px;font-size:18px}.home-card{margin-top:16px;margin-bottom:16px;padding:24px 16px}.camera-permission-dialog{padding:28px 20px}.camera-permission-actions{gap:12px}.camera-permission-button{flex:1;min-width:0;font-size:18px}}*{box-sizing:border-box}.landing-page{background:var(--color-page-bg);min-height:100dvh;color:var(--color-text-on-page);padding:28px clamp(18px,4vw,48px) 36px;font-family:Arial,sans-serif;position:relative;overflow:hidden visible}.landing-glow{display:none}.landing-glow-1{background:color-mix(in srgb, var(--color-accent) 20%, transparent);width:220px;height:220px;top:-40px;left:-40px}.landing-glow-2{background:color-mix(in srgb, var(--color-surface) 8%, transparent);width:280px;height:280px;bottom:10px;right:-60px}.landing-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:42px;display:flex}.landing-brand{align-items:center;gap:14px;display:flex}.landing-logo{object-fit:contain;filter:drop-shadow(0 10px 22px #06142b59);width:80px;height:54px}.landing-brand-kicker{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text-on-page) 78%, transparent);margin:0 0 4px;font-size:12px}.landing-brand h1{letter-spacing:.02em;color:var(--color-text-on-page);margin:0;font-size:clamp(24px,4vw,34px);line-height:1}.landing-actions,.landing-cta-row{align-items:center;gap:12px;display:flex}.landing-link-button,.landing-secondary-button,.landing-primary-button{cursor:pointer;border:0;border-radius:999px;padding:13px 18px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s}.landing-link-button,.landing-secondary-button{background:var(--color-surface);color:var(--color-text)}.landing-primary-button{background:var(--color-accent);color:var(--color-accent-text);box-shadow:0 16px 30px color-mix(in srgb, var(--color-accent) 28%, transparent)}.landing-link-button:hover,.landing-secondary-button:hover,.landing-primary-button:hover{transform:translateY(-2px)}.landing-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,5vw,56px);display:grid}.landing-copy{max-width:680px}.landing-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);background:0 0;border:0;align-items:center;margin:0 0 18px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.landing-copy h2{letter-spacing:-.04em;max-width:16ch;color:var(--color-text-on-page);margin:0;font-size:clamp(38px,6vw,72px);line-height:.96}.landing-value{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:clamp(17px,2.2vw,24px);font-weight:800}.landing-description{color:#ffffffe0;max-width:60ch;margin:22px 0 0;font-size:clamp(16px,2vw,20px);line-height:1.7}.landing-cta-row{flex-wrap:wrap;margin-top:28px}.landing-cta-main svg{vertical-align:middle;margin-left:6px}.landing-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.landing-stats article,.landing-mini-grid article{background:var(--color-surface);border:1px solid var(--color-surface);box-shadow:var(--color-shadow);color:var(--color-text);border-radius:22px;padding:18px}.landing-stats strong{margin-bottom:8px;font-size:16px;display:block}.landing-stats span,.landing-mini-grid p{color:var(--color-text-muted);font-size:14px;line-height:1.55}.landing-visual{gap:18px;display:grid}.landing-card-main{background:var(--color-surface);border:1px solid var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--color-shadow);color:var(--color-text);border-radius:28px;padding:18px}.landing-card-main img{background:var(--color-page-bg);border-radius:20px;width:min(100%,260px);margin:0 auto;display:block}.landing-card-copy{margin-top:16px}.landing-card-copy p{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 6px;font-size:13px}.landing-card-copy strong{font-size:18px;line-height:1.4}.landing-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing-mini-grid article{min-height:170px}.landing-mini-grid svg{color:var(--color-control-bg);margin-bottom:12px;font-size:24px}.landing-mini-grid h3{color:var(--color-text);margin:0 0 10px;font-size:16px}@media (width<=1080px){.landing-hero{grid-template-columns:1fr}.landing-copy{max-width:100%}.landing-stats,.landing-mini-grid{grid-template-columns:1fr}}@media (width<=780px){.landing-header{flex-direction:column;align-items:flex-start}.landing-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.landing-copy h2{max-width:none}.landing-page{padding-top:20px;padding-bottom:24px}}.recover-container{background:var(--color-page-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:20px 24px;font-family:Arial,sans-serif;display:flex;overflow-x:hidden}.recover-logo{color:var(--color-text-on-page);transform-origin:0 0;position:absolute;top:20px;left:24px;transform:scale(1.2)}.recover-title{color:var(--color-text-on-page);text-align:center;margin-bottom:20px;font-size:clamp(24px,4vw,36px);line-height:1.2}.recover-img{object-fit:contain;margin-bottom:8px;width:200px!important;height:200px!important}.recover-description{color:var(--color-text-on-page);opacity:.9;text-align:center;max-width:380px;margin:0 0 24px;font-size:16px;line-height:1.45}.recover-card{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:380px;box-shadow:var(--color-shadow);border-radius:18px;flex-direction:column;padding:24px;display:flex}.recover-label{color:var(--color-text);margin-bottom:6px;font-size:14px;font-weight:700}.recover-input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);border-radius:8px;margin-bottom:2px;padding:10px 12px;font-size:14px}.recover-input.input-error{border-color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface))}.recover-error-text{color:var(--color-danger);min-height:18px;margin-bottom:8px;font-size:12px;font-weight:700}.recover-success{color:var(--color-success);text-align:center;margin-bottom:8px;font-size:13px;font-weight:700}.recover-btn{background:var(--color-accent);cursor:pointer;width:100%;color:var(--color-accent-text);border:2px solid #111;border-radius:12px;margin-top:4px;padding:12px;font-size:16px;font-weight:700}.recover-btn:hover{opacity:.92}.recover-back{color:var(--color-text-on-page);cursor:pointer;margin-top:20px;font-size:15px;text-decoration:underline}.recover-back:hover{opacity:.8}@media (width<=1024px){.recover-img{width:160px!important;height:160px!important}}@media (width<=768px){.recover-container{padding:80px 16px 40px}.recover-logo{top:16px;left:16px}.recover-img{width:120px!important;height:120px!important}.recover-card{max-width:100%}}.translate-container{background:var(--color-page-bg);flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-height:100dvh;padding:20px 24px;font-family:Arial,sans-serif;display:flex;overflow:hidden auto}@media (width>=901px){.translate-container{height:calc(100dvh / var(--app-text-scale));min-height:0;overflow:hidden}.translate-container .translate-content{min-height:0}}.translate-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}@media (width>=769px){.translate-header .app-navbar{align-self:flex-start}}.translate-header-main{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.translate-logo{color:var(--color-text-on-page)}.icon-button{background:color-mix(in srgb, var(--color-page-bg) 76%, white);width:48px;height:48px;color:var(--color-text-on-page);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-size:21px;display:inline-grid}.icon-button:hover,.icon-button.is-active{background:color-mix(in srgb, var(--color-page-bg) 62%, white)}.icon-button:disabled{cursor:not-allowed;opacity:.55}.speech-toggle{background:color-mix(in srgb, var(--color-page-bg) 76%, white);min-height:42px;color:var(--color-text-on-page);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.speech-toggle.is-active,.speech-toggle:hover:not(:disabled){background:color-mix(in srgb, var(--color-page-bg) 62%, white)}.speech-toggle:disabled{cursor:not-allowed;opacity:.55}.translate-content{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,30px);min-height:min(58dvh,650px);margin:0;display:grid}.translate-text-box,.translate-camera-box{border-radius:8px;min-width:0;min-height:0;overflow:hidden}.translate-text-box{background:var(--color-surface);color:var(--color-text);flex-direction:column;order:1;justify-content:center;align-items:flex-start;padding:clamp(22px,3vw,56px);display:flex}.translate-camera-box{background:var(--color-control-bg);order:2;place-items:center;min-height:0;display:grid;position:relative}.translate-camera-box.is-camera-trigger{cursor:pointer}.translate-camera-box.is-camera-trigger:hover{background:color-mix(in srgb, var(--color-control-bg) 88%, var(--color-accent))}.translate-camera-box.is-camera-trigger:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.translate-content.flipped .translate-text-box{order:2}.translate-content.flipped .translate-camera-box{order:1}.translation-eyebrow{color:var(--color-text-muted);margin-bottom:18px;font-size:16px}.translate-text-box h1,.translation-results p{color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:clamp(30px,3.3vw,48px);font-weight:500;line-height:1.12}.translation-results{width:100%;max-height:min(40dvh,360px);overflow-y:auto}.translation-results p+p{margin-top:12px}.translation-status{color:var(--color-text-muted);margin-top:18px;font-size:18px;line-height:1.4}.translation-confidence{color:var(--color-text-muted);margin-top:10px;font-size:14px}.translate-camera-placeholder{color:var(--color-text-on-page);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.translate-camera-placeholder p{font-size:18px}.translate-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.translate-btn{background:var(--color-accent);width:min(100%,520px);min-height:52px;color:var(--color-accent-text);cursor:pointer;border:0;border-radius:8px;justify-content:center;place-self:center;align-items:center;gap:12px;margin:0;padding:14px 22px;font-size:18px;font-weight:700;display:inline-flex}.translate-btn:hover{filter:brightness(.96)}.translation-review-actions{justify-content:center;gap:12px;width:100%;display:flex}.review-save-btn,.review-discard-btn{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 18px;font-size:16px;font-weight:700;display:inline-flex}.review-save-btn{background:var(--color-accent);min-width:min(240px,100%);color:var(--color-accent-text)}.review-discard-btn{background:var(--color-surface);color:var(--color-text)}.review-save-btn:disabled,.review-discard-btn:disabled{cursor:not-allowed;opacity:.6}.capture-canvas{display:none}@media (width<=900px){.translate-container{padding:16px}.translate-header{flex-direction:column;align-items:flex-start}.translate-header .app-navbar{justify-content:flex-start;width:100%}.translate-content{flex:none;grid-template-columns:1fr;min-height:0;margin:18px 0}.translate-text-box,.translate-camera-box,.translate-content.flipped .translate-text-box,.translate-content.flipped .translate-camera-box{order:initial}.translate-camera-box{aspect-ratio:16/10;min-height:clamp(220px,56vw,420px)}.translation-review-actions{flex-direction:column}.review-save-btn,.review-discard-btn{width:100%}}@media (width<=560px){.translate-header .app-navbar{gap:10px}.translate-header .app-nav-item{font-size:14px}.translate-text-box{padding:24px 18px}.translation-status,.translate-camera-placeholder p{font-size:16px}.translate-text-box h1{font-size:clamp(26px,9vw,34px)}.translation-results{max-height:none;overflow:visible}.translate-header-main{gap:8px}.icon-button{width:44px;height:44px}.speech-toggle{flex:150px;justify-content:center;min-height:44px}}@media (width>=901px) and (height<=760px){.translate-content{min-height:420px}}.history-container{background:var(--color-page-bg);flex-direction:column;width:100%;min-height:100dvh;padding:20px 24px;font-family:Arial,sans-serif;display:flex;overflow-x:hidden}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.history-logo{color:var(--color-text-on-page)}.history-title-section{width:min(100%,880px);margin-top:50px;margin-left:auto;margin-right:auto}.history-title{color:var(--color-text-on-page);font-size:22px;font-weight:700}.history-subtitle{color:var(--color-text-on-page);opacity:.85;margin-top:4px;font-size:14px}.history-error{color:#8f1f1f;margin-top:16px;font-size:15px}.history-empty{flex:1;justify-content:center;align-items:center;display:flex}.history-card{background:var(--color-surface);text-align:center;width:100%;max-width:400px;box-shadow:var(--color-shadow);border-radius:18px;flex-direction:column;align-items:center;gap:16px;padding:40px 36px;display:flex}.empty-title{color:var(--color-text);font-size:18px;font-weight:700}.empty-text{color:var(--color-text-muted);font-size:14px;line-height:1.6}.history-controls{align-items:center;gap:16px;width:min(100%,880px);margin-top:20px;margin-left:auto;margin-right:auto;display:flex;position:relative}.filter-wrapper{position:relative}.filter-btn{background:var(--color-accent);cursor:pointer;color:var(--color-accent-text);border:2px solid #111;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:700;display:flex;box-shadow:none!important}.filter-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:100;min-width:180px;box-shadow:none;border-radius:10px;flex-direction:column;gap:12px;padding:12px 20px;display:flex;position:absolute;top:44px;left:0}.filter-dropdown button{color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:16px;font-weight:700;box-shadow:none!important}.filter-dropdown button:hover{opacity:.8}.delete-all-btn{appearance:none;color:var(--color-text-on-page);cursor:pointer;background:0 0;border:none;padding:8px;font-size:22px;box-shadow:none!important}.delete-all-btn:hover{opacity:.7}.history-confirm-backdrop{z-index:1000;background:#06142b94;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.history-confirm-dialog{background:var(--color-surface);width:min(460px,100%);max-height:calc(100dvh - 48px);color:var(--color-text);box-shadow:var(--color-shadow);border-radius:8px;padding:28px;overflow-y:auto}.history-confirm-dialog h2{font-size:24px;line-height:1.2}.history-confirm-dialog p{color:var(--color-text-muted);margin-top:14px;font-size:16px;line-height:1.5}.history-confirm-actions{justify-content:flex-end;gap:12px;margin-top:26px;display:flex}.history-confirm-cancel,.history-confirm-delete{cursor:pointer;border-radius:6px;min-height:44px;padding:10px 16px;font-weight:700}.history-confirm-cancel{background:var(--color-surface-soft);color:var(--color-text)}.history-confirm-delete{background:var(--color-danger);color:#fff}.history-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;align-self:center;gap:12px;width:min(100%,880px);min-height:0;margin-top:16px;padding-bottom:16px;display:flex;overflow-y:auto}@media (width>=769px){.history-container{height:calc(100dvh / var(--app-text-scale));min-height:0;overflow:hidden}.history-header,.history-title-section,.history-controls{flex:none}}.history-item{background:var(--color-surface);box-shadow:none;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.history-item-img{background:var(--color-control-bg);width:56px;height:56px;color:var(--color-control-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-item-info{flex-direction:column;flex:1;gap:4px;display:flex}.history-item-actions{align-items:center;gap:4px;display:flex}.history-action-btn,.delete-one-btn{appearance:none;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:36px;height:36px;font-size:17px;display:grid;box-shadow:none!important}.history-action-btn:hover:not(:disabled),.delete-one-btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-control-bg) 14%, transparent)}.history-action-btn:disabled{opacity:.45;cursor:wait}.history-recording{place-items:center;width:100%;padding:8px 0 0;display:grid}.history-recording video{background:#111827;border-radius:6px;width:min(100%,560px);max-height:280px;margin:0 auto;display:block}.item-title{color:var(--color-text);font-size:16px;font-weight:700}.item-date{color:var(--color-text-muted);align-items:center;gap:4px;font-size:13px;display:flex}.delete-one-btn{flex-shrink:0}@media (width<=1024px){.navbar{gap:14px}.nav-item{font-size:15px}}@media (width<=768px){.history-container{height:auto;min-height:100dvh;padding:16px;overflow-y:auto}.history-header{flex-direction:column;align-items:flex-start;gap:12px}.navbar{justify-content:flex-start;gap:10px}.nav-item{font-size:14px}.history-title-section{margin-top:24px}.history-controls{flex-direction:column;align-items:flex-start;width:100%}.history-card{max-width:100%}.history-item{align-items:flex-start}.history-recording{padding-left:0}.history-recording video{width:100%}}.access-container{background:var(--color-page-bg);flex-direction:column;width:100%;min-height:100dvh;padding:20px 24px;font-family:Arial,sans-serif;display:flex;overflow:hidden auto}.access-header{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.access-logo{color:var(--color-text-on-page)}.access-card{background:var(--color-surface);width:100%;max-width:760px;box-shadow:var(--color-shadow);border-radius:18px;flex-direction:column;align-self:center;gap:14px;margin:auto;padding:42px 48px;display:flex}.access-row{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex;position:relative}.access-label{color:var(--color-text);align-items:center;gap:18px;font-size:22px;font-weight:700;display:flex}.access-control{position:relative}.access-btn,.access-save-btn,.access-modal-btn{cursor:pointer;color:var(--color-accent-text);background:var(--color-accent);border:2px solid #111;border-radius:12px;font-weight:700}.access-btn{min-width:130px;padding:12px 26px;font-size:17px}.access-btn:hover,.access-save-btn:hover,.access-modal-btn:hover{opacity:.92}.access-divider{background:var(--color-border-soft);width:100%;height:1px}.access-dropdown,.access-theme-picker{background:var(--color-surface);border:1px solid var(--color-border);z-index:100;min-width:180px;box-shadow:var(--color-shadow);border-radius:14px;padding:10px;position:absolute;top:46px;right:0}.access-dropdown button{cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.access-dropdown button:hover,.theme-option:hover{background:var(--color-surface-soft)}.access-dropdown button.selected,.theme-option.selected{background:color-mix(in srgb, var(--color-accent) 18%, transparent);font-weight:700}.access-theme-picker{min-width:260px}.color-title{color:var(--color-text);margin-bottom:12px;font-size:15px;font-weight:700}.theme-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theme-option{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:flex}.theme-hint{color:var(--color-text-muted);margin-top:10px;font-size:13px;line-height:1.5}.access-save-btn{width:100%;margin-top:14px;padding:17px;font-size:20px}@media (width>=769px){.access-container{height:calc(100dvh / var(--app-text-scale));min-height:0;overflow:hidden}}.access-modal-box{background:var(--color-surface);width:100%;max-width:430px;max-height:calc(100dvh - 40px);box-shadow:var(--color-shadow);border:1px solid var(--color-border);border-radius:18px;flex-direction:column;align-items:center;gap:28px;padding:42px 36px;display:flex;overflow-y:auto}.access-modal-text{color:var(--color-text);text-align:center;font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.25}.access-modal-btn{padding:14px 56px;font-size:20px}@media (width<=1024px){.navbar{gap:14px}.nav-item{font-size:15px}}@media (width<=768px){.access-container{padding:16px}.access-header{flex-direction:column;align-items:flex-start}.navbar{justify-content:flex-start}.access-card{max-width:100%;margin:28px auto;padding:26px 20px}.access-row{flex-direction:column;align-items:stretch}.access-label{gap:12px;font-size:17px}.access-btn{width:100%;min-width:0;padding:12px 16px;font-size:15px}.access-dropdown,.access-theme-picker{width:100%;min-width:0;margin-top:12px;position:static}.theme-options{grid-template-columns:1fr}.access-save-btn{padding:15px;font-size:18px}.access-modal-box{max-width:100%;padding:32px 22px}}.profile-container{background:var(--color-page-bg);flex-direction:column;width:100%;min-height:100dvh;padding:20px 24px;font-family:Arial,sans-serif;display:flex;overflow:hidden auto}@media (width>=769px){.profile-container{height:calc(100dvh / var(--app-text-scale));min-height:0;overflow:hidden}.profile-card{flex:auto;min-height:0;overflow-y:auto}}.profile-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.profile-logo{color:var(--color-text-on-page)}.profile-header-title{color:var(--color-text-on-page);font-size:22px;font-weight:700}.navbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:24px;display:flex}.nav-item{color:var(--color-text-on-page);cursor:pointer;border-bottom:3px solid #0000;padding-bottom:4px;font-size:18px;font-weight:700;transition:border-color .2s,color .2s}.nav-item:hover{color:var(--color-accent)}.nav-item.active{color:var(--color-accent);border-bottom:3px solid var(--color-accent)}.profile-card{background:var(--color-surface);width:100%;max-width:700px;box-shadow:var(--color-shadow);border-radius:18px;flex-direction:column;align-self:center;gap:16px;margin-top:16px;padding:24px;display:flex}.profile-section{align-items:flex-start;gap:24px;display:flex}.profile-avatar-col{flex-direction:column;align-items:center;padding-top:24px;display:flex}.profile-avatar{background:var(--color-surface-soft);border:2px solid var(--color-border);width:80px;height:80px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-info-col{flex-direction:column;flex:1;gap:6px;display:flex}.section-title{color:var(--color-text);font-size:20px;font-weight:700}.section-subtitle{color:var(--color-text-muted);margin-bottom:4px;font-size:16px}.field-label{color:var(--color-text);margin-top:6px;font-size:16px;font-weight:700}.profile-value{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface-soft);overflow-wrap:anywhere;border-radius:8px;margin:0;padding:12px 14px;font-size:16px}.change-pass-btn{background:var(--color-accent);cursor:pointer;color:var(--color-accent-text);border:2px solid #111;border-radius:10px;align-self:center;margin-top:10px;padding:12px 28px;font-size:18px;font-weight:700}.profile-divider{background:var(--color-border-soft);width:100%;height:1px}.permissions-section{flex-direction:column;gap:12px;display:flex}.permission-row{background:var(--color-surface-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.permission-left{align-items:center;gap:12px;display:flex}.perm-name{color:var(--color-text);font-size:17px;font-weight:700}.perm-desc{color:var(--color-text-muted);font-size:15px}.activate-btn{background:var(--color-accent);cursor:pointer;min-width:110px;color:var(--color-accent-text);border:2px solid #111;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:700}.activate-btn.is-active{color:#fff;background:#2f78cc;border-color:#2f78cc}.activate-btn:disabled{cursor:wait;opacity:.65}.logout-btn{background:var(--color-danger);cursor:pointer;color:#111827;border:2px solid #111;border-radius:12px;width:100%;padding:12px;font-size:16px;font-weight:700}:root[data-theme=dark] .logout-btn,:root[data-theme=dark] .modal-logout-btn{color:#fff}.logout-btn:hover{opacity:.92}.profile-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;min-height:0;display:flex}.password-card{background:var(--color-surface);width:100%;max-width:480px;box-shadow:var(--color-shadow);border-radius:18px;flex-direction:column;gap:8px;padding:32px;display:flex}.password-title{color:var(--color-text);text-align:center;margin-bottom:12px;font-size:22px;font-weight:700}.save-btn{background:var(--color-accent);cursor:pointer;width:100%;color:var(--color-accent-text);border:2px solid #111;border-radius:12px;margin-top:12px;padding:12px;font-size:16px;font-weight:700}.permission-card{background:var(--color-surface);width:100%;max-width:520px;min-height:min(300px,100dvh - 96px);box-shadow:var(--color-shadow);color:var(--color-text);border-radius:18px;justify-content:center;align-items:center;padding:clamp(32px,7vw,70px) clamp(24px,9vw,90px);display:flex}.yellow-btn{background:var(--color-accent);cursor:pointer;width:min(100%,360px);min-width:0;color:var(--color-accent-text);border:2px solid #111;border-radius:12px;padding:18px clamp(24px,5vw,48px);font-size:19px;font-weight:700}.modal-overlay{z-index:200;background:#00000061;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--color-surface);width:100%;max-width:320px;max-height:calc(100dvh - 40px);box-shadow:var(--color-shadow);border-radius:18px;flex-direction:column;align-items:center;gap:24px;padding:40px 32px;display:flex;overflow-y:auto}.modal-text{color:var(--color-text);text-align:center;font-size:20px;font-weight:700;line-height:1.4}.modal-actions{gap:16px;display:flex}.modal-logout-btn,.modal-cancel-btn,.permission-modal-activate,.permission-modal-cancel{cursor:pointer;border:2px solid #111;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700}.modal-logout-btn{background:var(--color-accent);color:var(--color-accent-text)}.modal-cancel-btn{background:var(--color-control-bg);color:var(--color-control-text)}.permission-modal{max-width:420px}.permission-modal-title{color:var(--color-text);text-align:center;font-size:24px;line-height:1.2}.permission-modal-activate,.permission-modal-cancel{background:var(--color-accent);color:var(--color-accent-text);flex:1}@media (width<=1024px){.navbar{gap:14px}.nav-item{font-size:15px}}@media (width<=768px){.profile-container{padding:16px}.profile-header{flex-direction:column;align-items:flex-start;gap:12px}.navbar{justify-content:flex-start;gap:10px}.nav-item{font-size:14px}.profile-card{max-width:100%}.profile-section{flex-direction:column}.profile-header-title{display:none}.permission-row{flex-direction:column;align-items:stretch}.permission-card{max-width:100%;min-height:240px;padding:48px 32px}.yellow-btn{width:100%;min-width:0;padding:16px 24px;font-size:17px}.modal-actions{flex-direction:column;width:100%}.modal-logout-btn,.modal-cancel-btn,.permission-modal-activate,.permission-modal-cancel{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.reset-container{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 26%), linear-gradient(135deg, var(--color-page-bg-alt) 0%, var(--color-page-bg) 58%, color-mix(in srgb, var(--color-page-bg) 74%, #000) 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:92px 24px 36px;font-family:Arial,sans-serif;display:flex;overflow-x:hidden}.reset-logo{color:var(--color-text-on-page);position:absolute;top:20px;left:24px}.reset-title{color:var(--color-text-on-page);text-align:center;font-size:clamp(26px,4vw,38px);line-height:1.15}.reset-img{object-fit:contain;width:150px!important;height:150px!important}.reset-card{background:color-mix(in srgb, var(--color-surface) 96%, transparent);border:1px solid var(--color-border);width:100%;max-width:410px;box-shadow:var(--color-shadow);border-radius:24px;flex-direction:column;gap:9px;padding:28px;display:flex}.reset-card label{color:var(--color-text);margin-top:4px;font-size:14px;font-weight:700}.password-field{align-items:center;width:100%;display:flex;position:relative}.password-field input{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;outline:none;padding:12px 46px 12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.password-field input:focus{border-color:var(--color-page-bg);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-page-bg) 14%, transparent)}.password-field input.input-error{background-color:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));border-color:var(--color-danger)}.toggle-password{width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .2s,color .2s;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-password:hover{background:color-mix(in srgb, var(--color-page-bg) 10%, transparent);color:var(--color-text)}.password-info,.match-message{margin:0 0 8px;font-size:12px}.password-info{color:var(--color-text-muted)}.password-info.is-valid,.match-message.is-success{color:var(--color-success);font-weight:700}.match-message.is-error{color:var(--color-danger);font-weight:700}.reset-error-text,.reset-success{text-align:center;border-radius:12px;width:100%;margin:4px 0;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.45}.reset-error-text{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface))}.reset-success{color:var(--color-success);background:color-mix(in srgb, #22c55e 12%, var(--color-surface))}.reset-btn{background:var(--color-accent);cursor:pointer;width:100%;color:var(--color-accent-text);border:2px solid #111;border-radius:14px;margin-top:8px;padding:14px 18px;font-size:16px;font-weight:800;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 14px 28px #f4dc2e47}.reset-btn:hover:not(:disabled){opacity:.92}.reset-btn:active:not(:disabled){transform:scale(.98)}.reset-btn:disabled{opacity:.72;cursor:not-allowed;box-shadow:none}.reset-back{color:var(--color-text-on-page);cursor:pointer;margin-top:20px;font-size:15px;font-weight:700;text-decoration:underline;transition:opacity .2s}.reset-back:hover{opacity:.82}@media (width<=1024px){.reset-img{width:130px!important;height:130px!important}}@media (width<=768px){.reset-container{padding:86px 16px 34px}.reset-logo{top:16px;left:16px}.reset-img{margin-bottom:20px;width:112px!important;height:112px!important}.reset-card{border-radius:22px;max-width:100%;padding:24px 20px}.reset-title{font-size:clamp(24px,7vw,30px)}}@media (width<=400px){.reset-container{padding:78px 14px 30px}.reset-card{padding:22px 18px}.reset-img{margin-bottom:18px;width:96px!important;height:96px!important}.reset-title{margin-bottom:14px}.reset-back{font-size:14px}}