:root{--navy:#082b50;--blue:#1263f5;--cyan:#1d9bf0;--muted:#6b849a;--line:#d9e6f3;--pale:#f2f7fd;--panel:#eef5ff;--white:#fff;--shadow:0 24px 70px rgba(22,80,140,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);background:#fbfdff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);min-height:100vh}a{color:inherit}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,120px);border-bottom:1px solid rgba(217,230,243,.7);background:rgba(255,255,255,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand-link{display:inline-flex;align-items:center}.brand{display:block;width:min(245px,28vw);height:auto}.topnav{display:flex;gap:34px;align-items:center;font-weight:700;color:#47647d}.topnav a{text-decoration:none;font-size:15px}.topnav a:hover{color:var(--blue)}main{max-width:1440px;margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(40px,6vw,100px);padding:clamp(54px,8vw,120px) clamp(24px,7vw,120px) 70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:800;color:#0c78b5;margin:0 0 18px}.auth-column h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.055em;line-height:.98;margin:0 0 23px;color:var(--navy)}.lead{max-width:600px;font-size:clamp(18px,2vw,24px);line-height:1.5;color:var(--muted);margin:0 0 38px}.auth-card{max-width:540px;background:var(--white);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:28px 32px 30px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f0f5fb;border-radius:13px;margin-bottom:28px}.auth-tab{border:0;border-radius:10px;padding:13px 12px;background:transparent;color:#71879a;font-weight:800;font-size:15px;cursor:pointer}.auth-tab.is-active{background:#fff;color:var(--blue);box-shadow:0 3px 15px rgba(16,87,170,.12)}.auth-panel h2{margin:0;font-size:29px;letter-spacing:-.03em}.panel-lead{margin:7px 0 25px;color:var(--muted);font-size:15px}.auth-panel form{display:grid;gap:9px}.auth-panel label{font-size:14px;font-weight:800;margin-top:5px}.auth-panel input{width:100%;height:49px;border:1px solid #cbdbea;border-radius:12px;padding:0 15px;font:inherit;color:var(--navy);outline:none;background:#fff}.auth-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,99,245,.12)}.password-wrap{position:relative}.password-wrap input{padding-right:84px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}.optional-hint{font-weight:500;color:#9aafbf;margin-left:4px}.primary-button{height:52px;border:0;border-radius:13px;background:linear-gradient(105deg,#0f5ef1,#1ca2eb);color:#fff;font-size:16px;font-weight:800;cursor:pointer;margin-top:12px;box-shadow:0 12px 24px rgba(18,99,245,.2);display:flex;justify-content:space-between;align-items:center;padding:0 18px}.primary-button:hover{filter:brightness(1.04)}.link-button{border:0;background:transparent;color:var(--blue);font-weight:700;text-align:left;padding:7px 0;cursor:pointer}.form-status{min-height:19px;font-size:13px;color:#b43939;margin:3px 0 0}.form-status.success{color:#16885b}.privacy-note{font-size:12px;color:#8da2b4;max-width:520px;line-height:1.55;margin:18px 2px 0}.preview-column{display:flex;flex-direction:column;align-items:center}.workspace-preview{width:100%;max-width:620px;border:1px solid #c7ddf7;border-radius:28px;background:var(--panel);box-shadow:0 24px 80px rgba(55,115,182,.13);overflow:hidden}.preview-chrome{height:52px;background:#fff;border-bottom:1px solid #cfdef0;display:flex;align-items:center;gap:13px;padding:0 20px;color:#7890a5;font-size:14px;font-weight:800}.preview-chrome strong{margin-left:auto;color:var(--blue);font-size:15px}.window-dots{display:flex;gap:6px}.window-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#a9c9ec}.window-dots i:nth-child(2){background:#c4d9ef}.window-dots i:nth-child(3){background:#d6e4f2}.preview-body{display:grid;grid-template-columns:155px 1fr;min-height:425px}.preview-sidebar{background:rgba(255,255,255,.68);border-right:1px solid #cfdef0;padding:24px 18px;display:flex;flex-direction:column;gap:16px}.preview-mark{font-weight:900;font-size:20px;letter-spacing:-.04em;margin-bottom:13px}.preview-side-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#7d9bb4;font-weight:800}.preview-side-item{font-size:13px;color:#68849b;padding:8px 7px;border-radius:9px}.preview-side-item.is-active{background:#dfeeff;color:var(--blue);font-weight:800}.preview-content{padding:32px 36px}.preview-content .eyebrow{font-size:11px;margin-bottom:12px}.preview-content h2{font-size:clamp(26px,3.2vw,39px);line-height:1.08;letter-spacing:-.045em;margin:0 0 26px}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.preview-stats>div{background:#fff;border:1px solid #d9e7f5;border-radius:13px;padding:15px}.preview-stats strong{display:block;font-size:17px}.preview-stats span{display:block;color:#8ba0b2;font-size:12px;margin-top:4px}.preview-client{display:flex;align-items:center;gap:13px;background:#fff;border-radius:14px;border:1px solid #d9e7f5;padding:16px}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#dce9ff;color:var(--blue);font-size:12px;font-weight:900}.preview-client strong{display:block;font-size:14px}.preview-client small{display:block;color:#879dad;margin-top:3px;font-size:11px}.preview-client b{margin-left:auto;color:#1da56b;font-size:20px}.preview-footnote{font-size:12px;color:#6d899d;margin:25px 2px 0;display:flex;align-items:center;gap:8px}.green-dot{width:8px;height:8px;border-radius:50%;background:#28a875}.preview-caption{color:#90a6b7;font-size:12px;margin:14px 0 0}.info-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;padding:70px clamp(24px,7vw,120px) 100px}.info-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:190px}.info-grid .eyebrow{font-size:11px;margin-bottom:12px}.info-grid h2{font-size:22px;line-height:1.12;margin:0 0 12px;letter-spacing:-.03em}.info-grid p:not(.eyebrow){color:var(--muted);line-height:1.55;margin:0}.info-grid a{color:var(--blue);font-weight:800;text-decoration:none}footer{max-width:1440px;margin:0 auto;padding:22px clamp(24px,7vw,120px) 30px;color:#90a4b3;font-size:13px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}footer a{text-decoration:none;color:#6c8497}@media (max-width:950px){.topbar{height:82px;padding:0 24px}.topnav{gap:14px}.topnav a{font-size:13px}.hero{grid-template-columns:1fr;padding-top:48px}.auth-column{max-width:700px;margin:0 auto;width:100%}.preview-column{order:-1}.preview-column .workspace-preview{max-width:700px}.info-grid{grid-template-columns:1fr 1fr}.info-grid article:first-child{grid-column:1/-1}}@media (max-width:620px){.topbar{align-items:center}.brand{width:175px}.topnav a:nth-child(1){display:none}.topnav{gap:13px}.hero{padding:36px 18px 52px}.auth-column h1{font-size:50px}.auth-card{padding:22px 18px;border-radius:22px}.preview-body{grid-template-columns:112px 1fr;min-height:340px}.preview-sidebar{padding:17px 11px;gap:10px}.preview-side-item{font-size:11px;padding:6px 4px}.preview-mark{font-size:17px}.preview-content{padding:22px 18px}.preview-content h2{font-size:27px}.preview-stats{grid-template-columns:1fr}.preview-client{padding:11px}.info-grid{grid-template-columns:1fr;padding:45px 18px 70px}footer{padding:18px;display:block}footer a{display:block;margin-top:8px}}