:root{--ink:#153d34;--muted:#66847b;--line:#cee3dc;--soft:#effaf6;--green:#0b956b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}body{min-height:100vh;background:#f3fbf7}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.08fr) minmax(440px,.92fr);overflow:hidden}.auth-visual{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:100vh;padding:clamp(42px,6vw,96px);overflow:hidden;background:radial-gradient(circle at 70% 26%,rgba(72,229,205,.36),transparent 27%),radial-gradient(circle at 20% 82%,rgba(95,182,245,.25),transparent 33%),linear-gradient(140deg,#e8f7ff,#d9fbef);border-right:1px solid #c6e8df}.auth-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,145,118,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,145,118,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%);z-index:-2}.orbit{position:absolute;border:1px solid rgba(17,157,148,.28);border-radius:50%;animation:spin 24s linear infinite}.orbit-a{width:min(48vw,590px);aspect-ratio:1;top:8%;left:13%;box-shadow:0 0 90px rgba(15,174,157,.12) inset}.orbit-b{width:min(31vw,380px);aspect-ratio:1;top:20%;left:29%;animation:spinReverse 17s linear infinite;border-style:dashed}.orbit i{position:absolute;width:14px;height:14px;border-radius:50%;background:#13b7af;box-shadow:0 0 22px #13b7af}.orbit i:nth-child(1){top:9%;left:25%}.orbit i:nth-child(2){right:-7px;top:49%;background:#22c58b}.orbit i:nth-child(3){bottom:4%;left:35%;background:#4c9df0}.shield{position:absolute;left:calc(30% + min(15vw,180px));top:calc(20% + min(15vw,180px));transform:translate(-50%,-50%);width:116px;height:116px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#0b956b,#15b7ae);box-shadow:0 28px 70px rgba(9,121,100,.28),0 0 0 14px rgba(255,255,255,.52)}.shield svg{width:58px;fill:white}.visual-copy{position:relative;max-width:660px;z-index:2}.visual-copy>span,.eyebrow{font-size:13px;font-weight:800;letter-spacing:.18em;color:#098560}.visual-copy h1{font-size:clamp(42px,4.5vw,72px);line-height:1.05;margin:18px 0 22px;letter-spacing:-.045em}.visual-copy p{font-size:clamp(17px,1.5vw,22px);line-height:1.65;margin:0;max-width:600px;color:var(--muted)}.auth-panel{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 100% 0,rgba(30,201,165,.1),transparent 30%),#fff}.auth-card{width:min(100%,500px)}.auth-card header h2{font-size:clamp(34px,3vw,48px);letter-spacing:-.04em;margin:12px 0 10px}.auth-card header p{margin:0 0 30px;color:var(--muted);font-size:16px;line-height:1.55}.auth-alert{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border-radius:14px;margin-bottom:18px;font-size:14px}.auth-alert b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%}.auth-alert.error{background:#fff1f2;color:#a82d41}.auth-alert.success{background:#eafaf3;color:#087352}.auth-form{display:grid;gap:20px}.field label{display:block;font-size:14px;font-weight:750;margin:0 0 8px}.control{height:58px;border:1px solid var(--line);border-radius:15px;background:#fbfffd;display:flex;align-items:center;padding:0 16px;transition:.2s}.control:focus-within{border-color:#16a77d;box-shadow:0 0 0 4px rgba(22,167,125,.1);background:#fff}.control>svg{width:21px;fill:#78958c;flex:none}.control input{border:0;outline:0;background:transparent;color:var(--ink);font:inherit;width:100%;height:100%;padding:0 12px;min-width:0}.control button{border:0;background:none;padding:7px;cursor:pointer;color:#78958c}.control button svg{width:21px;fill:currentColor}.recognized-email{min-height:66px;display:grid;grid-template-columns:42px 1fr 25px;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.recognized-email>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#0b956b,#12b5a9);color:white;font-weight:800}.recognized-email strong,.recognized-email small{display:block}.recognized-email small{color:var(--muted);margin-top:2px}.recognized-email>b{color:#07966c}.remember{display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;cursor:pointer}.remember input{position:absolute;opacity:0}.remember>span{width:22px;height:22px;border:1px solid #accfc4;border-radius:7px;background:white}.remember input:checked+span{background:#0b956b;border-color:#0b956b}.remember input:checked+span:after{content:"✓";display:grid;place-items:center;color:white;font-size:15px;font-weight:800}.remember strong,.remember small{display:block}.remember strong{font-size:14px}.remember small{color:var(--muted);font-size:12px;line-height:1.45;margin-top:3px}.submit{height:58px;border:0;border-radius:15px;background:linear-gradient(100deg,#087d5b,#13aaa0);color:white;font:inherit;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 15px 30px rgba(6,133,99,.2);transition:.2s}.submit:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(6,133,99,.27)}.submit svg{width:21px;fill:currentColor}.auth-card footer{margin-top:28px;text-align:center;color:#78958c;font-size:12px}.auth-card footer span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16b986;margin-right:5px;box-shadow:0 0 0 4px #ddf8ee}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.orbit{animation:none}.submit{transition:none}}@media(max-width:850px){.auth-shell{display:block;min-height:100vh}.auth-visual{min-height:250px;height:30vh;padding:25px;align-items:flex-end;border:0;border-bottom:1px solid #c6e8df}.orbit-a{width:220px;top:-44px;left:50%;margin-left:-110px}.orbit-b{width:150px;top:-8px;left:50%;margin-left:-75px}.shield{width:68px;height:68px;border-radius:20px;top:63px;left:50%;box-shadow:0 12px 35px rgba(9,121,100,.25),0 0 0 9px rgba(255,255,255,.52)}.shield svg{width:36px}.visual-copy{max-width:100%}.visual-copy>span{display:none}.visual-copy h1{font-size:25px;line-height:1.2;margin:0 0 7px;text-align:center}.visual-copy p{font-size:14px;line-height:1.45;text-align:center}.auth-panel{display:block;padding:28px 20px 34px}.auth-card{margin:auto}.auth-card header{text-align:center}.auth-card header h2{font-size:32px;margin:8px 0}.auth-card header p{font-size:14px;margin-bottom:24px}.eyebrow{font-size:11px}.control,.submit{height:54px}.auth-form{gap:17px}}@media(max-width:390px){.auth-visual{min-height:220px;height:27vh}.visual-copy p{display:none}.auth-panel{padding:24px 16px}.auth-card header h2{font-size:28px}.recognized-email{grid-template-columns:39px 1fr 20px}.recognized-email>span{width:39px;height:39px}.recognized-email small{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}[data-theme="dark"] body.auth-page{--ink:#e5f5f0;--muted:#91aaa2;--line:#294840;--soft:#17352d;background:#0c1714}[data-theme="dark"] .auth-panel{background:radial-gradient(circle at 100% 0,rgba(30,201,165,.1),transparent 30%),#101e1a}[data-theme="dark"] .control{background:#132620}[data-theme="dark"] .control:focus-within{background:#162d25}[data-theme="dark"] .control input{color:var(--ink)}[data-theme="dark"] .remember>span{background:#132620}[data-theme="dark"] .auth-visual{background:radial-gradient(circle at 70% 26%,rgba(45,198,175,.25),transparent 27%),linear-gradient(140deg,#102b31,#12372e)}