:root{--ink: #14241c;--muted: #4a5f54;--brand: #1d4c37;--brand-deep: #123528;--paper: #f3f6f1;--line: rgba(29, 76, 55, .16);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Sora", "Segoe UI", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}.page{position:relative;isolation:isolate;min-height:100vh;overflow:clip;background:radial-gradient(ellipse 80% 55% at 70% -10%,#cfe3d4 0%,transparent 58%),linear-gradient(165deg,#eef3eb,#d9e6dc 48%,#c5d7cb)}.atmosphere{position:absolute;inset:auto -12% -28% 28%;height:min(72vh,720px);border-radius:48% 52% 40% 60%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),transparent 42%),linear-gradient(135deg,#1d4c3738,#12352873);filter:blur(2px);transform:rotate(-8deg);animation:drift 18s ease-in-out infinite alternate;z-index:-1;pointer-events:none}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px clamp(20px,5vw,56px)}.brand{display:inline-flex;align-items:center;gap:12px}.mark{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--brand);color:#fff;font-weight:700;letter-spacing:-.04em}.brand-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em}.login{font-weight:600;font-size:.95rem;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#ffffff73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s ease,background .18s ease}.login:hover{background:#ffffffbf;transform:translateY(-1px)}.hero{display:flex;flex-direction:column;align-items:flex-start;max-width:44rem;padding:clamp(48px,12vh,120px) clamp(20px,5vw,56px) 80px;animation:rise .7s cubic-bezier(.22,1,.36,1) both}.brand-lockup{margin:0 0 18px;font-family:var(--font-display);font-size:clamp(2.8rem,8vw,4.6rem);font-weight:700;line-height:.95;letter-spacing:-.05em;color:var(--brand-deep)}h1{margin:0;max-width:18ch;font-family:var(--font-body);font-size:clamp(1.35rem,3.4vw,1.85rem);font-weight:600;line-height:1.25;letter-spacing:-.03em}.lede{margin:18px 0 0;max-width:34ch;color:var(--muted);font-size:1.05rem;line-height:1.6;animation:rise .9s cubic-bezier(.22,1,.36,1) 80ms both}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;animation:rise .9s cubic-bezier(.22,1,.36,1) .14s both}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-weight:600}.primary{background:var(--brand);color:#fff;transition:transform .18s ease,background .18s ease}.primary:hover{background:var(--brand-deep);transform:translateY(-1px)}.ghost{border:1px solid var(--line);background:#ffffff59}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:rotate(-8deg) translateZ(0)}to{transform:rotate(-5deg) translate3d(-18px,-12px,0)}}@media(max-width:640px){.brand-name{display:none}.hero{padding-top:56px}}@media(prefers-reduced-motion:reduce){.atmosphere,.hero,.lede,.actions{animation:none}}