@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/manrope-400.ttf) format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/manrope-500.ttf) format("truetype")}
/* A compact, public entry point. All text and controls remain real HTML. */
:root{color-scheme:light;--paper:#f4f6f5;--ink:#20292e;--accent:#174f50;--rule:#b9c1c1}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:Manrope,Arial,Helvetica,sans-serif}
body{margin:0}
.page{max-width:1800px;margin:0 auto;min-height:100svh;padding:24px clamp(24px,4.36vw,78px) 38px;display:flex;flex-direction:column}
.header{border-bottom:1px solid var(--rule);padding-bottom:12px;position:relative;z-index:1}
.wordmark{font-size:26px;letter-spacing:-1.4px;line-height:1}
.hero{flex:1;display:grid;grid-template-columns:49% 51%;align-items:center;min-height:600px;position:relative}
.intro{position:relative;z-index:1;margin-top:14px}
h1{margin:0;font-size:clamp(86px,10.1vw,182px);font-weight:500;line-height:1.05;letter-spacing:-.067em}
.intro p{margin:12px 0 42px;font-size:clamp(28px,3.3vw,58px);line-height:1.2;letter-spacing:-.045em;white-space:nowrap}
.login{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:69px;padding:18px 30px 18px 34px;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font-size:23px;line-height:1.3;transition:background .18s,transform .18s,box-shadow .18s}
.login:hover{background:#103c3d;box-shadow:0 8px 24px #173e3b18;transform:translateY(-2px)}
.login:active{transform:translateY(0)}
.login:focus-visible{outline:3px solid #297e81;outline-offset:5px}
.login svg{flex-shrink:0;transition:transform .18s}
.login:hover svg{transform:translateX(3px)}
.art{width:110%;margin-left:-6%;pointer-events:none}
.art img{display:block;width:100%;height:auto;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.footer{border-top:1px solid var(--rule);padding-top:18px;font-size:14px;line-height:1.4}
@media(min-width:1000px) and (max-height:800px){.page{padding-top:24px;padding-bottom:24px}.hero{min-height:470px}.art{width:100%;margin-left:0}h1{font-size:clamp(86px,9vw,150px)}.intro p{font-size:clamp(28px,2.8vw,46px);margin-bottom:32px}.login{min-height:60px;font-size:20px}}
@media(max-width:760px){.page{padding:25px 24px 24px}.header{padding-bottom:17px}.wordmark{font-size:24px}.hero{min-height:auto;display:flex;flex-direction:column;justify-content:center;padding:56px 0 34px}.intro{margin:0;align-self:flex-start}h1{font-size:clamp(72px,15vw,114px)}.intro p{font-size:clamp(25px,5.4vw,38px);margin:12px 0 28px}.login{font-size:18px;min-height:56px;padding:15px 23px;gap:22px;border-radius:10px}.login svg{width:23px;height:23px}.art{width:min(105%,480px);margin:15px 0 -2px}.footer{font-size:12px;padding-top:16px}}
@media(prefers-reduced-motion:reduce){.login,.login svg{transition:none}.login:hover,.login:hover svg{transform:none}}