:root{
  --bg:#0b1114;
  --surface:#0f1a1f;
  --ink:#e9f1f6;
  --ink-dim:#aac0cc;
  --accent:#21f3b5;
  --accent-2:#f4c545;
  --pink:#ff5bd6;
  --teal:#2ef2c9;
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --radius:22px;
  --radius-sm:14px;
  --container:min(1120px,92vw);
}

*{box-sizing:border-box; scroll-behavior: smooth;}
html,body{height:100%}
body{
  margin:0;
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  background-color: #111;
  color:var(--ink);
  line-height:1.5;
}

.container{width:var(--container); margin-inline:auto}

/* Header */
.site-header{ }
.header-row{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 0;
}

.logo{display:flex; align-items:center; gap:10px; text-decoration:none; position: relative; z-index: 1000;}
.logo .mark{
  width:14px; height:14px; border-radius:4px; display:inline-block;
  background: conic-gradient(from 0deg, #21f3b5, #42d0ff, #b66bff, #ff5bd6, #f4c545, #21f3b5);
  box-shadow:0 0 16px rgba(46,242,201,.6);
}
.logo-text{font-weight:800; font-size:18px; color:var(--ink)}
.logo-text span{color:var(--accent)}

.nav{display:block}
.nav-list{display:flex; gap:28px; list-style:none; padding:0; margin:0}
.nav-list a{
  color:var(--ink-dim); text-decoration:none; font-weight:600; font-size:14px;
  transition:color .2s ease;
}
.nav-list a:hover{color:var(--ink)}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding: 12px 20px; border-radius:999px; font-weight:700;
  text-decoration:none; border:1px solid transparent; transition:transform .1s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; font-size: 20px;
}
.btn:active{transform:translateY(1px)}
.btn-outline{
  border-color:rgba(255,255,255,.18); color:var(--ink);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.btn-outline:hover{border-color:rgba(255,255,255,.35)}
.btn-solid{
  background:linear-gradient(90deg, var(--accent), #42d0ff);
  color:#051013; box-shadow:0 12px 30px rgba(46,242,201,.25);
}
.btn-ghost{
  color:var(--ink); border:1px solid rgba(255,255,255,.18);
  background:transparent;
}
.btn-ghost:hover{border-color:rgba(255,255,255,.35)}
.btn.wide{width:100%}

/* Burger */
.burger{
  display:none; position:relative; width:44px; height:44px; border:0; border-radius:10px;
  z-index: 1000;
  background:rgba(255,255,255,.06); cursor:pointer;
}
.burger span{
  position:absolute; left:10px; right:10px; height:2px; background:#e7f6ff; border-radius:2px;
  transition:transform .25s ease, opacity .2s ease, top .25s ease;
}
.burger span:nth-child(1){top:14px}
.burger span:nth-child(2){top:21px}
.burger span:nth-child(3){top:28px}
.burger.active span:nth-child(1){top:21px; transform:rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){top:21px; transform:rotate(-45deg)}

/* Mobile menu panel */
.mobile-menu{
  position:fixed; inset:0; display:grid; place-items:start center;
  background:rgba(3,8,12,.6); backdrop-filter:blur(6px);
  transform:translateY(-8%); opacity:0; pointer-events:none;
  transition:opacity .2s ease, transform .25s ease;
}
.mobile-menu.open{ opacity:1; transform:translateY(0); pointer-events:auto; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }

.mobile .mark{width:12px; height:12px}
.mobile .logo-text{font-size:16px}
.mobile-list{list-style:none; padding:14px 0 0; margin:0; display:grid; gap:14px}
.mobile-list a{color:var(--ink); text-decoration:none; font-weight:600}
.close{
  position:absolute; right:calc(50% - min(560px,92vw)/2 + 14px); top:calc(12vh + 14px);
  background:transparent; border:0; color:var(--ink); font-size:22px; cursor:pointer;
}

.scrim{position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:39}

/* Lock scroll when menu is open */
.lock-scroll{overflow:hidden}

/* Hero */
.hero{position:relative; padding:64px 0 120px; overflow:hidden}
.hero-grid{
  display:grid; grid-template-columns: 1.1fr 0.9fr; gap:40px; align-items:center;
}
.badge{
  display:inline-block; padding:6px 12px; border-radius:999px;
  font-weight:700; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  background:rgba(33,243,181,.1); color:#9ff6de; border:1px solid rgba(33,243,181,.2); margin-bottom: 0;
}
.hero-title{
  margin:16px 0 12px; font-size:56px; line-height:1.02; font-weight:800; letter-spacing:.01em;
  text-shadow:0 6px 30px rgba(0,0,0,.5);
}
@media (max-width: 900px){
  .hero-title{font-size:42px}
}
.hero-minted{
  display:flex; align-items:baseline; gap:14px; font-weight:800; margin:10px 0 26px;
}
.num{font-size:28px}
.num-yellow{color:var(--accent-2)}
.num-green{color:var(--accent)}
.sep{opacity:.45}
.muted{color:var(--ink-dim); font-weight:700; letter-spacing:.08em}

.cta-row{display:flex; gap:14px; flex-wrap:wrap}
.hero-notes{display:flex; gap:18px; padding:14px 0 0; margin:0; list-style:none; color:var(--ink-dim); font-weight:600; font-size:12px}
.dot{display:inline-block; width:8px; height:8px; border-radius:50%}
.dot.teal{background:var(--teal)}
.dot.pink{background:var(--pink)}

.hero-right{display:grid; place-items:center}
.glass{
  width:min(520px,90%); aspect-ratio: 1/1.15;
  border-radius:28px;

  position:relative; overflow:hidden;
}

.hero-img{
    position: absolute;
    width: 100%;
}
/* Background decorations */
.bg-blob{position:absolute; filter:blur(80px); opacity:.6; pointer-events:none}
.blob-1{width:420px; height:420px; border-radius:50%; background:#193c49; top:-120px; left:-120px}
.blob-2{width:520px; height:520px; border-radius:50%; background:#0d2b23; right:-160px; top:80px}
.vignette{position:absolute; inset:-40px; box-shadow:inset 0 0 140px rgba(0,0,0,.65); pointer-events:none}

@keyframes fadeUp{
  from{opacity:0; transform:translateY(10px)}
  to{opacity:1; transform:translateY(0)}
}

/* Responsive */
@media (max-width: 1024px){
  .nav{display:none}
  .btn-outline{display:none}
  .burger{display:inline-flex; align-items:center; justify-content:center}
}
@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr; gap:36px}
  .hero{padding:40px 0 80px}
}


/* Mint banner */
.mint{padding:24px 0 14px}
.mint-card{
  display:grid; grid-template-columns: 1.2fr 120px 1fr; align-items:center; gap:24px;
  background:linear-gradient(180deg,#0f1a1f,#0b1217);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px; box-shadow:var(--shadow); padding:18px 22px;
}
.mint-left{display:flex; gap:16px; align-items:center}
.mint-avatar{width:64px; height:64px; border-radius:14px; background:
  radial-gradient(60% 60% at 30% 30%, #2ef2c9 0%, transparent 60%),
  radial-gradient(50% 50% at 60% 60%, #42d0ff 0%, transparent 60%),
  #0b1620; border:1px solid rgba(255,255,255,.12); box-shadow:inset 0 0 20px rgba(255,255,255,.05); position: relative;}

  .mint-avatar img{
    position: absolute;
    inset: 0;
    top: -40px;
    left: -10px;
    width: 100px;
    height: 140px;
  }
.mint-info{min-width:0}
.mint-title{margin:0; font-size:18px; font-weight:800}
.mint-sub{margin:4px 0 10px; color:var(--ink-dim); font-weight:600; font-size:12px}
.sold{color:#ff6a9d}

.stepper{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.step-btn{
  width:36px; height:36px; border-radius:10px; border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06); color:var(--ink); font-size:18px; font-weight:800; cursor:pointer;
}
#qtyInput{
  width:60px; height:36px; text-align:center; border-radius:10px; border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04); color:var(--ink); font-weight:800;
}
.mint-now{height:36px; padding:0 16px}

.price-note{margin:10px 0 0; font-size:12px; color:var(--ink-dim); font-weight:600}

.mint-glyph{display:grid; place-items:center}
.mint-glyph::before{
  content:""; position:absolute; width:120px; height:120px; border-radius:50%;
  background:radial-gradient(60% 60% at 50% 50%, rgba(66,208,255,.25), transparent 70%);
  filter:blur(6px);
}
.mint-glyph .eth{width:44px; height:44px; fill:#9fd8ff; opacity:.95}

.mint-right{text-align:right}
.ends{margin:0 0 8px; color:var(--ink-dim); font-weight:700; font-size:12px; letter-spacing:.06em; text-transform:uppercase}
.countdown{display:flex; gap:10px; justify-content:flex-end}
.cd-item{
  width:56px; border-radius:12px; padding:8px 6px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12); text-align:center;
}
.cd-item span{display:block; font-weight:800; font-size:20px}
.cd-item label{display:block; font-size:10px; color:var(--ink-dim); letter-spacing:.08em}

/* How to Mint */
.howmint{padding:28px 0 80px}
.process-kicker{color:#67f0d2; font-weight:800; letter-spacing:.12em; font-size:12px; margin:0 0 8px}
.how-title{margin:0 0 22px; font-size:28px; font-weight:800}
.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.step{
  display:grid;  justify-items:start; padding:18px;
  background:linear-gradient(180deg,#0f1a1f,#0b1217);
  border:1px solid rgba(255,255,255,.08); border-radius:16px;
}
.step h3{margin:0; font-size:14px; font-weight:700}
.step p {margin: 0;}
.ic{
  width:42px; height:42px; border-radius:12px; border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06); position:relative;
}
.ic::after{content:""; position:absolute; inset:0; margin:auto; width:22px; height:22px; opacity:.9}
.ic-wallet{background:linear-gradient(180deg,#13392e,#102221); }
.ic-wallet::after{mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M3 7a2 2 0 0 1 2-2h9a1 1 0 0 1 0 2H5v10h14v-2h-2a3 3 0 1 1 0-6h2V7H5a2 2 0 0 1-2-2Z"/></svg>') center / contain no-repeat; background:#2ef2c9}
.ic-qty{background:linear-gradient(180deg,#3a2b12,#1d1810);}
.ic-qty::after{mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M7 11h10v2H7zM5 7h14v2H5z"/></svg>') center / contain no-repeat; background:#f4c545}
.ic-confirm{background:linear-gradient(180deg,#11283a,#0f1b28);}
.ic-confirm::after{mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M9 12l2 2 4-4 1.5 1.5L11 16 7.5 12.5z"/></svg>') center / contain no-repeat; background:#5cc7ff}
.ic-receive{background:linear-gradient(180deg,#300f1f,#1d0f16);}
.ic-receive::after{mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 3v12.17l4.59-4.58L18 12l-6 6-6-6 1.41-1.41L11 15.17V3z"/></svg>') center / contain no-repeat; background:#ff5bd6}

@media (max-width: 1000px){
  .mint-card{grid-template-columns:1fr; text-align:left}
  .mint-right{text-align:left}
  .countdown{justify-content:flex-start}
}
@media (max-width: 800px){
  .steps{grid-template-columns:1fr 1fr}
}
/* About section */
.about{padding:80px 0}
.about-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;
}
.about-cards{
  display:grid; grid-template-columns:1fr 1fr; gap:24px; justify-items:center;
}
.about-card{
  background:linear-gradient(180deg,#0f1a1f,#0b1217);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px; box-shadow:var(--shadow);
  padding:18px; width:100%; text-align:center;
}
.about-img{
  width:100%; aspect-ratio:1/1; border-radius:12px;
  background:rgba(255,255,255,.04);
  margin-bottom:14px;
  position: relative;
}

.about-img img{
    position: absolute;
    width: inherit;
    height: auto;
    object-position: center;
    object-fit: cover;
}
.mmm3{
    transform:  scale(110%);
    -webkit-transform:  scale(110%);
    -moz-transform:  scale(110%);
    -ms-transform:  scale(110%);
    -o-transform:  scale(110%);
}

.about-img.placeholder{
  display:grid; place-items:center;
  color:rgba(255,255,255,.3); font-size:12px; font-weight:700; text-transform:uppercase;
}
.about-name{margin:0; font-weight:700}
.about-meta{margin:4px 0 0; color:var(--ink-dim); font-size:12px}
.verified{color:#42d0ff; font-size:14px}

.about-text{max-width:500px}
.kicker{
  color:#67f0d2; font-weight:800; letter-spacing:.12em;
  font-size:12px; margin:0 0 10px; text-transform:uppercase;
}
.about-title{margin:0 0 16px; font-size:28px; font-weight:800}
.about-text p{margin:0 0 16px; color:var(--ink-dim); font-weight:500; font-size:14px}

@media (max-width: 900px){
  .about-grid{grid-template-columns:1fr; gap:50px}
  .about-cards{grid-template-columns:1fr 1fr}
}
@media (max-width: 600px){
  .about-cards{grid-template-columns:1fr}
}
/* Roadmap */
.roadmap{position:relative; padding:90px 0}
.rm-title{margin:0 0 26px; font-size:32px; font-weight:800}
.rm-wrap{position:relative; padding: 0}

.rm-line{
  position:absolute; left:50%; top:0; bottom:0; width:10px; transform:translateX(-50%);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    repeating-linear-gradient(180deg, transparent 0 14px, rgba(0,0,0,.35) 14px 22px);
  border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 0 60px rgba(46,242,201,.08);
}

.rm-item{
  display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:26px;
  margin:36px 0; position:relative;
}
.rm-item.left .rm-num{grid-column:1; text-align:right; padding-right:28px}
.rm-item.left .rm-card{grid-column:2}
.rm-item.right .rm-num{grid-column:2; text-align:left; padding-left:28px}
.rm-item.right .rm-card{grid-column:1}

.rm-num{
  font-weight:900; font-size:44px; line-height:1; color:var(--accent);
  opacity:.95; text-shadow:0 8px 40px rgba(0,0,0,.6);
}
.rm-num.yellow{color:var(--accent-2)}
.rm-num.cyan{color:#5cc7ff}
.rm-num.pink{color:#ff5bd6}

.rm-card{
  background:linear-gradient(180deg,#0f1a1f,#0b1217);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px; box-shadow:var(--shadow);
  padding:18px 20px; color:var(--ink-dim);
}
.rm-card h3{margin:6px 0 10px; color:var(--ink); font-size:18px}
.rm-card ul{margin:0; padding-left:18px}
.rm-card li{margin:6px 0}

.rm-badge{
  display:inline-block; font-size:11px; font-weight:800; letter-spacing:.1em;
  padding:6px 10px; border-radius:999px; color:#071014; text-transform:uppercase;
}
.rm-badge.green{background:linear-gradient(90deg,var(--accent),#42d0ff)}
.rm-badge.yellow{background:linear-gradient(90deg,var(--accent-2),#ffe27f)}
.rm-badge.cyan{background:linear-gradient(90deg,#63d1ff,#2ef2c9)}
.rm-badge.pink{background:linear-gradient(90deg,#ff5bd6,#b66bff)}

.rm-vignette{position:absolute; inset:-60px 0 -60px 0; box-shadow:inset 0 0 160px rgba(0,0,0,.7); pointer-events:none}

/* reveal on scroll */
.reveal{opacity:0; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease}
.reveal.in{opacity:1; transform:none}

/* Responsive */
@media (max-width: 900px){
  .rm-item{grid-template-columns:1fr; margin:26px 0}
  .rm-line{left:14px; width:6px; transform:none}
  .rm-item .rm-num{order:1; text-align:left; padding:0 0 8px 28px}
  .rm-item .rm-card{order:2}
}


/* Features / Benefits */
.features{padding:70px 0 90px}
.features-title{margin:0 0 22px; font-size:28px; font-weight:800}

.feat-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}

.feat-card{
  display:flex; gap:14px; align-items:flex-start;
  background:linear-gradient(180deg,#0f1a1f,#0b1217);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px; padding:18px; box-shadow:var(--shadow);
}

.feat-ic{
  width:44px; height:44px; border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  position:relative; flex:0 0 44px;
}
.feat-ic::after{
  content:""; position:absolute; inset:0; margin:auto; width:24px; height:24px; opacity:.95;
}

/* Icons (CSS masks) */
.ic-latest{background:linear-gradient(180deg,#13392e,#0f2320)}
.ic-latest::after{
  background:#2ef2c9;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 3l2.5 5 5.5.8-4 3.9.9 5.6L12 16l-4.9 2.3.9-5.6-4-3.9L9.5 8z"/></svg>') center/contain no-repeat;
}
.ic-meta{background:linear-gradient(180deg,#3a2b12,#1d1810)}
.ic-meta::after{
  background:#f4c545;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 2l7 4v6c0 5-7 10-7 10S5 17 5 12V6l7-4zm0 3L8 7.2v4.6c0 3.2 3 6.2 4 7 1-0.8 4-3.8 4-7V7.2L12 5z"/></svg>') center/contain no-repeat;
}
.ic-secure{background:linear-gradient(180deg,#0f2537,#0e1a28)}
.ic-secure::after{
  background:#5cc7ff;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 2a6 6 0 0 0-6 6v3H5a2 2 0 0 0-2 2v7h18v-7a2 2 0 0 0-2-2h-1V8a6 6 0 0 0-6-6zm-4 6a4 4 0 1 1 8 0v3H8V8z"/></svg>') center/contain no-repeat;
}

.feat-body h3{margin: 0;  font-weight:800}
.feat-body p{margin:0; color:var(--ink-dim); font-size:14px; font-weight:500}

@media (max-width: 900px){
  .feat-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 600px){
  .feat-grid{grid-template-columns:1fr}
}
/* Team */
.team{padding:80px 0}
.team-title{margin:0 0 22px; font-size:28px; font-weight:800}

.team-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}

.member{
  position:relative;
  background:linear-gradient(180deg,#0f1a1f,#0b1217);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px; padding:18px; text-align:center;
  box-shadow:var(--shadow); overflow:hidden;
  transition:transform .2s ease, box-shadow .3s ease, border-color .2s ease;
}
.member::after{
  content:""; position:absolute; inset:-40% -40% auto -40%;
  height:60%; border-radius:50%; filter:blur(40px); opacity:.0;
  background:radial-gradient(50% 50% at 50% 50%, rgba(46,242,201,.35), transparent 70%);
  transition:opacity .3s ease, transform .3s ease;
}
.member:hover{transform:translateY(-4px); border-color:rgba(255,255,255,.18)}
.member:hover::after{opacity:.35; transform:translateY(-6px)}

.ava{
  width:100%; aspect-ratio:1/1; border-radius:12px; margin-bottom:12px;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1);
}
.ava.placeholder{display:grid; place-items:center; color:rgba(255,255,255,.35); font-size:12px; text-transform:uppercase; font-weight:700; position: relative;}
.ava.placeholder img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.mem-name{margin:0 0 4px; font-size:16px; font-weight:800}
.mem-role{margin:0 0 12px; color:var(--ink-dim); font-size:13px; font-weight:600}

.mem-socials{display:flex; justify-content:center; gap:10px}
.sc{
  width:36px; height:36px; border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06); position:relative;
  transition:border-color .2s ease, transform .1s ease; display:inline-block;
}
.sc:active{transform:translateY(1px)}
.sc::after{
  content:""; position:absolute; inset:0; margin:auto; width:18px; height:18px; opacity:.95; background:#cfe8ff;
}

/* Icon masks */
.sc-x::after{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M4 3l7.4 9.4L4.5 21h2.6l6-6.9L18.9 21H21l-7.6-9.9L19.5 3h-2.6l-5.5 6.3L6 3H4z"/></svg>') center/contain no-repeat;}
.sc-tg::after{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M9.9 15.6l-.4 5.4c.6 0 .9-.2 1.3-.6l3.1-3 6.4 4.6c1.2.7 2 .3 2.3-1.1l4.2-19.8c.4-1.8-.7-2.6-1.9-2.2L1.4 9.9C-.3 10.6-.3 11.6 1.1 12l6 1.9 13.9-8.8c.6-.4 1.2 0 .7.4"/></svg>') center/contain no-repeat;}
.sc-li::after{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M4 3h5v18H4zM9 8h5v2h.1c.7-1.3 2.4-2.7 4.9-2.7 5.2 0 6.1 3.4 6.1 7.8V21h-5v-6.5c0-1.6 0-3.6-2.2-3.6s-2.5 1.7-2.5 3.5V21h-5z"/></svg>') center/contain no-repeat;}
.sc-gh::after{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 .5a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2.2c-3.3.7-4-1.6-4-1.6-.6-1.6-1.5-2-1.5-2-1.2-.8.1-.8.1-.8 1.3.1 2 1.3 2 1.3 1.2 2 3.1 1.4 3.9 1.1.1-.9.5-1.4.8-1.8-2.7-.3-5.5-1.3-5.5-6a4.6 4.6 0 0 1 1.2-3.2 4.2 4.2 0 0 1 .1-3.2s1-.3 3.3 1.2a11.3 11.3 0 0 1 6 0c2.3-1.5 3.3-1.2 3.3-1.2.6 1 .3 2.2.1 3.2a4.6 4.6 0 0 1 1.1 3.2c0 4.7-2.8 5.7-5.5 6 .5.4.9 1.2.9 2.5v3.7c0 .3.2.7.8.6A12 12 0 0 0 12 .5z"/></svg>') center/contain no-repeat;}

/* Responsive */
@media (max-width: 1000px){
  .team-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 600px){
  .team-grid{grid-template-columns:1fr}
}
/* Partners */
.partners{padding:70px 0 90px}
.partners-title{margin:0 0 22px; font-size:28px; font-weight:800}

.partners-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}

.partner-card{
  position:relative; display:grid; place-items:center; padding:22px;
  background:linear-gradient(180deg,#0f1a1f,#0b1217);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px; box-shadow:var(--shadow);
  text-decoration:none; transition:transform .2s ease, border-color .2s ease, box-shadow .3s ease;
  overflow:hidden;
}
.partner-card::after{
  content:""; position:absolute; inset:auto -30% -40% -30%;
  height:60%; border-radius:50%; filter:blur(40px); opacity:.0;
  background:radial-gradient(50% 50% at 50% 50%, rgba(46,242,201,.30), transparent 70%);
  transition:opacity .3s ease, transform .3s ease;
}
.partner-card:hover{
  transform:translateY(-3px); border-color:rgba(255,255,255,.16);
}
.partner-card:hover::after{opacity:.35; transform:translateY(-6px)}

.partner-logo{width:100%; max-width:240px; display:grid; place-items:center}
.partner-logo img{
    max-width:100%;
    max-height:46px;
    object-fit:contain;
    display:block;
    transition:filter .25s ease, opacity .25s ease, transform .2s ease;
}
.partner-card:hover .partner-logo img{
 
  transform:scale(1.02);
}
.starpets{
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
@media (max-width: 900px){
  .partners-grid{grid-template-columns:1fr 1fr}
  .partner-logo img{max-height:42px}
}
@media (max-width: 560px){
  .partners-grid{grid-template-columns:1fr}
  .partner-logo img{max-height:38px}
}
/* Footer */
.site-footer{
  padding:28px 0;
  background:linear-gradient(180deg,#0f1a1f,#0b1217);
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; flex-wrap:wrap;
  flex-direction: column;
}

.footer-row p{
    margin: 0;
}
.copy{margin:0; font-size:13px; color:var(--ink-dim); font-weight:500}

.footer-socials{display:flex; gap:10px}
.fs{
  width:34px; height:34px; border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06); position:relative;
  transition:border-color .2s ease, transform .1s ease;
  display:inline-block;
}
.fs:active{transform:translateY(1px)}
.fs::after{
  content:""; position:absolute; inset:0; margin:auto; width:18px; height:18px; opacity:.9; background:#cfe8ff;
}

/* re-use icon masks from team socials */
.sc-x::after{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M4 3l7.4 9.4L4.5 21h2.6l6-6.9L18.9 21H21l-7.6-9.9L19.5 3h-2.6l-5.5 6.3L6 3H4z"/></svg>') center/contain no-repeat;}
.sc-tg::after{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M9.9 15.6l-.4 5.4c.6 0 .9-.2 1.3-.6l3.1-3 6.4 4.6c1.2.7 2 .3 2.3-1.1l4.2-19.8c.4-1.8-.7-2.6-1.9-2.2L1.4 9.9C-.3 10.6-.3 11.6 1.1 12l6 1.9 13.9-8.8c.6-.4 1.2 0 .7.4"/></svg>') center/contain no-repeat;}
.sc-li::after{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M4 3h5v18H4zM9 8h5v2h.1c.7-1.3 2.4-2.7 4.9-2.7 5.2 0 6.1 3.4 6.1 7.8V21h-5v-6.5c0-1.6 0-3.6-2.2-3.6s-2.5 1.7-2.5 3.5V21h-5z"/></svg>') center/contain no-repeat;}

@media (max-width: 600px){
  .footer-row{flex-direction:column; text-align:center}
  .footer-socials{justify-content:center}
}

.acticLast{
    margin-bottom: 0;
}



/*   НАСТРОЙКА SCROLL-BAR   */
::-webkit-scrollbar {
    width: 0.5em;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #21F3B5;
}


::-webkit-scrollbar-thumb:active {
    background-color: #21F3B5;
}
.mobNav{
    display: none;
}
.stopScroll{
    overflow: hidden;
}
@media screen and (max-width: 800px) {
   .mint-avatar{
        display: none;
   } 
   .steps{
        display: flex;
        flex-direction: column;
   }

   .bg-blob.blob-1{
        display: none;
   }
   .bg-blob.blob-2{
        display: none;
   }
   .mint-glyph{
        justify-content: left;
   }
   .mobNav{
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 110vh;
        background-color: #111;
        z-index: 999;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: .3s all linear;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transition: .3s all linear;
        -moz-transition: .3s all linear;
        -ms-transition: .3s all linear;
        -o-transition: .3s all linear;

}

    .mobNav.active{
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
}
.nav-listMob{
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-left: 0;
    
}
.mobLink{
    color: #fff;
    text-decoration: none;
}

}


.socialIcons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.socialIcons i{
    font-size: 24px;
    color: #fff;
}

 .intoLinks {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        text-align: center;
        margin-bottom: 20px;
        span {
          width: 8px;
          height: 8px;
          background-color: #fff;
          border-radius: 50%;
        }
        a {
          transition: 0.3s all linear;
          transform-origin: left;
          color: #fff;
          text-decoration: none;
        }
        a:hover {
          text-decoration: underline;
        }
      
      }
      @media screen and (max-width: 750px) {
        .intoLinks {
          flex-direction: column;
          span {
            display: none;
          }
        }
     

      }