:root{--bg:#f7f9fb;--surface:#ffffff;--ink:#10202e;--ink-soft:#4a5b6a;--accent:#0b6f8f;--accent-strong:#08556e;--accent-soft:#e3f2f7;--border:#d7e0e8;--radius:14px;--shadow:0 10px 30px rgba(16,32,46,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:linear-gradient(180deg,var(--accent-soft) 0,var(--bg) 42%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.landing{max-width:68rem;margin:0 auto;padding:0 1.5rem 3rem}.landing__nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0}.landing__brand{font-weight:700;letter-spacing:-.01em}.landing__nav-link{color:var(--accent-strong);font-weight:600;text-decoration:none}.landing__nav-link:focus-visible,.landing__nav-link:hover{text-decoration:underline}.hero{text-align:center;padding:3.5rem 0 2.5rem}.hero__eyebrow{display:inline-block;margin:0 0 1rem;padding:.3rem .8rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--accent-strong);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;letter-spacing:-.02em}.hero__pitch{max-width:46rem;margin:0 auto;color:var(--ink-soft);font-size:clamp(1rem,2vw,1.15rem)}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}.button{display:inline-block;padding:.75rem 1.6rem;border-radius:999px;font-weight:600;text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease}.button:active{transform:translateY(1px)}.button--primary{background:var(--accent);color:#ffffff}.button--primary:focus-visible,.button--primary:hover{background:var(--accent-strong)}.button--ghost{background:var(--surface);color:var(--accent-strong);border:1px solid var(--border)}.button--ghost:focus-visible,.button--ghost:hover{border-color:var(--accent)}.preview{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem}.preview__slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:14rem;margin:0;padding:2rem;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.preview__img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:calc(var(--radius) - 4px)}.preview__label{font-weight:600;color:var(--ink)}.landing__footer,.preview__hint{color:var(--ink-soft);font-size:.9rem}.landing__footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}@media (min-width:48rem){.preview{grid-template-columns:1fr 1fr}.preview__slot--wide{grid-column:1/-1;min-height:16rem}}.auth{max-width:26rem;margin:0 auto;padding:3.5rem 1.5rem}.auth__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem}.auth__card h1{margin:0 0 1.25rem;font-size:1.6rem;letter-spacing:-.01em}.auth__form{gap:1rem}.auth__field,.auth__form{display:flex;flex-direction:column}.auth__field{gap:.35rem}.auth__field label{font-size:.9rem;font-weight:600}.auth__field input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}.auth__field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.auth__error{margin:0;color:#b3261e;font-size:.95rem;font-weight:600}.auth__submit{align-self:flex-start;border:none;cursor:pointer;font-size:1rem}.auth__submit:disabled{opacity:.65;cursor:default}