/* Extracted from index.html to keep markup separate from presentation. */

.inline-style-1 {
  object-fit: cover;
  filter: brightness(1.15) contrast(1.1);
}

.inline-style-2 {
  font-size:.92rem;
  color:var(--mt);
  line-height:1.85;
  font-family:var(--fb);
  margin-bottom:1rem;
}

.inline-style-3 {
  color:var(--tx);
}

.inline-style-4 {
  color:var(--p);
}

.inline-style-5 {
  font-size:.92rem;
  color:var(--mt);
  line-height:1.85;
  font-family:var(--fb);
  margin-bottom:1.4rem;
}

.inline-style-6 {
  color:var(--s);
}

.inline-style-7 {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.inline-style-8 {
  padding:.3rem .8rem;
  border-radius:100px;
  background:rgba(0,212,255,.1);
  border:1px solid rgba(0,212,255,.3);
  font-family:var(--fm);
  font-size:.62rem;
  color:var(--p);
}

.inline-style-9 {
  padding:.3rem .8rem;
  border-radius:100px;
  background:rgba(123,47,255,.1);
  border:1px solid rgba(123,47,255,.3);
  font-family:var(--fm);
  font-size:.62rem;
  color:var(--s);
}

.inline-style-10 {
  padding:.3rem .8rem;
  border-radius:100px;
  background:rgba(0,255,136,.08);
  border:1px solid rgba(0,255,136,.25);
  font-family:var(--fm);
  font-size:.62rem;
  color:#00ff88;
}

.inline-style-11 {
  padding:.3rem .8rem;
  border-radius:100px;
  background:rgba(255,45,120,.1);
  border:1px solid rgba(255,45,120,.3);
  font-family:var(--fm);
  font-size:.62rem;
  color:var(--a);
}

.inline-style-12 {
  display:flex;
  flex-direction:column;
  gap:.8rem;
}

.inline-style-13 {
  padding:1rem 1.2rem;
}

.inline-style-14 {
  font-family:var(--fm);
  font-size:.6rem;
  color:var(--mt);
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:.3rem;
}

.inline-style-15 {
  font-size:.85rem;
  color:var(--tx);
  font-family:var(--fb);
}

.inline-style-16 {
  display:flex;
  flex-direction:column;
  gap:1.2rem;
  position:relative;
}

.inline-style-17 {
  position:absolute;
  left:20px;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg,var(--p),var(--s),transparent);
  opacity:.4;
}

.inline-style-18 {
  margin-left:52px;
  position:relative;
}

.inline-style-19 {
  position:absolute;
  left:-42px;
  top:1.2rem;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--p);
  box-shadow:0 0 12px var(--glow);
  border:2px solid var(--bg);
}

.inline-style-20 {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:.5rem;
}

.inline-style-21 {
  font-family:var(--fd);
  font-size:.92rem;
  color:var(--tx);
  font-weight:700;
}

.inline-style-22 {
  font-family:var(--fm);
  font-size:.65rem;
  color:var(--p);
  margin-top:.2rem;
}

.inline-style-23 {
  padding:.25rem .75rem;
  border-radius:100px;
  background:rgba(0,212,255,.1);
  border:1px solid rgba(0,212,255,.2);
  font-family:var(--fm);
  font-size:.6rem;
  color:var(--p);
  white-space:nowrap;
}

.inline-style-24 {
  font-size:.8rem;
  color:var(--mt);
  line-height:1.7;
  font-family:var(--fb);
}

.inline-style-25 {
  position:absolute;
  left:-42px;
  top:1.2rem;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--s);
  box-shadow:0 0 12px rgba(123,47,255,.5);
  border:2px solid var(--bg);
}

.inline-style-26 {
  font-family:var(--fm);
  font-size:.65rem;
  color:var(--s);
  margin-top:.2rem;
}

.inline-style-27 {
  padding:.25rem .75rem;
  border-radius:100px;
  background:rgba(123,47,255,.1);
  border:1px solid rgba(123,47,255,.2);
  font-family:var(--fm);
  font-size:.6rem;
  color:var(--s);
  white-space:nowrap;
}

.inline-style-28 {
  position:absolute;
  left:-42px;
  top:1.2rem;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--a);
  box-shadow:0 0 12px rgba(255,45,120,.4);
  border:2px solid var(--bg);
}

.inline-style-29 {
  font-family:var(--fm);
  font-size:.65rem;
  color:var(--a);
  margin-top:.2rem;
}

.inline-style-30 {
  padding:.25rem .75rem;
  border-radius:100px;
  background:rgba(255,45,120,.1);
  border:1px solid rgba(255,45,120,.2);
  font-family:var(--fm);
  font-size:.6rem;
  color:var(--a);
  white-space:nowrap;
}

.inline-style-31 {
  color:var(--p)
}

.inline-style-32 {
  display:flex;
  align-items:center;
  gap:8px;
  margin:8px 0;
}

.inline-style-33 {
  font-size:.65rem;
  color:var(--mt);
  font-family:var(--fm);
  white-space:nowrap;
}

.inline-style-34 {
  flex:1;
  padding:7px;
  border-radius:8px;
  border:1px solid var(--border);
  background:rgba(0,0,0,.4);
  color:var(--p);
  font-size:1.1rem;
  font-weight:900;
  font-family:var(--fd);
  outline:none;
  text-align:center;
}

.inline-style-35 {
  color:var(--mt);
}

.inline-style-36 {
  padding:7px 11px;
  border-radius:8px;
  border:1px solid var(--p);
  background:transparent;
  color:var(--p);
  font-weight:800;
  cursor:pointer;
  font-size:.65rem;
}

.inline-style-37 {
  stop-color:var(--p)
}

.inline-style-38 {
  stop-color:var(--s)
}

.inline-style-39 {
  font-family:var(--fm);
  font-size:.7rem;
  color:var(--mt);
  text-align:center;
  margin:.4rem 0 .8rem;
}

.inline-style-40 {
  height:4px;
  background:rgba(255,255,255,.05);
  border-radius:99px;
  margin-bottom:11px;
  overflow:hidden;
}

.inline-style-41 {
  height:100%;
  width:100%;
  background:linear-gradient(90deg,var(--p),var(--s));
  border-radius:99px;
  transition:width 1s linear;
}

.inline-style-42 {
  display:flex;
  gap:8px;
}

.inline-style-43 {
  flex:1;
  font-size:1.2rem;
}

.inline-style-44 {
  display:flex;
  justify-content:space-between;
  margin-top:9px;
  font-family:var(--fm);
  font-size:.68rem;
  color:var(--mt);
}

.inline-style-45 {
  color:var(--p);
  font-weight:900;
}

.inline-style-46 {
  margin-top:9px;
  padding:10px 12px;
  border-radius:10px;
  background:rgba(123,47,255,.08);
  border-left:3px solid var(--s);
  font-size:.7rem;
  color:var(--mt);
  line-height:1.6;
  font-style:italic;
  min-height:34px;
  font-family:var(--fm);
}

.inline-style-47 {
  text-align:center;
  padding:18px 0 9px;
}

.inline-style-48 {
  font-family:var(--fd);
  font-size:2.8rem;
  font-weight:900;
  color:var(--p);
  text-shadow:0 0 20px var(--glow);
  letter-spacing:3px;
}

.inline-style-49 {
  font-family:var(--fm);
  font-size:.68rem;
  color:var(--mt);
  margin-top:4px;
}

.inline-style-50 {
  display:flex;
  gap:8px;
  margin-bottom:10px;
}

.inline-style-51 {
  flex:1;
}

.inline-style-52 {
  max-height:160px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.inline-style-53 {
  font-size:.7rem;
  color:var(--mt);
  font-family:var(--fm);
  margin-bottom:12px;
}

.inline-style-54 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:9px;
}

.inline-style-55 {
  display:none;
}

.inline-style-56 {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  margin-bottom:9px;
}

.inline-style-57 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:12px;
}

.inline-style-58 {
  text-align:center;
  padding:14px 0 9px;
}

.inline-style-59 {
  font-family:var(--fd);
  font-size:3.2rem;
  font-weight:900;
  line-height:1;
}

.inline-style-60 {
  font-size:.88rem;
  font-weight:800;
  margin-top:5px;
}

.inline-style-61 {
  font-size:1.6rem;
  margin-top:4px;
}

.inline-style-62 {
  margin:9px 0 13px;
  position:relative;
}

.inline-style-63 {
  height:10px;
  border-radius:99px;
  background:linear-gradient(90deg,#3b82f6 0%,#22c55e 30%,#fbbf24 55%,#f97316 75%,#ef4444 100%);
  position:relative;
}

.inline-style-64 {
  position:absolute;
  top:-4px;
  width:4px;
  height:18px;
  background:#fff;
  border-radius:2px;
  box-shadow:0 0 8px rgba(255,255,255,.8);
  transition:left .6s ease;
  transform:translateX(-50%);
}

.inline-style-65 {
  display:flex;
  justify-content:space-between;
  font-family:var(--fm);
  font-size:9px;
  color:var(--mt);
  margin-top:3px;
}

.inline-style-66 {
  padding:11px;
  border-radius:10px;
  border-left:3px solid #22c55e;
  font-size:.73rem;
  color:var(--mt);
  line-height:1.7;
}

.inline-style-67 {
  display:none;
  margin-top:11px;
}

.inline-style-68 {
  color:var(--a)
}

.inline-style-69 {
  display:none;
  margin-top:9px;
  padding:11px;
  border-radius:10px;
  background:rgba(123,47,255,.08);
  border:1px solid rgba(123,47,255,.2);
  font-family:var(--fm);
  font-size:.7rem;
  color:var(--mt);
  line-height:1.8;
  text-align:center;
}

.inline-style-70 {
  display:flex;
  gap:8px;
  align-items:center
}

.inline-style-71 {
  flex:1
}

.inline-style-72 {
  color:var(--p);
  font-size:1.2rem;
  padding-top:18px
}

.inline-style-73 {
  display:flex;
  gap:8px;
  align-items:center;
  margin-top:4px
}

.inline-style-74 {
  height:140px;
  resize:vertical;
}

.inline-style-75 {
  display:flex;
  gap:8px;
  margin-top:9px;
}

.inline-style-76 {
  flex:2;
  background:var(--p);
  color:var(--bg);
  border:none;
  font-weight:800;
}

.inline-style-77 {
  font-family:var(--fm);
  font-size:.63rem;
  color:var(--mt);
  margin-top:7px;
  text-align:right;
}

.inline-style-78 {
  display:flex;
  gap:8px;
  margin-bottom:11px;
}

.inline-style-79 {
  margin:0;
  flex:1;
}

.inline-style-80 {
  padding:10px 15px;
  border-radius:10px;
  background:var(--p);
  border:none;
  color:var(--bg);
  font-weight:900;
  cursor:pointer;
  font-size:1.1rem;
  flex-shrink:0;
}

.inline-style-81 {
  display:flex;
  flex-direction:column;
  gap:7px;
  max-height:260px;
  overflow-y:auto;
}

.inline-style-82 {
  text-align:center;
  color:var(--mt);
  font-family:var(--fm);
  font-size:.73rem;
  padding:18px 0;
}

.inline-style-83 {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:9px;
  font-family:var(--fm);
  font-size:.68rem;
  color:var(--mt);
}

.inline-style-84 {
  padding:5px 11px;
  font-size:.63rem;
}

.inline-style-85 {
  font-family:var(--fm);
  font-size:.7rem;
  color:var(--mt);
  margin-bottom:9px;
}

.inline-style-86 {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:9px;
}

.inline-style-87 {
  height:88px;
}

.inline-style-88 {
  background:linear-gradient(90deg,var(--p),var(--s));
  color:var(--bg);
  border:none;
  font-weight:900;
  font-size:.95rem;
  padding:13px;
  margin-top:7px;
}

.inline-style-89 {
  padding:9px 13px;
  border-radius:10px;
  background:var(--p);
  border:none;
  color:var(--bg);
  font-weight:900;
  cursor:pointer;
  font-size:1.05rem;
}

.inline-style-90 {
  display:flex;
  gap:4px;
  margin-bottom:11px;
}

.inline-style-91 {
  font-family:var(--fm);
  font-size:.63rem;
  color:var(--mt);
  line-height:2.3;
  margin-right:4px;
}

.inline-style-92 {
  display:flex;
  flex-direction:column;
  gap:7px;
}

.inline-style-93 {
  text-align:center;
  color:var(--mt);
  font-family:var(--fm);
  font-size:.73rem;
  padding:15px 0;
}

.inline-style-94 {
  display:none;
  margin-top:9px;
  padding:10px;
  border-radius:10px;
  background:rgba(123,47,255,.07);
  border:1px solid rgba(123,47,255,.2);
  text-align:center;
  font-family:var(--fm);
  font-size:.7rem;
  color:var(--mt);
}

.inline-style-95 {
  font-family:var(--fm);
  font-size:.68rem;
  color:var(--mt);
  margin-bottom:9px;
}

.inline-style-96 {
  overflow-x:auto;
}

.inline-style-97 {
  color:var(--p);
  font-family:var(--fd);
  font-size:.9rem;
  margin-bottom:11px;
}

.inline-style-98 {
  background:linear-gradient(90deg,#ef4444,#f97316);
  color:#fff;
  border:none;
  font-weight:800;
}

.inline-style-99 {
  margin-top:13px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.inline-style-100 {
  font-family:var(--fm);
  font-size:.68rem;
  color:var(--mt);
  margin-bottom:13px;
}

.inline-style-101 {
  display:flex;
  align-items:center;
  justify-content:center;
  height:158px;
  margin:0 auto 13px;
}

.inline-style-102 {
  width:128px;
  height:128px;
  border-radius:50%;
  border:3px solid rgba(0,212,255,.2);
  display:flex;
  align-items:center;
  justify-content:center;
}

.inline-style-103 {
  width:88px;
  height:88px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,212,255,.2),rgba(123,47,255,.1));
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}

.inline-style-104 {
  font-family:var(--fd);
  font-size:.78rem;
  font-weight:800;
  color:var(--p);
  text-align:center;
  line-height:1.3;
}

.inline-style-105 {
  font-family:var(--fd);
  font-size:1.4rem;
  font-weight:900;
  color:#fff;
}

.inline-style-106 {
  text-align:center;
  font-family:var(--fm);
  font-size:.68rem;
  color:var(--mt);
  margin-bottom:11px;
  min-height:16px;
}

.inline-style-107 {
  text-align:center;
  font-family:var(--fm);
  font-size:.7rem;
  color:var(--mt);
  margin-top:7px;
}

.inline-style-108 {
  color:var(--p);
  font-weight:800;
}

.inline-style-109 {
  width:100%;
  accent-color:var(--p);
  cursor:pointer;
  margin:7px 0;
}

.inline-style-110 {
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin:9px 0;
}

.inline-style-111 {
  display:flex;
  align-items:center;
  gap:5px;
  font-family:var(--fm);
  font-size:.7rem;
  color:var(--mt);
  cursor:pointer;
}

.inline-style-112 {
  accent-color:var(--p);
}

.inline-style-113 {
  background:rgba(0,0,0,.4);
  border:1px solid var(--border);
  border-radius:10px;
  padding:11px;
  margin:7px 0;
  min-height:42px;
  display:flex;
  align-items:center;
}

.inline-style-114 {
  font-family:var(--fm);
  font-size:.82rem;
  color:var(--p);
  word-break:break-all;
  letter-spacing:1px;
  flex:1;
}

.inline-style-115 {
  font-family:var(--fm);
  font-size:.63rem;
  color:var(--mt);
  text-align:center;
  margin:3px 0 9px;
}

.inline-style-116 {
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
}

.inline-style-117 {
  height:120px;
}

.inline-style-118 {
  margin-top:11px;
  padding:11px;
  border-radius:10px;
  background:rgba(0,0,0,.4);
  border:1px solid var(--border);
  font-family:var(--fm);
  font-size:.75rem;
  color:var(--tx);
  overflow:auto;
  max-height:200px;
  white-space:pre-wrap;
}

.inline-style-119 {
  height:100px;
}

.inline-style-120 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:.7rem 0;
}

.inline-style-121 {
  width:100%;
  accent-color:var(--p);
}

.inline-style-122 {
  background:linear-gradient(90deg,#ef4444,#f97316);
  color:#fff;
  border:none;
  font-weight:900;
}

.inline-style-123 {
  background:linear-gradient(90deg,var(--p),var(--s));
  color:var(--bg);
  border:none;
  font-weight:900;
}

.inline-style-124 {
  display:flex;
  gap:6px;
  margin-bottom:13px;
  background:rgba(0,0,0,.3);
  padding:3px;
  border-radius:11px;
  border:1px solid var(--border);
}

.inline-style-125 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.inline-style-126 {
  display:none;
  margin-top:11px;
  padding:11px;
  border-radius:10px;
  background:rgba(239,68,68,.07);
  border:1px solid rgba(239,68,68,.3);
  font-family:var(--fm);
  font-size:.75rem;
  color:var(--tx);
  line-height:2;
}

.inline-style-127 {
  margin-top:11px;
}

.inline-style-128 {
  font-family:var(--fm);
  font-size:.7rem;
  color:var(--mt);
  margin-bottom:11px;
}

.inline-style-129 {
  color:#f87171;
}

.inline-style-130 {
  color:#fbbf24;
}

.inline-style-131 {
  color:#60a5fa;
}

.inline-style-132 {
  color:#a78bfa;
}

.inline-style-133 {
  color:#4ade80;
}

.inline-style-134 {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:8px 0;
}

.inline-style-135 {
  display:none;
  margin-top:9px;
  padding:11px;
  border-radius:10px;
  background:rgba(123,47,255,.07);
  border-left:3px solid var(--s);
  font-family:var(--fm);
  font-size:.7rem;
  color:var(--mt);
  line-height:1.9;
}

.inline-style-136 {
  display:none;
  margin-top:9px;
  padding:11px;
  border-radius:10px;
  background:rgba(0,212,255,.07);
  border:1px solid rgba(0,212,255,.2);
  font-family:var(--fm);
  font-size:.82rem;
  color:var(--p);
  line-height:1.9;
  text-align:center;
}

.inline-style-137 {
  display:none;
  margin-top:7px;
  padding:10px;
  border-radius:10px;
  background:rgba(123,47,255,.07);
  font-family:var(--fm);
  font-size:.68rem;
  color:var(--mt);
  line-height:1.9;
  border-left:3px solid var(--s);
}

.inline-style-138 {
  display:flex;
  gap:8px;
  align-items:center;
}

.inline-style-139 {
  width:90px;
  flex-shrink:0
}

.inline-style-140 {
  display:none;
  margin-top:11px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

.inline-style-141 {
  display:none;
  margin-top:9px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

.inline-style-142 {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
}

.inline-style-143 {
  font-family:var(--fm);
  font-size:.68rem;
  color:var(--mt);
  margin-bottom:10px;
}

.inline-style-144 {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:2px dashed var(--border);
  border-radius:12px;
  padding:1.6rem;
  cursor:pointer;
  transition:var(--tr);
  gap:.5rem;
}

.inline-style-145 {
  font-size:2rem;
}

.inline-style-146 {
  font-family:var(--fm);
  font-size:.7rem;
  color:var(--mt);
}

.inline-style-147 {
  font-family:var(--fm);
  font-size:.6rem;
  color:var(--mt);
  opacity:.6;
}

.inline-style-148 {
  max-width:100%;
  max-height:160px;
  border-radius:10px;
  border:1px solid var(--border);
  object-fit:contain;
  display:block;
  margin:0 auto 10px;
}

.inline-style-149 {
  display:flex;
  gap:8px;
  margin-bottom:8px;
  font-family:var(--fm);
  font-size:.65rem;
  color:var(--mt);
}

.inline-style-150 {
  width:100%;
  height:90px;
  padding:10px;
  border-radius:10px;
  border:1px solid var(--border);
  background:rgba(0,0,0,.4);
  color:var(--p);
  font-family:var(--fm);
  font-size:.6rem;
  resize:vertical;
  outline:none;
  word-break:break-all;
}

.inline-style-151 {
  display:flex;
  gap:8px;
  margin-top:8px;
}

.inline-style-152 {
  font-family:var(--fm);
  font-size:.68rem;
  color:var(--mt);
  margin-bottom:12px;
}

.inline-style-153 {
  display:none;
  text-align:center;
  padding:1rem;
  font-family:var(--fm);
  font-size:.72rem;
  color:var(--mt);
}

.inline-style-154 {
  grid-column:1/-1;
}

.inline-style-155 {
  font-size:1.1rem;
  letter-spacing:.08em;
}

.inline-style-156 {
  font-size:.7rem;
}

.inline-style-157 {
  font-size:.65rem;
}

.inline-style-158 {
  margin-top:8px;
  font-family:var(--fm);
  font-size:.58rem;
  color:var(--mt);
  text-align:center;
  opacity:.6;
}

.inline-style-159 {
  display:flex;
  gap:8px;
  margin-bottom:11px;
  flex-wrap:wrap;
}

.inline-style-160 {
  background:rgba(0,0,0,.35);
  border:1px solid var(--border);
  border-radius:10px;
  padding:14px;
  font-family:var(--fm);
  font-size:.82rem;
  line-height:1.9;
  color:var(--mt);
  letter-spacing:.03em;
  min-height:70px;
  user-select:none;
  margin-bottom:10px;
}

.inline-style-161 {
  width:100%;
  height:80px;
  padding:11px;
  border-radius:10px;
  border:1px solid var(--border);
  background:rgba(0,0,0,.4);
  color:var(--tx);
  font-family:var(--fm);
  font-size:.82rem;
  outline:none;
  resize:none;
  transition:var(--tr);
}

.inline-style-162 {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-top:9px;
}

.inline-style-163 {
  text-align:center;
}

.inline-style-164 {
  font-size:1.3rem;
  color:var(--p);
}

.inline-style-165 {
  font-size:1.3rem;
  color:#00ff88;
}

.inline-style-166 {
  font-size:1.3rem;
}

.inline-style-167 {
  font-size:1.3rem;
  color:var(--a);
}

.inline-style-168 {
  display:none;
  margin-top:10px;
  padding:12px;
  border-radius:10px;
  background:rgba(0,212,255,.07);
  border:1px solid rgba(0,212,255,.2);
  text-align:center;
  font-family:var(--fm);
  font-size:.78rem;
  color:var(--p);
  line-height:1.8;
}

.inline-style-169 {
  margin-top:9px;
}

.inline-style-170 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.4rem;
}

.inline-style-171 {
  font-family:var(--fd);
  font-size:.8rem;
  color:var(--p);
  margin-bottom:1rem;
}

.inline-style-172 {
  color:var(--mt);
  font-family:var(--fm);
  font-size:.7rem;
}

.inline-style-173 {
  font-family:var(--fd);
  font-size:.8rem;
  color:var(--p);
  margin-bottom:.5rem;
}

.inline-style-174 {
  font-size:.6rem;
  color:var(--mt)
}

.inline-style-175 {
  justify-content:flex-start;
}

.inline-style-176 {
  display:flex;
  align-items:center;
  gap:.4rem;
  margin-top:.6rem;
  font-family:var(--fm);
  font-size:.6rem;
  color:var(--mt);
}

.inline-style-177 {
  width:10px;
  height:10px;
  border-radius:2px;
  background:rgba(255,255,255,.06);
  display:inline-block;
}

.inline-style-178 {
  width:10px;
  height:10px;
  border-radius:2px;
  background:rgba(0,212,255,.2);
  display:inline-block;
}

.inline-style-179 {
  width:10px;
  height:10px;
  border-radius:2px;
  background:rgba(0,212,255,.5);
  display:inline-block;
}

.inline-style-180 {
  width:10px;
  height:10px;
  border-radius:2px;
  background:var(--p);
  display:inline-block;
}

.inline-style-181 {
  font-family:var(--fb);
  font-size:.92rem;
  color:var(--mt);
  line-height:1.8;
  margin-bottom:.5rem;
}

.inline-style-182 {
  text-decoration:none;
  cursor:pointer;
}

.inline-style-183 {
  color:#d6249f;
}

.inline-style-184 {
  color:#22c55e;
}

.inline-style-185 {
  width:fit-content;
  margin-top:.4rem;
}

.inline-style-186 {
  font-family:var(--fd);
  font-size:.85rem;
  color:var(--p);
  margin-bottom:1.2rem;
}

.inline-style-187 {
  margin-bottom:.6rem;
}

.inline-style-188 {
  font-size:.62rem;
}


/* PROFILE AVATAR — keep photo inside rings */
.av { isolation:isolate; }
.av-img { position:relative; z-index:1; display:block; width:150px; height:150px; border-radius:50%; object-fit:cover; border:3px solid var(--p); box-shadow:0 0 30px var(--glow),0 0 60px var(--glow); }
.av-r1,.av-r2 { z-index:2; pointer-events:none; }
.av-fb { position:relative; z-index:1; }

/* FEATURED PROJECT CARDS */
#featured .f-grid { align-items:stretch; }
.featured-card { min-width:0; padding:0; display:flex; flex-direction:column; }
.featured-card-copy { padding:1.25rem 1.35rem 1.4rem; display:flex; flex-direction:column; align-items:flex-start; flex:1; }
.featured-kicker { color:var(--p); font:600 .62rem var(--fm); letter-spacing:.13em; margin-bottom:.7rem; }
.featured-card .f-title { font-size:1rem; letter-spacing:.01em; }
.featured-card .f-desc { max-width:54ch; }
.featured-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:auto; padding-top:.35rem; position:relative; z-index:2; }
.featured-actions .r-btn { padding:.55rem .8rem; font-size:.66rem; }
.featured-demo { background:linear-gradient(110deg,var(--p),var(--s)); color:#061018!important; border-color:transparent!important; font-weight:800; }
.gym-featured-card { border-color:color-mix(in srgb,var(--p) 42%,var(--border)); box-shadow:0 12px 34px rgba(0,0,0,.2); }
.gym-preview { position:relative; overflow:hidden; padding:1rem; min-height:225px; color:#f3f7ff; background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--p) 25%,transparent),transparent 48%),linear-gradient(145deg,#111b2b,#090d16 70%); border-bottom:1px solid rgba(255,255,255,.08); }
.gym-preview::after { content:""; position:absolute; width:180px; height:180px; right:-95px; bottom:-105px; border:1px solid color-mix(in srgb,var(--p) 38%,transparent); border-radius:50%; box-shadow:0 0 0 18px rgba(255,255,255,.018),0 0 0 38px rgba(255,255,255,.014); pointer-events:none; }
.gym-preview-top,.gym-preview-brand,.gym-preview-live { display:flex; align-items:center; }
.gym-preview-top { justify-content:space-between; gap:.5rem; }
.gym-preview-brand { gap:.42rem; font:800 .7rem var(--fd); letter-spacing:.08em; }
.gym-preview-brand b { color:var(--p); }
.gym-preview-mark { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:linear-gradient(135deg,var(--p),var(--s)); color:#07101a; font-weight:900; }
.gym-preview-live { gap:.35rem; color:#a7f3d0; font:600 .52rem var(--fm); letter-spacing:.1em; }
.gym-preview-live i { width:6px; height:6px; border-radius:50%; background:#34d399; box-shadow:0 0 9px #34d399; }
.gym-preview-greeting { margin:1.15rem 0 .85rem; font:500 .7rem var(--fm); letter-spacing:.08em; color:#a7b4c8; }
.gym-preview-greeting strong { color:#fff; }
.gym-preview-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.45rem; }
.gym-preview-stats>div { min-width:0; padding:.65rem .55rem; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.045); border-radius:10px; }
.gym-preview-stats small { display:block; font:500 .46rem var(--fm); letter-spacing:.07em; color:#8f9db2; margin-bottom:.45rem; }
.gym-preview-stats strong { font:800 clamp(.68rem,2vw,.95rem) var(--fd); color:#fff; white-space:nowrap; }
.gym-preview-stats em { font:500 .48rem var(--fm); color:var(--p); font-style:normal; }
.gym-preview-chart { height:48px; margin-top:.65rem; display:flex; align-items:flex-end; gap:5px; padding:0 .2rem; position:relative; }
.gym-preview-chart span { flex:1; border-radius:4px 4px 1px 1px; background:linear-gradient(180deg,var(--p),color-mix(in srgb,var(--p) 18%,transparent)); opacity:.9; }
.gym-preview-chart span:nth-child(1){height:32%}.gym-preview-chart span:nth-child(2){height:48%}.gym-preview-chart span:nth-child(3){height:39%}.gym-preview-chart span:nth-child(4){height:72%}.gym-preview-chart span:nth-child(5){height:58%}.gym-preview-chart span:nth-child(6){height:85%}.gym-preview-chart span:nth-child(7){height:100%}
.gym-preview-chart i { position:absolute; left:0; top:0; font:500 .44rem var(--fm); letter-spacing:.1em; color:#718096; font-style:normal; }
.gym-preview-bottom { display:flex; justify-content:space-between; gap:.4rem; margin-top:.7rem; color:#9baac0; font:500 .46rem var(--fm); letter-spacing:.03em; }
@media(max-width:420px) { .gym-preview{padding:.8rem}.gym-preview-stats{gap:.3rem}.gym-preview-stats>div{padding:.55rem .4rem}.gym-preview-bottom{font-size:.4rem}.featured-actions .r-btn{font-size:.59rem;padding:.5rem .6rem} }