:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#070812;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:radial-gradient(circle at 18% 18%,rgba(255,61,242,.32),transparent 28%),radial-gradient(circle at 82% 24%,rgba(32,247,255,.28),transparent 30%),radial-gradient(circle at 62% 88%,rgba(183,255,42,.16),transparent 28%),linear-gradient(135deg,#060711,#10162d 44%,#05060d)}.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;filter:saturate(1.8) contrast(1.18) brightness(.58) hue-rotate(190deg);mix-blend-mode:screen}.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050712f5,#080a19b8 43%,#080a1933 76%),linear-gradient(0deg,#05060db8,#05060d14),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 7px)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 0 16%,rgba(255,61,242,.18) 16% 17%,transparent 17% 47%,rgba(32,247,255,.16) 47% 48%,transparent 48%),linear-gradient(65deg,transparent 0 66%,rgba(183,255,42,.12) 66% 67%,transparent 67%);pointer-events:none}.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 color-mix(in srgb,var(--accent),white 18%);background:#070a1994;box-shadow:0 0 18px color-mix(in srgb,var(--accent),transparent 54%),inset 0 0 24px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{padding:0 16px;border-radius:999px;color:#f9feff;text-decoration:none;font-weight:800;text-shadow:0 0 14px var(--accent)}.weather{padding:0 14px;border-radius:999px;color:#c8fbff;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:#20f7ff;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 18px rgba(32,247,255,.7)}h1{margin:0;color:#fff;font-size:clamp(4.2rem,13vw,9.2rem);line-height:.86;letter-spacing:0;text-shadow:0 0 10px rgba(255,255,255,.7),0 0 28px var(--accent),0 0 70px color-mix(in srgb,var(--accent),transparent 22%)}.lead{width:min(420px,100%);min-height:70px;margin:22px 0 0;color:#d9e7ff;font-size:clamp(1.22rem,2.1vw,1.58rem);line-height:1.38;font-weight:650;text-shadow:0 0 22px rgba(32,247,255,.22)}.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:#070812;background:linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--accent),white 24%) 22%,var(--accent) 100%);box-shadow:0 0 18px color-mix(in srgb,var(--accent),transparent 18%),0 18px 48px color-mix(in srgb,var(--accent),transparent 48%);font-weight:850;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 0 26px color-mix(in srgb,var(--accent),transparent 6%),0 24px 58px color-mix(in srgb,var(--accent),transparent 38%)}.primary:active{transform:translateY(0)}.counter{justify-content:center;min-width:78px;padding:0 14px;border-radius:999px;color:var(--accent);font-weight:900;text-shadow:0 0 13px var(--accent)}.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(32,247,255,.32);border-radius:28px;background:#080a18ad;box-shadow:0 0 28px #20f7ff33,0 20px 60px #00000061,inset 0 0 26px #ffffff0a;-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:#b8c7e6;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:#080914;background:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent),transparent 18%)}@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,#05060df5,#050712b8 45%,#0507122e),linear-gradient(90deg,#080a19c2,#080a192e),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 7px)}.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}}