.smail-login{position:relative;z-index:0;min-height:100vh;min-height:100dvh;display:flex;padding:32px;background-color:var(--surface-2);background-image:radial-gradient(circle,oklch(0 0 0/.05) 1px,transparent 0);background-size:22px 22px;font-family:var(--font-sans);letter-spacing:-.005em}:root:has(.smail-login){background:var(--surface-2);scroll-padding-block:24px 96px}[data-theme=dark] .smail-login{background-image:radial-gradient(circle,oklch(1 0 0/.05) 1px,transparent 0)}.smail-login .page-toggle{position:absolute;top:18px;right:18px;z-index:3;display:flex;align-items:center;gap:6px}.smail-login .frame{width:100%;max-width:1120px;min-width:0;margin:auto;display:grid;grid-template-columns:1.04fr .96fr;background:var(--surface);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow-lg)}.smail-login .illus{position:relative;overflow:hidden;min-width:0;padding:30px 32px 34px;display:flex;flex-direction:column;background:oklch(.12 0 0);color:oklch(.97 0 0)}.smail-login .illus-grid{position:absolute;inset:0;background-image:linear-gradient(oklch(1 0 0/.06) 1px,transparent 0),linear-gradient(90deg,oklch(1 0 0/.06) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,black,transparent 78%);mask-image:radial-gradient(ellipse at 50% 40%,black,transparent 78%)}.smail-login .illus .brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:11px}.smail-login .illus-art{position:relative;flex:1;display:grid;place-items:center;margin:18px 0 8px}.smail-login .hero{width:100%;max-width:380px;height:340px;border-radius:20px;background:oklch(1 0 0/.1);display:grid;place-items:center;overflow:hidden}.smail-login .chip-float{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:14px;background:oklch(1 0 0/.14);backdrop-filter:blur(8px);border:1px solid oklch(1 0 0/.2);box-shadow:0 14px 30px oklch(.2 0 0/.28);font-size:13px;font-weight:700;color:#fff;white-space:nowrap}.smail-login .chip-float .ci{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}.smail-login .chip-float .ci svg{width:16px;height:16px}.smail-login .cf-1{top:8px;left:6px}.smail-login .cf-1 .ci{background:oklch(.8 0 0);color:oklch(.38 0 0)}.smail-login .cf-2{bottom:14px;right:0}.smail-login .cf-2 .ci{background:oklch(.62 .15 155);color:#fff}.smail-login .illus-foot{position:relative;z-index:1}.smail-login .illus-foot h2{font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px;text-wrap:balance}.smail-login .illus-foot h2 em{font-style:normal;color:oklch(.88 0 0)}.smail-login .illus-foot p{font-size:14px;color:oklch(.9 0 0);line-height:1.55;max-width:380px}.smail-login .form-side{position:relative;min-width:0;padding:44px 52px;display:flex;flex-direction:column;justify-content:center}.smail-login .fs-brand{display:none}.smail-login .fs-head{text-align:center;margin-bottom:28px}.smail-login .fs-head h1{font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}.smail-login .fs-head p{font-size:15px;color:var(--muted);margin-top:10px}.smail-login .surface-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.smail-login .st-tab{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 11px;border-radius:10px;color:var(--muted);text-decoration:none;transition:background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.smail-login a.st-tab:hover{color:var(--ink);background:color-mix(in oklch,var(--surface) 60%,transparent)}.smail-login a.st-tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.smail-login .st-tab.on{color:var(--ink);background:var(--surface);box-shadow:0 1px 2px oklch(0 0 0/.08),0 0 0 1px var(--line)}.smail-login .st-ico{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;background:color-mix(in oklch,var(--ink) 7%,transparent)}.smail-login .st-tab.on .st-ico{background:var(--brand);color:var(--brand-ink)}.smail-login .st-ico svg{width:16px;height:16px}.smail-login .st-txt{min-width:0;display:flex;flex-direction:column;line-height:1.2}.smail-login .st-txt b{font-size:13.5px;font-weight:800}.smail-login .st-txt i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:380px){.smail-login .st-txt i{display:none}.smail-login .st-tab{justify-content:center}}.smail-login .stack{display:flex;flex-direction:column;gap:14px}.smail-login .field-block{display:block}.smail-login .field-block>label,.smail-login .row-between>label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:7px}.smail-login .fld{position:relative}.smail-login .fld-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--faint);pointer-events:none;z-index:1}.smail-login .fld-ico svg{width:16px;height:16px}.smail-login .fld input::-moz-placeholder{color:var(--muted)}.smail-login .fld input::placeholder{color:var(--muted)}.smail-login .row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.smail-login .divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted);font-size:12.5px;font-weight:600}.smail-login .divider:after,.smail-login .divider:before{content:"";height:1px;flex:1;background:var(--line)}.smail-login .sso-mark{width:38px;height:38px;border-radius:10px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;flex:none}[data-theme=dark] .smail-login .sso-mark{background:oklch(.93 .004 268);border-color:oklch(.86 .004 268)}.smail-login .sso-mark img{width:26px;height:26px;display:block}.smail-login .sso-txt{flex:1;text-align:left;min-width:0;white-space:normal}.smail-login .sso-txt b{display:block;font-size:14.5px;font-weight:700;color:var(--ink);white-space:normal}.smail-login .sso-txt>span{display:block;font-size:12.5px;line-height:1.35;color:var(--muted);white-space:normal}.smail-login .fs-foot{text-align:center;font-size:14px;color:var(--muted);margin-top:26px}.smail-login .fs-foot a{color:var(--brand);font-weight:700}.smail-login a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}@media (hover:hover) and (pointer:fine){.smail-login .fs-foot a:hover{text-decoration:underline}.smail-login .sso-btn:hover{border-color:var(--brand)}}.smail-login .rise{animation:smail-login-rise var(--t-panel) var(--ease-out) both}@keyframes smail-login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (pointer:coarse){.smail-login .fld input{height:44px;font-size:16px}.smail-login .mode-tabs>button,.smail-login .stack button[type=submit]{min-height:44px}.smail-login .sso-btn{min-height:56px}.smail-login .fs-brand .brand,.smail-login .page-toggle button{position:relative}.smail-login .fld button:after,.smail-login .fs-brand .brand:after,.smail-login .page-toggle button:after{content:"";position:absolute;inset:-6px}.smail-login .row-between{min-height:44px}.smail-login .row-between a,.smail-login .row-between button{min-height:44px;display:inline-flex;align-items:center}.smail-login .fs-foot a{padding:12px 4px}}@media (max-width:880px){.smail-login{padding:0}.smail-login .frame{max-width:none;width:100%;min-height:100vh;min-height:100dvh;margin:0;border-radius:0;border:none;grid-template-columns:1fr;overflow:visible}.smail-login .illus{display:none}.smail-login .form-side{padding:22px 28px 48px;width:100%;max-width:440px;margin-inline:auto}.smail-login .page-toggle{top:16px;right:16px}.smail-login .fs-brand{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-height:34px;padding-right:116px;margin-bottom:26px}.smail-login .fs-brand .brand{display:inline-flex;align-items:center}.smail-login .fs-brand .brand-logo{width:94px;height:32px;background:var(--ink)}.smail-login .fs-brand-note{font-size:12.5px;font-weight:700;color:var(--muted)}.smail-login .fs-head{margin-bottom:22px}}@media (max-width:420px){.smail-login .form-side{padding:20px 18px 44px}.smail-login .fs-head h1{font-size:30px}}@media (max-width:400px){.smail-login .sso-sub-lead{display:none}}.smail-login .brand-logo{display:block;width:116px;height:44px;background:#fff;-webkit-mask-image:url(/smail-logo.svg);mask-image:url(/smail-logo.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left center;mask-position:left center}.smail-login .hero{background:transparent;height:auto;max-width:400px}.smail-login .peek{width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 26px 60px oklch(.2 0 0/.36);animation:peekIn var(--t-panel) var(--ease-out)}@keyframes peekIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.smail-login .peek-top{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#f4f5f8;border-bottom:1px solid #e8eaee}.smail-login .peek-dot{width:8px;height:8px;border-radius:50%;background:#d6d9e0}.smail-login .peek-title{margin-left:8px;font-size:12px;font-weight:800;color:#2a2d36}.smail-login .peek-count{margin-left:auto;min-width:19px;height:19px;padding:0 6px;border-radius:99px;background:oklch(0 0 0);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center}.smail-login .peek-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #f0f1f4;animation:peekIn var(--t-panel) var(--ease-out) backwards}.smail-login .peek-row:nth-child(2){animation-delay:90ms}.smail-login .peek-row:nth-child(3){animation-delay:.15s}.smail-login .peek-row:nth-child(4){animation-delay:.21s}.smail-login .peek-row:last-child{border-bottom:none}.smail-login .peek-av{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#fff;background:linear-gradient(140deg,oklch(.35 0 0),oklch(.18 0 0))}.smail-login .peek-txt{flex:1;min-width:0}.smail-login .peek-txt b{display:block;font-size:12px;font-weight:700;color:#1b1e26}.smail-login .peek-txt i{display:block;font-style:normal;font-size:11px;color:#767b88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smail-login .peek-tag{flex:none;font-size:11px;font-weight:800;padding:3px 8px;border-radius:99px}@media (prefers-reduced-motion:reduce){.smail-login .peek,.smail-login .peek-row{animation:none}}.smail-login-dialog{width:calc(100% - 2rem)}@media (pointer:coarse){.smail-login-dialog>button:last-of-type:after{content:"";position:absolute;inset:-8px}}.smail-login .otp-input{font-family:var(--font-mono,ui-monospace,monospace);font-size:19px;font-weight:700;letter-spacing:.28em;text-align:center;font-variant-numeric:tabular-nums}.smail-login .otp-input::-moz-placeholder{letter-spacing:.28em;font-weight:500}.smail-login .otp-input::placeholder{letter-spacing:.28em;font-weight:500}.smail-login .otp-hint{margin-top:6px;font-size:12px;color:var(--muted)}.smail-login .otp-acoes{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}@media (max-width:880px){.smail-login .otp-input{font-size:17px;letter-spacing:.18em}}@media (min-width:881px){.smail-login .surface-tabs{margin-top:30px}}