@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;700&display=swap');
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Fredoka,sans-serif;
  font-size:1.7rem;
  color:#17223b;
  background:linear-gradient(135deg,#d7f5ee,#e3dcff,#fff1d9);
}
header{
  position:sticky;top:0;z-index:50;
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 28px;background:#ffffffee;backdrop-filter:blur(15px);
  border-bottom:6px solid rgba(155,150,255,.18);
}
.a{text-decoration:none}
a{text-decoration:none}
.buttons a,.bigBuy,.bigSocial{
  display:inline-block;
  padding:18px 35px;
  margin:8px;
  border-radius:35px;
  font-weight:700;
  box-shadow:0 12px 0 #0003,0 20px 35px #0003;
  transform:translateY(0);
  transition:.2s;
}
.buy,.bigBuy{
  background:linear-gradient(135deg,#8effd8,#00c7a5);
  color:#102033;
}
.social,.bigSocial{
  background:linear-gradient(135deg,#bba8ff,#6f7cff);
  color:white;
}
a:hover{transform:translateY(-5px)}
section{max-width:1320px;margin:auto;padding:72px 30px}
.hero,.grid{display:flex;gap:50px;align-items:center}
.paperHero{
  background:rgba(255,255,255,.72);
  border-radius:55px;
  margin-top:26px;
  padding:60px 40px;
  box-shadow:0 20px 60px rgba(17,34,59,.08);
}
.heroLeft,.heroRight{flex:1}
.heroRight{position:relative;min-height:720px;display:flex;align-items:center;justify-content:center}
.mainSticker{
  background:#fffdf8;
  border-radius:46px;
  padding:24px;
  box-shadow:0 25px 70px rgba(0,0,0,.12);
  border:8px solid rgba(255,255,255,.85);
}
.mainImg,.grid img,.gallery img,.stripGrid img,.heroMiniGallery img,.floatCard{
  width:100%;
  border-radius:40px;
}
.mainImg{max-width:580px;display:block}
.logoText{max-width:650px;width:100%}
h1,h2{font-size:3.8rem;line-height:1.04;margin:0 0 18px}
p{line-height:1.45}
.card{
  background:#ffffffaa;
  padding:40px;
  border-radius:35px;
  box-shadow:0 20px 50px #0002;
}
.heroMiniGallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:28px;
}
.heroMiniGallery img{height:170px;object-fit:cover;box-shadow:0 14px 36px rgba(0,0,0,.12)}
.floatCard{
  position:absolute;
  width:210px;
  box-shadow:0 18px 46px rgba(0,0,0,.16);
  border:8px solid rgba(255,255,255,.92);
  background:white;
}
.floatOne{top:40px;right:10px;transform:rotate(9deg)}
.floatTwo{bottom:48px;left:0;transform:rotate(-8deg)}
.galleryWrap,.stripSection{padding-top:20px}
.gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.gallery img,.stripGrid img{box-shadow:0 20px 42px rgba(0,0,0,.10);background:#fff;padding:10px}
.stripGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.chart iframe{width:100%;height:600px;border:0;border-radius:35px;background:#fff}
.join{
  background:url('../assets/bg.png') center/cover;
  border-radius:50px;
  color:white;
  overflow:hidden;
}
.joinOverlay{
  background:rgba(20,24,39,.42);
  padding:80px 30px;
  text-align:center;
}
footer{text-align:center;padding:50px;font-size:1rem}
@media(max-width:1100px){
  .hero,.grid{flex-direction:column}
  .heroRight{min-height:auto;padding-top:20px}
  .floatCard{position:static;width:48%;transform:none;margin-top:18px}
  .heroRight{display:block;text-align:center}
  .mainSticker{display:inline-block}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .stripGrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .heroMiniGallery{grid-template-columns:1fr}
  .gallery,.stripGrid{grid-template-columns:1fr}
  h1,h2{font-size:2.35rem}
  body{font-size:1.15rem}
  .buttons a,.bigBuy,.bigSocial{padding:14px 22px;margin:6px}
  header{padding:16px 18px}
}