:root{
  --sky:#87CEEB;
  --sky2:#dff6ff;
  --cyan:#38BDF8;
  --cyan2:#7DD3FC;
  --blue:#0EA5E9;
  --deep:#075985;
  --txt:#083344;
  --muted:#406478;
  --card:rgba(255,255,255,.22);
  --glass:rgba(255,255,255,.34);
  --danger:#ff477e;
  --ok:#0f9f6e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  min-height:100vh;
  color:var(--txt);
  background:linear-gradient(180deg,#7dd3fc 0%,#e0f7ff 48%,#ffffff 100%);
  overflow-x:hidden;
}
body:before,body:after{
  content:"";
  position:fixed;
  left:0;
  width:220%;
  height:360px;
  pointer-events:none;
  z-index:-2;
  opacity:.7;
  background:
    radial-gradient(circle at 8% 55%,rgba(255,255,255,.95) 0 46px,transparent 48px),
    radial-gradient(circle at 15% 48%,rgba(255,255,255,.88) 0 70px,transparent 72px),
    radial-gradient(circle at 24% 60%,rgba(255,255,255,.82) 0 52px,transparent 54px),
    radial-gradient(circle at 42% 48%,rgba(255,255,255,.9) 0 78px,transparent 80px),
    radial-gradient(circle at 58% 58%,rgba(255,255,255,.8) 0 55px,transparent 58px),
    radial-gradient(circle at 75% 45%,rgba(255,255,255,.9) 0 82px,transparent 84px),
    radial-gradient(circle at 88% 60%,rgba(255,255,255,.82) 0 58px,transparent 60px);
  filter:blur(1px);
  animation:cloudDrift 115s linear infinite;
}
body:before{top:40px}
body:after{top:300px;opacity:.42;animation-duration:165s;transform:scale(.85)}
@keyframes cloudDrift{from{transform:translateX(0)}to{transform:translateX(-48%)}}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:22px;position:relative}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:rgba(255,255,255,.34);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.55);box-shadow:0 10px 35px rgba(14,165,233,.10)}.brand{font-weight:950;letter-spacing:.5px;color:#064e75}.brand span{color:var(--blue);text-shadow:0 0 22px rgba(56,189,248,.65)}.btn,.button,button{border:0;border-radius:18px;padding:14px 20px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:white;font-weight:950;cursor:pointer;box-shadow:0 0 28px rgba(56,189,248,.46),0 12px 26px rgba(2,132,199,.18);transition:.25s}.btn:hover,.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 0 44px rgba(56,189,248,.75),0 18px 36px rgba(2,132,199,.25)}.btn.alt{background:rgba(255,255,255,.52);color:#075985;border:1px solid rgba(14,165,233,.22);box-shadow:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;padding:58px 0 38px;position:relative}.hero:before{content:"☁️";position:absolute;left:-30px;top:24px;font-size:62px;opacity:.35;animation:floaty 6s ease-in-out infinite}.hero h1{font-size:58px;line-height:.98;margin:0 0 18px;color:#06364e;text-shadow:0 8px 38px rgba(255,255,255,.78)}.hero h1 span{display:inline-block;color:var(--blue);text-shadow:0 0 28px rgba(14,165,233,.72)}.lead{color:#20566e;font-size:18px;line-height:1.7}.card{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.23));border:1px solid rgba(255,255,255,.72);border-radius:30px;padding:22px;box-shadow:0 22px 70px rgba(14,165,233,.18);backdrop-filter:blur(18px)}.product-card,.grid .card{animation:floaty 5.8s ease-in-out infinite}.grid .card:nth-child(2){animation-delay:.8s}.grid .card:nth-child(3){animation-delay:1.4s}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.product-img{width:100%;border-radius:26px;min-height:360px;object-fit:cover;box-shadow:0 24px 70px rgba(14,165,233,.20)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.48);border:1px solid rgba(14,165,233,.28);color:#0369a1;font-weight:950;font-size:12px;box-shadow:0 0 18px rgba(125,211,252,.35)}.price{font-size:42px;font-weight:1000;color:#075985}.old{text-decoration:line-through;color:#6e8fa0;font-size:20px;margin-left:8px}.pulse{animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 52px rgba(56,189,248,.8),0 16px 38px rgba(14,165,233,.28)}}input,textarea,select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(14,165,233,.22);background:rgba(255,255,255,.62);color:#073447;margin:7px 0 13px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(14,165,233,.12)}.table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.28);border-radius:18px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid rgba(14,165,233,.13);text-align:left}.muted{color:#477082}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:rgba(255,255,255,.38);border-right:1px solid rgba(255,255,255,.7);padding:20px;position:sticky;top:0;height:100vh;backdrop-filter:blur(18px)}.side a{display:block;padding:12px 14px;border-radius:14px;color:#075985;font-weight:800}.side a:hover{background:rgba(14,165,233,.12);color:#034f79}.metric{font-size:30px;font-weight:950;color:#075985}.chat{position:fixed;right:18px;bottom:18px;width:340px;max-width:calc(100vw - 36px);z-index:20}.chatbox{display:none;background:rgba(255,255,255,.82);border:1px solid rgba(14,165,233,.22);border-radius:24px;padding:14px;backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(14,165,233,.18)}.chat.open .chatbox{display:block}.msg{padding:10px;border-radius:14px;margin:8px 0;background:rgba(14,165,233,.12)}.msg.customer{background:rgba(56,189,248,.28)}.danger{color:var(--danger)}.ok{color:var(--ok)}.sky-rain{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.sky-rain span{position:absolute;top:-80px;font-size:28px;opacity:.22;animation:dropProduct 16s linear infinite}.sky-rain span:nth-child(1){left:8%;animation-delay:0s}.sky-rain span:nth-child(2){left:22%;animation-delay:4s}.sky-rain span:nth-child(3){left:48%;animation-delay:2s}.sky-rain span:nth-child(4){left:71%;animation-delay:6s}.sky-rain span:nth-child(5){left:86%;animation-delay:1s}@keyframes dropProduct{0%{transform:translateY(-80px) rotate(0deg);opacity:0}12%{opacity:.24}100%{transform:translateY(110vh) rotate(25deg);opacity:0}}.dopamine-strip{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.dopamine-strip span{background:rgba(255,255,255,.45);border:1px solid rgba(14,165,233,.18);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900;color:#075985}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:36px}.hero h1{font-size:39px}.admin-layout{grid-template-columns:1fr}.side{height:auto;position:relative}.nav{gap:10px;flex-wrap:wrap}.product-img{min-height:260px}.chat{width:calc(100vw - 28px);right:14px}}