@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap');

/* SignMarker landing page: clear SaaS hierarchy, generous type, restrained detail. */
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.auth-screen{grid-template-columns:minmax(0,1.16fr) minmax(430px,.84fr);background:#080e13}
.intro{padding:clamp(36px,5vw,84px) clamp(28px,6vw,104px);background:radial-gradient(circle at 86% 60%,#0b3b4c66 0,transparent 45%),linear-gradient(135deg,#0c141a 0%,#0c1c24 58%,#091116 100%)}
.intro:before{opacity:.42;background-size:92px 92px}
.logo{gap:18px;padding:20px 24px;border-radius:22px;background:#0b171e;border-color:#31505c;box-shadow:0 18px 42px #0007,0 0 0 1px #ffffff08 inset}
.logo .logo-mark{width:76px;height:76px;border-radius:22px}
.logo .brand-copy{gap:5px;min-width:0}
.logo .brand-name{font-family:Arial,Helvetica,sans-serif;font-size:clamp(37px,4vw,50px);letter-spacing:-2.2px;line-height:.98;padding-bottom:4px}
.logo .logo-tagline{color:#c0cdd2;font-size:15px;font-weight:600;letter-spacing:1.25px;line-height:1.1;transform:none}
.intro-copy{max-width:760px;padding:clamp(76px,11vh,158px) 0 42px}
.intro-copy>.eyebrow{font-size:13px;letter-spacing:2.8px}
.intro h1{max-width:760px;margin:24px 0 28px;font-size:clamp(56px,5.3vw,86px);line-height:1.01;letter-spacing:-4.2px;font-weight:800}
.intro-copy>p{max-width:680px;margin-bottom:0;color:#b7c8d0;font-size:clamp(19px,1.45vw,23px);line-height:1.58}
.intro-markets{display:flex;flex-wrap:wrap;gap:0;margin:38px 0 26px}
.intro-markets span{padding:0;border:0;border-radius:0;background:transparent;color:#e1edf1;font-size:14px;font-weight:600;letter-spacing:-.1px}
.intro-markets span+span{margin-left:18px;padding-left:18px;border-left:1px solid #55717c}
.intro-offer{max-width:620px;gap:5px;padding:17px 20px;border-left-width:3px;background:#00d2ff0b}
.intro-offer strong{font-size:17px;letter-spacing:-.2px}
.intro-offer span{color:#a9bdc5;font-size:14px}
.install-panel{max-width:620px;margin-top:22px;padding:22px;border-radius:16px;border-color:#315966;background:#0b1820e8}
.install-panel-heading .eyebrow{font-size:12px;letter-spacing:2px}
.install-badge{padding:7px 10px;font-size:11px}
.install-panel>p{margin:11px 0 17px;color:#b9cbd1;font-size:15px;line-height:1.55}
.install-platforms{gap:12px}
.install-platform{gap:13px;padding:14px;border-radius:12px;background:#10212a}
.install-platform svg{width:38px;height:38px;stroke-width:1.45}
.install-platform strong{font-size:14px}
.install-platform small{font-size:12px}
.install-help{margin-top:15px;font-size:13px}
.auth-side{padding:72px clamp(32px,6vw,94px);background:#080d12}
.auth-card{max-width:460px}
.auth-card>.eyebrow{font-size:13px;letter-spacing:2.5px}
.auth-card h2{margin:13px 0 16px;font-size:clamp(34px,3vw,44px);line-height:1.05;letter-spacing:-1.8px}
.auth-card>p{margin-bottom:30px;color:#aabac2;font-size:18px}
.auth-card label{margin:20px 0;color:#c7d3d8;font-size:14px;font-weight:600}
.auth-card input{padding:16px 17px;border-radius:10px;font-size:17px}
.auth-card .primary{min-height:56px;border-radius:10px;font-size:17px}
.auth-card .text-button{margin-top:24px;font-size:14px}
@media(max-width:1100px){.auth-screen{grid-template-columns:minmax(0,1fr) minmax(370px,.78fr)}.logo .brand-name{font-size:38px}.logo .logo-tagline{font-size:13px}}
@media(max-width:760px){.auth-screen{display:block}.intro{min-height:auto;padding:24px 22px 36px}.logo{gap:13px;padding:14px 16px;border-radius:17px}.logo .logo-mark{width:58px;height:58px;border-radius:17px}.logo .brand-name{font-size:32px;letter-spacing:-1.7px}.logo .logo-tagline{font-size:11px;letter-spacing:.8px}.intro-copy{padding:66px 0 0}.intro-copy>.eyebrow{font-size:11px;letter-spacing:2px}.intro h1{margin:17px 0 20px;font-size:clamp(43px,12vw,60px);letter-spacing:-2.8px}.intro-copy>p{font-size:18px;line-height:1.55}.intro-markets{margin:26px 0 21px;row-gap:12px}.intro-markets span{font-size:13px}.intro-markets span+span{margin-left:12px;padding-left:12px}.intro-offer{padding:14px 16px}.intro-offer strong{font-size:15px}.intro-offer span{font-size:13px}.install-panel{padding:16px}.install-platforms{grid-template-columns:1fr}.install-platform svg{width:34px;height:34px}.auth-side{min-height:520px;padding:52px 24px 64px;align-items:start}.auth-card h2{font-size:34px}.auth-card>p{font-size:16px}}