/* Frontend styles for Gridzilla Links Tree */
:root{
  --gzlt-teal:#00B46E; --gzlt-mint:#00DA5E; --gzlt-spring:#00DF67; --gzlt-aqua:#3DFB94; --gzlt-sea:#77FFC2; --gzlt-foam:#CCFFE5;
  --gzlt-royal:#1700D5; --gzlt-blue:#4219FF; --gzlt-lilac:#B66BFF; --gzlt-lav:#ADA2FF; --gzlt-ice:#DAD7FF;
  --gzlt-black:#000; --gzlt-gray6:#666; --gzlt-snow:#F9F9F9; --gzlt-white:#fff;
  --gzlt-sun:#FFC01F; --gzlt-amber:#FFAD02; --gzlt-peach:#FF7396;
}
.gzlt{ --radius: var(--gzlt-radius,16px); font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif; color:var(--gzlt-black); }
.gzlt .gzlt-wrap{ max-width:460px; margin:0 auto; padding:32px 16px 64px; position:relative; }

.gzlt .gzlt-hero{ margin:18px auto 22px; padding:20px; border-radius:var(--radius); display:flex; gap:16px; align-items:center; background:linear-gradient(90deg,#ff44ee,#1700D5, #1700D5); color:var(--gzlt-white); }
.gzlt .gzlt-shadow{ box-shadow:0 12px 40px rgba(23,0,213,0.15); }
.gzlt .gzlt-avatar{ width:72px; height:72px; border-radius:50%; object-fit:cover; border:3px solid rgba(255,255,255,.9); box-shadow:0 6px 18px rgba(0,0,0,.15); }
.gzlt .gzlt-brand{ display:inline-block; font-size:12px; opacity:.9; letter-spacing:.4px; }
.gzlt .gzlt-title{ font-weight:700; margin:2px 0 0; font-size:26px; line-height:1.2; }
.gzlt .gzlt-sub{ margin:6px 0 0; font-size:14px; opacity:.95; }

.gzlt .gzlt-list{ display:flex; flex-direction:column; gap:0px; margin-top:20px; }

/* Each button is a full-width block */
.gzlt .gzlt-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-decoration:none;
  width:100%;
  padding:16px 20px;
  border-radius:var(--radius);
  border:2px solid transparent;
  font-weight:600;
  font-size:16px;
  transition: all .2s ease;
  text-align:center;
	margin-bottom: 16px;
}

a.gzlt-btn.gzlt-primary.first{
	margin-bottom: 0;
	border-radius:var(--radius) var(--radius) 0 0;
}
.gzlt .gzlt-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.gzlt .gzlt-icon {
  font-size:30px;
  width:30px;
  text-align:center;
}
.gzlt .gzlt-icon i {
  line-height:1;
}

.gzlt .gzlt-icon img {
  height: 30px;
  width: auto;
  display: block;
	filter: brightness(0) saturate(100%) invert(66%) sepia(87%) saturate(1976%) hue-rotate(94deg) brightness(102%) contrast(102%);
}


.gzlt .gzlt-note{ display:block; font-size:12px; opacity:.7; margin-top:4px; }

/* Variants */
.gzlt .gzlt-primary{ background:var(--gzlt-royal); color:var(--gzlt-white); }
.gzlt .gzlt-primary:hover{ background:#2a1de9; }

.gzlt .gzlt-soft{ background:var(--gzlt-foam); color:#063; }
.gzlt .gzlt-soft:hover{ background:#a4f2d4; }

.gzlt .gzlt-outline{ background:transparent; border-color:#ccc; color:var(--gzlt-black); }
.gzlt .gzlt-outline:hover{ background:#f2f2f2; }

/* Sizes */
.gzlt-size-sm .gzlt-btn{ padding:12px 14px; font-size:14px; }
.gzlt-size-lg .gzlt-btn{ padding:20px 24px; font-size:18px; }

/* Footer */
.gzlt .gzlt-foot{ text-align:center; margin-top:32px; font-size:12px; color:#aaa; }

/* Mobile tweaks */
@media (max-width:480px){
  .gzlt .gzlt-title{ font-size:22px; }
  .gzlt .gzlt-btn{ font-size:15px; }
}