:root{--page-max:940px}body.site-page{display:flex;flex-direction:column;min-height:100dvh}.site-header{max-width:var(--page-max);width:100%;margin:0 auto;padding:18px 24px 0}.header-actions{display:flex;justify-content:flex-end;align-items: center;gap:12px}.header-actions .lang-switch,:root[dir=rtl] .header-actions .lang-switch{margin-left:0;margin-right:0}.header-actions .chrome-back,:root[dir=rtl] .header-actions .chrome-back{margin-inline-end:auto}.account-slot{display:flex;align-items: center;gap:10px;font-size:14px}.account-email{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.account-link{color:var(--accent);font-family:var(--font-heading);text-decoration:none;font-weight:700}.account-link:hover{text-decoration:underline}.account-link:focus-visible{text-decoration:underline}button.account-link{cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}@media screen{.terms-gate{position:fixed;z-index:1000;display:flex;background:#00000080;justify-content:center;align-items: center;padding:24px;inset:0}.terms-gate-card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);text-align:start;width:100%;max-width:420px;padding:24px 22px}.terms-gate-card h2{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 14px;font-size:18px}.terms-gate-label{display:flex;color:var(--text-secondary);align-items: flex-start;gap:8px;font-size:14px}.terms-gate-label input{flex:none;margin-top:3px}.terms-gate-label a{color:var(--accent);font-weight:700}.terms-gate-continue{display:block;background:var(--accent-gradient);border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-family:var(--font-heading);text-align:center;text-decoration:none;border:none;width:100%;margin-top:18px;padding:11px 18px;font-size:14px;font-weight:800}.terms-gate-continue:hover:not(:disabled){background:var(--accent-gradient-hover)}.terms-gate-continue:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.terms-gate-continue:disabled{cursor:progress;opacity:.65}}.page-main{max-width:var(--page-max);flex:1;width:100%;margin:0 auto;padding:0 24px 48px}.hero{text-align:center;padding:34px 0 30px}.hero-title{display:flex;letter-spacing:-.5px;text-wrap:balance;justify-content:center;align-items: center;gap:12px;font-size:40px;font-weight:800;line-height:1.15}.hero-title .brand-icon{filter:drop-shadow(0 3px 6px rgb(var(--accent-rgb)/.35));width:48px;height:48px}.wordmark{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-tagline{color:var(--text-secondary);text-wrap:pretty;max-width:34em;margin:12px auto 0;font-size:17px}.card-cta{display:inline-block;border-radius:var(--border-radius-sm);background:var(--accent-gradient);color:#fff;font-family:var(--font-heading);letter-spacing:.4px;text-decoration:none;align-self: flex-start;margin-top:4px;padding:8px 16px;transition:background .18s,transform 80ms;font-size:13px;font-weight:800}a.card-cta:hover{background:var(--accent-gradient-hover)}a.card-cta:active{transform:translateY(1px)}@media screen and (prefers-reduced-motion:reduce){.card-cta{transition:none}a.card-cta:active{transform:none}}a.card-cta:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-footer{max-width:var(--page-max);border-top:1px solid var(--border-color);width:100%;margin:0 auto;padding:20px 24px 32px}.footer-line{display:flex;color:var(--text-secondary);flex-wrap:wrap;align-items: center;gap:8px;font-size:14px}.footer-sep{color:var(--text-muted)}.footer-copyright{color:var(--text-muted);margin-top:6px;font-size:12px}.site-footer a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;border-radius:4px}.site-footer a:hover{color:var(--accent)}.site-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media screen and (max-width:600px){.page-main{padding:0 16px 32px}.site-header,.site-footer{padding-left:16px;padding-right:16px}.hero{text-align:start;padding:18px 0 22px}.hero-title{justify-content:flex-start;font-size:30px}.hero-title .brand-icon{width:36px;height:36px}.hero-tagline{margin-inline-start:0;margin-inline-end:0;font-size:15px}}