:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2b3031;background:#fff7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}.page{min-height:100vh;background:linear-gradient(135deg,#fff4e6d1,#e2f9f6b3),#fffaf6}.hero{position:relative;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:minmax(24px,1fr) minmax(0,1120px) minmax(24px,1fr);grid-template-rows:auto 1fr auto;isolation:isolate}.heroImage{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff8f0ed,#fff8f0b8,#fff8f026 76%),linear-gradient(0deg,#fff7f38c,#fff7f314)}.topbar{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0}.brand,.weather,.counter{display:inline-flex;align-items:center;gap:9px;min-height:42px;border:1px solid rgba(255,255,255,.76);background:#ffffffa8;box-shadow:0 16px 46px #5b5d4821;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{padding:0 16px;border-radius:999px;color:#264441;text-decoration:none;font-weight:800}.weather{padding:0 14px;border-radius:999px;color:#52625d;font-size:.93rem;font-weight:700}.content{grid-column:2;align-self:center;width:min(520px,100%);padding:44px 0 90px}.kicker{margin:0 0 12px;color:#69736f;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#243936;font-size:clamp(4.2rem,13vw,9.2rem);line-height:.86;letter-spacing:0}.lead{width:min(420px,100%);min-height:70px;margin:22px 0 0;color:#46534f;font-size:clamp(1.22rem,2.1vw,1.58rem);line-height:1.38;font-weight:650}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:0;border-radius:999px;color:#fff;background:var(--accent);box-shadow:0 18px 36px color-mix(in srgb,var(--accent),transparent 62%);font-weight:850;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 22px 42px color-mix(in srgb,var(--accent),transparent 55%)}.primary:active{transform:translateY(0)}.counter{justify-content:center;min-width:78px;padding:0 14px;border-radius:999px;color:var(--accent);font-weight:900}.panel{grid-column:2;align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(430px,100%);margin-bottom:28px;padding:8px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:#ffffff9e;box-shadow:0 20px 55px #4a5a5329;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mood{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;border:0;border-radius:20px;color:#596661;background:transparent;font-size:.92rem;font-weight:850;cursor:pointer;transition:color .16s ease,background .16s ease,transform .16s ease}.mood:hover{transform:translateY(-1px)}.mood.selected{color:#fff;background:var(--accent)}@media(max-width:720px){.hero{grid-template-columns:18px minmax(0,1fr) 18px;grid-template-rows:auto minmax(370px,1fr) auto}.heroImage{object-position:58% center}.shade{background:linear-gradient(0deg,#fff7f3e8,#fff7f3a8 43%,#fff7f31f),linear-gradient(90deg,#fff8f094,#fff8f01f)}.topbar{padding-top:16px}.weather{display:none}.content{align-self:end;padding:56px 0 24px}h1{font-size:clamp(4.8rem,23vw,6.9rem)}.lead{min-height:66px;font-size:1.16rem}.panel{margin-bottom:16px;border-radius:23px}.mood{min-height:45px;border-radius:17px;font-size:.84rem}}@media(max-width:390px){.brand{min-height:38px;padding:0 13px}.actions{gap:9px}.primary{flex:1 1 auto;min-width:188px}.counter{min-width:68px}.panel{grid-template-columns:1fr}}