:root{
  --mint:#c9f5ed;
  --mint-2:#a8e8de;
  --ice:#e2f8ff;
  --blue:#e6f7ff;
  --charcoal:#2e3338;
  --soft:#f9fbfc;
  --white:#ffffff;
  --gold:#e8d8aa;
  --shadow:0 20px 60px rgba(42,98,110,.14);
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color:var(--charcoal);
  background:radial-gradient(circle at top left,#effbff 0,#fff 35%,#f8fffd 100%);
  min-height:100vh;
  padding-bottom:86px;
}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.app-shell{max-width:1180px;margin:auto;padding:18px clamp(14px,3vw,28px)}
.topbar{
  position:sticky;top:12px;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 14px;border:1px solid rgba(168,232,222,.55);
  background:rgba(255,255,255,.78);backdrop-filter:blur(18px);
  border-radius:999px;box-shadow:0 12px 34px rgba(52,85,92,.08)
}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:14px;white-space:nowrap}
.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 8px 22px rgba(38,174,175,.22)}
.main-menu{display:flex;align-items:center;gap:6px}
.main-menu a{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:999px;color:#556066;font-size:14px}
.main-menu a:hover{background:linear-gradient(135deg,var(--blue),var(--mint));color:#1f7f83}
.language-switch{display:flex;background:#f1fbfa;border-radius:999px;padding:4px;border:1px solid #daf5f1}
.lang-btn{border:0;background:transparent;padding:7px 10px;border-radius:999px;cursor:pointer;color:#607076;font-weight:700;font-size:12px}
.lang-btn.active{background:var(--white);color:#128c8f;box-shadow:0 6px 14px rgba(0,0,0,.06)}
.hero{position:relative;text-align:center;padding:70px 0 38px;overflow:hidden}
.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(201,245,237,.7),transparent 45%);pointer-events:none}
.lotus-card{position:relative;width:150px;height:150px;margin:0 auto 18px;border-radius:38px;background:rgba(255,255,255,.72);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}
.lotus-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.eyebrow{position:relative;color:#1a9aa0;letter-spacing:.22em;font-size:12px;font-weight:700;margin-bottom:12px}
h1{position:relative;max-width:760px;margin:0 auto;font-size:clamp(34px,6vw,62px);line-height:1.05;letter-spacing:-.05em;color:#263238}
.hero-desc{position:relative;max-width:640px;margin:18px auto 28px;color:#66757b;font-size:17px;line-height:1.65}
.chat-box{position:relative;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid rgba(168,232,222,.9);border-radius:999px;padding:12px 14px 12px 20px;box-shadow:0 22px 60px rgba(54,117,126,.14)}
.chat-icon{color:#10a6aa;font-size:22px}.chat-box input{flex:1;border:0;outline:none;font-size:16px;min-width:0;color:#263238}.chat-box button{width:44px;height:44px;border:0;border-radius:50%;background:linear-gradient(135deg,#a8e8de,#e8d8aa);color:#145f64;cursor:pointer;font-weight:800}
.quick-actions{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:780px;margin:18px auto 0}
.quick-actions button,.gift-banner button,.test-btn{border:0;cursor:pointer;border-radius:20px;background:linear-gradient(135deg,#fff,#e9fbff);box-shadow:0 12px 28px rgba(59,125,132,.11);padding:14px 16px;font-weight:700;color:#25666b;border:1px solid rgba(168,232,222,.65)}
.quick-actions button span{display:block;font-size:24px;margin-bottom:5px}
.gift-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 34px;padding:28px;border-radius:32px;background:linear-gradient(135deg,rgba(232,248,255,.95),rgba(255,255,255,.96),rgba(201,245,237,.85));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.85);position:relative;overflow:hidden}
.gift-banner:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(232,216,170,.35)}
.gift-banner p{color:#15989d;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;margin-bottom:8px}.gift-banner h2{font-size:clamp(28px,5vw,46px);letter-spacing:-.04em}.gift-banner span{display:block;max-width:620px;margin-top:8px;line-height:1.55;color:#637078}.gift-banner button{position:relative;background:linear-gradient(135deg,#1fbfc2,#c9f5ed,#e8d8aa);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.16);padding:15px 20px}
.section-title{text-align:center;margin:30px 0 20px}.section-title p{color:#15989d;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800}.section-title h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;margin-top:7px}
.feed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.post-card{background:rgba(255,255,255,.88);border:1px solid rgba(221,242,248,.9);border-radius:28px;padding:14px;box-shadow:0 12px 32px rgba(53,90,99,.08)}
.post-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#0a8f94;background:linear-gradient(135deg,#e2f8ff,#c9f5ed)}.post-head h3{font-size:15px}.post-head p{font-size:13px;color:#879198;margin-top:2px}
.post-card img{width:100%;height:250px;object-fit:cover;border-radius:22px;margin-bottom:14px}.post-card h4{font-size:21px;margin-bottom:8px;letter-spacing:-.02em}.post-card p{color:#637078;line-height:1.62}.test-btn{margin-top:14px;background:linear-gradient(135deg,#effbff,#fff,#c9f5ed)}
.video-box{height:250px;border-radius:22px;background:linear-gradient(135deg,#2e3338,#51626a);display:grid;place-items:center;text-align:center;color:#fff;margin-bottom:14px;padding:20px}.video-box span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:32px;margin-bottom:12px}.video-box p{color:#fff!important}
.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:30;padding:8px;border-radius:28px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(168,232,222,.8);box-shadow:0 18px 48px rgba(31,96,104,.16)}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px;border-radius:20px;color:#66757b;font-size:12px;font-weight:800}.bottom-nav a span{font-size:21px}.bottom-nav a.active{background:linear-gradient(135deg,#e2f8ff,#c9f5ed);color:#128c8f}
.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media (max-width:820px){.app-shell{padding:12px}.topbar{align-items:flex-start;border-radius:28px;flex-wrap:wrap}.brand{width:100%;justify-content:center}.main-menu{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.main-menu a{min-width:max-content}.language-switch{position:absolute;right:12px;top:12px}.hero{padding-top:40px}.quick-actions{grid-template-columns:1fr}.gift-banner{align-items:flex-start;flex-direction:column}.feed-list{grid-template-columns:1fr}.post-card img,.video-box{height:220px}}
@media (max-width:460px){h1{font-size:34px}.chat-box{border-radius:24px}.chat-box input{font-size:15px}.lotus-card{width:126px;height:126px}.bottom-nav{bottom:8px}.bottom-nav a b{display:block}.gift-banner{padding:22px}.post-card{border-radius:24px}}