body[data-page="project"] {
  --accent: #3ecf8e;
  --green: #3ecf8e;
  --accent-light: #7eedb9;
  --accent-glow: rgba(62, 207, 142, 0.28);
  --accent-soft: rgba(62, 207, 142, 0.12);
}
body[data-page="project"] #site-header,
body[data-page="project"] .site-header,
body[data-page="project"] .brand-transition,
body[data-page="project"] .site-footer,
body[data-page="project"] .dialog,
body[data-page="project"] .toast {
  --accent: #85ceff;
  --green: #85ceff;
}
body[data-page="project"] .dialog .text-accent {
  color: #85ceff !important;
}
body[data-page="project"] .site-header .nav-contact {
  background: #85ceff !important;
  border-color: #85ceff !important;
  color: #0f161f !important;
  box-shadow: none;
}
body[data-page="project"] .site-header .nav-contact:hover {
  background: #afd1f8 !important;
  border-color: #afd1f8 !important;
  box-shadow: 0 6px 30px rgba(130,183,245,.2) !important;
}
body[data-page="project"] .brand,
body[data-page="project"] .brand span,
body[data-page="project"] .brand-suffix,
body[data-page="project"] .signature-accent {
  color: #85ceff !important;
}
body[data-page="project"] .site-header .nav-links a:after {
  background: #85ceff !important;
}
body[data-page="project"] .section { padding:88px 0; }
body[data-page="project"] .button.green {
  background: var(--green);
  border-color: var(--green);
  color: #06170f !important;
  font-weight: 700;
  box-shadow: 0 4px 22px rgba(62, 207, 142, 0.28);
  transition: all .25s ease;
}
body[data-page="project"] .button.green:hover {
  background: #4de39f;
  border-color: #4de39f;
  box-shadow: 0 8px 30px rgba(62, 207, 142, 0.45);
  transform: translateY(-2px);
}
.community-hero { min-height:720px; display:flex; align-items:center; justify-content:center; text-align:center; padding:180px 24px 85px; }
.community-hero .banner-bg { background-image:linear-gradient(#080b1099,#080b10b3),url('fdesarrolladores2.png'); background-position:center; background-size:cover; opacity:1; filter:none; }
.community-hero .page-banner-content { max-width:920px; margin:0 auto; text-align:center; display:flex; flex-direction:column; align-items:center; }
.community-hero h1 { font:500 clamp(46px,6vw,84px)/1.08 var(--display); letter-spacing:-.05em; text-align:center; margin:0 auto; }
.community-hero h1 .hero-line { display:block; overflow:hidden; text-align:center; padding:0 .04em .14em; margin-bottom:-.14em; }
.community-hero h1 .hero-line > span { display:block; transform-origin:center bottom; will-change:transform; }
.community-hero h1 .hero-accent { color:var(--accent-light, #7eedb9); }
.community-hero p { max-width:640px; margin:26px auto 34px; font:400 17px/1.7 var(--display); color:#c4cfdd; text-align:center; letter-spacing:-.01em; }
.community-hero .actions { display:flex; justify-content:center; align-items:center; gap:16px; margin:0 auto; }
body[data-page="project"] .section-heading-center h2,body[data-page="project"] .feature-split h2,body[data-page="project"] .client-intro-grid h2 { font:400 clamp(32px,3.5vw,46px)/1.12 var(--display); letter-spacing:-.04em; }
body[data-page="project"] .section-heading-center { text-align:center; }
body[data-page="project"] .section-heading-center p { font:400 14px/1.8 var(--mono); max-width:690px; }
body[data-page="project"] .benefit-grid { gap:20px; background:none; border:0; }
body[data-page="project"] .benefit { padding:32px 28px; background:#ffffff03; border:1px solid #ffffff20; border-radius:6px; }
body[data-page="project"] .benefit>.icon { display:none; }
body[data-page="project"] .benefit h3,body[data-page="project"] .client-feature h3 { font:500 26px/1.2 var(--display); letter-spacing:-.035em; }
body[data-page="project"] .benefit p,body[data-page="project"] .client-feature p { font:400 16px/1.75 var(--display); }
body[data-page="project"] .feature-split { padding:72px 0 0; gap:64px; }
body[data-page="project"] .feature-split p,body[data-page="project"] .client-intro-grid p { font:400 15px/1.85 var(--mono); }
body[data-page="project"] .community-board,body[data-page="project"] .client-preview { border-radius:9px; border:1px solid #ffffff24; box-shadow:none; }
body[data-page="project"] .client-feature { border-radius:6px; box-shadow:none; padding:30px; }
body[data-page="project"] .client-feature>.icon { display:none; }
body[data-page="project"] .step h3 { font:500 25px/1.25 var(--display); }
body[data-page="project"] .step p { font:400 16px/1.75 var(--display); }
.community-team .community-cta { border-radius:9px; margin-top:64px; box-shadow:none; }
@media(max-width:900px) { body[data-page="project"] .feature-split { gap:35px; } }
@media(max-width:620px) {
 body[data-page="project"] .section { padding:60px 0; }
 .community-hero { min-height:690px; padding:155px 24px 60px; }
 .community-hero .banner-logo { width:74px; height:74px; }
 .community-hero h1 { font-size:39px; }
 .community-hero p { font-size:12px; }
 body[data-page="project"] .section-heading-center p { font-size:12px; }
 body[data-page="project"] .feature-split { padding-top:45px; }
 body[data-page="project"] .benefit { padding:28px 24px; }
}

body[data-page="project"] #comunidad { padding-bottom:70px; }
body[data-page="project"] .benefit { border:0; border-top:1px solid #ffffff26; border-radius:0; background:none; padding:28px 12px 0 0; }
body[data-page="project"] .benefit h3 { font-size:25px; }
body[data-page="project"] .benefit p { color:#a8b4c3; }
.client-offer { border-block:1px solid #ffffff12; background:none; }
.offer-heading { text-align:center; max-width:800px; margin:0 auto 54px; }
.offer-kicker,.offer-number { display:block; font:400 11px/1.5 var(--mono); letter-spacing:.06em; color:#9cb1c5; }
.offer-heading h2 { font:400 clamp(38px,4.4vw,60px)/1.1 var(--display); letter-spacing:-.045em; margin:18px 0 22px; }
.offer-heading>p { font:400 14px/1.85 var(--mono); max-width:690px; margin:auto; }
.offer-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr); gap:54px; align-items:stretch; }
.premium-resources { padding:34px 38px; border:1px solid #ffffff21; border-radius:10px; background:linear-gradient(125deg,#ffffff06,#ffffff01); }
.premium-resources h3 { font:400 36px/1.15 var(--display); letter-spacing:-.035em; margin:18px 0; }
.premium-resources p,.offer-benefit p,.role-conditions p,.role-conditions li { font:400 16px/1.75 var(--display); color:#afbccb; }
.resource-list { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:0; }
.resource-list li { padding:12px 0; border-top:1px solid #ffffff13; font:500 16px/1.5 var(--display); color:#e3edf6; }
.offer-benefits { margin-top:18px; }
.offer-benefit { display:grid; grid-template-columns:32px minmax(0,1fr); gap:16px; padding:23px 0; border-bottom:1px solid #ffffff12; }
.offer-benefit .offer-number { padding-top:6px; color:var(--accent); }
.offer-benefit h3 { font:500 24px/1.3 var(--display); letter-spacing:-.025em; margin-bottom:8px; }
.purchase-card {
  position:-webkit-sticky;
  position:sticky;
  top:130px;
  align-self:start;
  height:fit-content;
  padding:32px 28px;
  border:1px solid rgba(62, 207, 142, 0.25);
  border-radius:14px;
  background:radial-gradient(circle at 85% 0%, rgba(62, 207, 142, 0.12), transparent 55%), linear-gradient(165deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 40%, rgba(12,24,19,0.96) 100%), #0b1511;
  box-shadow:0 24px 50px -12px rgba(0, 0, 0, 0.7), 0 0 35px -8px rgba(62, 207, 142, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  overflow:hidden;
}
.purchase-brand {
  display:flex;
  align-items:center;
  gap:14px;
  margin:20px 0 18px;
}
.purchase-brand .brand-avatar {
  width:48px;
  height:48px;
  border-radius:12px;
  background:rgba(255, 255, 255, 0.05);
  border:1px solid rgba(255, 255, 255, 0.1);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px;
  box-shadow:0 4px 14px rgba(0,0,0,0.3);
  flex-shrink:0;
}
.purchase-brand .brand-avatar img {
  width:100%;
  height:100%;
  object-fit:contain;
}
.purchase-brand h3 {
  font:500 25px/1.2 var(--display);
  letter-spacing:-.03em;
  color:#fff;
  margin:0;
}
.purchase-brand .brand-status {
  display:block;
  font:400 12px/1.4 var(--mono);
  color:#8da2b5;
  margin-top:2px;
}
.price-container {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(255, 255, 255, 0.08);
}
.purchase-card .role-price {
  font:500 clamp(44px, 4.6vw, 60px)/1 var(--mono);
  letter-spacing:-.05em;
  color:#f8fbff;
  margin:0;
  display:flex;
  align-items:baseline;
  gap:6px;
}
.purchase-card .role-price span {
  font-size:.45em;
  color:var(--accent-light, #7eedb9);
  font-weight:500;
}
.purchase-card .payment-frequency {
  font:500 12px/1.5 var(--mono);
  color:#9ab3c9;
  letter-spacing:.02em;
  margin:0;
}
.purchase-link.discord-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  margin-top:22px;
  padding:14px 20px;
  border-radius:8px;
  font:600 14px/1 var(--display);
  letter-spacing:.01em;
  background:#5865F2;
  color:#ffffff !important;
  border:1px solid rgba(255, 255, 255, 0.22);
  box-shadow:0 8px 24px -4px rgba(88, 101, 242, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  cursor:pointer;
  text-decoration:none;
  transition:background .25s ease, transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.purchase-link.discord-btn:hover {
  background:#4752c4;
  transform:translateY(-2px);
  box-shadow:0 12px 30px -4px rgba(88, 101, 242, 0.65), 0 0 20px rgba(88, 101, 242, 0.35);
  border-color:rgba(255, 255, 255, 0.45);
}
.purchase-link.discord-btn:active {
  transform:translateY(0);
}
.purchase-link.discord-btn .icon {
  width:19px;
  height:19px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  transition:transform .25s ease;
}
.purchase-link.discord-btn .icon svg {
  width:100%;
  height:100%;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
}
.purchase-link.discord-btn:hover .icon {
  transform:scale(1.15) rotate(-5deg);
}
.ticket-instruction {
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255, 255, 255, 0.035);
  border:1px solid rgba(255, 255, 255, 0.07);
  border-radius:8px;
  padding:11px 14px;
  margin:16px 0 20px;
  font:400 13px/1.5 var(--display);
  color:#c2cfdb;
  text-align:left;
}
.ticket-instruction .icon {
  width:16px;
  height:16px;
  color:var(--accent, #3ecf8e);
  flex-shrink:0;
}
.ticket-instruction p {
  margin:0;
  font-size:13px;
  line-height:1.45;
  color:#c2cfdb;
}
.ticket-instruction strong {
  color:#fff;
  font-weight:600;
}
.payment-details {
  list-style:none;
  padding:16px 0 0;
  margin:0;
  border-top:1px solid rgba(255, 255, 255, 0.08);
  display:grid;
  gap:10px;
}
.payment-details li {
  display:flex;
  align-items:center;
  gap:10px;
  font:400 13px/1.5 var(--display);
  color:#9cb1c5;
  padding:0;
}
.payment-details .detail-check {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:rgba(74, 222, 128, 0.12);
  color:#4ade80;
  flex-shrink:0;
}
.payment-details .detail-check svg {
  width:10px;
  height:10px;
  stroke:currentColor;
  stroke-width:2.4;
  fill:none;
}
.role-conditions { display:grid; grid-template-columns:1fr 1.5fr; gap:40px; border-top:1px solid #ffffff21; margin-top:48px; padding-top:32px; }
.role-conditions h3 { font:400 28px/1.2 var(--display); letter-spacing:-.025em; margin-top:14px; }
.role-conditions ul { padding-left:19px; margin:12px 0 0; }
.community-team .team-layout { grid-template-columns:1fr; max-width:960px; margin:auto; }
.community-team .team-sidebar { display:none; }
.team-rule { width:100%; height:1px; background:linear-gradient(90deg,transparent,#ffffff25 20%,#ffffff25 80%,transparent); margin:36px 0 46px; }
.community-team .community-cta { border:0; border-top:1px solid #ffffff20; border-radius:0; background:none; padding:50px 24px 0; backdrop-filter:none; position:relative; }
.community-cta .cta-rule { width:100%; height:1px; background:linear-gradient(90deg,transparent,#ffffff25 20%,#ffffff25 80%,transparent); margin-bottom:48px; }
@media(max-width:900px) { .offer-layout { grid-template-columns:minmax(0,1fr) minmax(290px,.85fr); gap:24px; } .premium-resources,.purchase-card { padding:26px; } }
@media(max-width:700px) { .offer-layout { grid-template-columns:1fr; gap:28px; } .purchase-card { position:static; } .role-conditions { grid-template-columns:1fr; gap:18px; } }
@media(max-width:620px) { .offer-heading { margin-bottom:32px; } .offer-heading h2 { font-size:42px; } .offer-heading>p { font-size:12px; } .premium-resources h3 { font-size:31px; } .offer-benefit h3 { font-size:23px; } .role-conditions { margin-top:30px; padding-top:26px; } }

#comunidad { --showcase-sans:'DM Sans',sans-serif; --showcase-mono:'Space Mono',monospace; }
#comunidad .section-heading-center { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; margin-bottom:64px; text-align:center; }
#comunidad .section-heading-center h2 { display:inline-flex; align-items:center; justify-content:center; gap:16px; font:400 clamp(30px,3.45vw,44px)/1.1 var(--showcase-sans); letter-spacing:-.04em; }
#comunidad .section-heading-center h2 img { width:clamp(36px,4vw,48px); height:clamp(36px,4vw,48px); object-fit:contain; flex-shrink:0; filter:drop-shadow(0 0 20px rgba(81,148,226,.25)); }
#comunidad .section-heading-center p { max-width:680px; font:700 14px/1.65 var(--showcase-mono); color:#a1a5aa; text-align:center; }

body[data-page="project"] #comunidad .benefit-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  border:0;
  background:none;
}
body[data-page="project"] #comunidad .community-tile {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:0;
  aspect-ratio:4/3;
  padding:36px 20px;
  border:0;
  border-radius:0;
  background:#080b10;
  box-shadow:none;
  overflow:hidden;
  position:relative;
  isolation:isolate;
}
body[data-page="project"] #comunidad .community-tile:before,
body[data-page="project"] #comunidad .community-tile:after {
  display:none;
}
#comunidad .community-tile .project-media {
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  transform:scale(1);
  transition:transform .5s cubic-bezier(.4,0,.2,1);
}
#comunidad .community-tile .project-media:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(8,11,16,0.1) 0%, rgba(8,11,16,0.38) 100%);
}
#comunidad .community-tile .project-bg {
  display:block;
  position:absolute;
  inset:-2%;
  width:104%;
  height:104%;
  max-width:none;
  z-index:0;
  object-fit:cover;
  opacity:1;
  filter:blur(1px);
  transform:none;
  transition:none;
}
#comunidad .community-tile:hover .project-bg {
  opacity:1;
  transform:none;
}
#comunidad .community-tile .project-content {
  position:relative;
  z-index:2;
  width:100%;
  max-width:86%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  pointer-events:none;
  text-align:center;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
}
#comunidad .community-tile .project-art {
  flex:none;
  min-height:0;
  padding:0;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
}
#comunidad .community-tile h3 {
  font:500 clamp(23px,2.15vw,31px)/1.15 var(--showcase-sans);
  letter-spacing:-.04em;
  color:#fff;
  margin:0;
  text-align:center;
  text-shadow:0 2px 16px rgba(0,0,0,0.85);
}
#comunidad .community-tile .project-copy {
  padding:0;
  text-align:center;
}
#comunidad .community-tile .project-copy p {
  margin:0 auto;
  max-width:280px;
  font:500 13px/1.55 var(--showcase-mono);
  letter-spacing:0;
  color:#e4effa;
  text-align:center;
  text-shadow:0 1px 10px rgba(0,0,0,0.9);
}
#comunidad .community-tile .project-frame {
  position:absolute;
  inset:16px;
  display:grid;
  grid-template-columns:auto auto;
  justify-content:space-between;
  align-content:space-between;
  pointer-events:none;
  z-index:1;
  opacity:0;
  transform:scale(.75);
  transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s;
}
#comunidad .community-tile .project-frame i {
  display:block;
  position:relative;
  width:18px;
  height:18px;
}
#comunidad .community-tile .project-frame i:before,
#comunidad .community-tile .project-frame i:after {
  content:'';
  position:absolute;
  background:#d8e1ea88;
  transition:background-color .3s ease, box-shadow .3s ease;
}
#comunidad .community-tile:hover .project-frame i:before,
#comunidad .community-tile:hover .project-frame i:after {
  background:var(--accent, #3ecf8e);
  box-shadow:0 0 8px rgba(62,207,142,.4);
}
#comunidad .community-tile .project-frame i:before {
  top:8px;
  left:0;
  width:18px;
  height:1px;
}
#comunidad .community-tile .project-frame i:after {
  top:0;
  left:8px;
  width:1px;
  height:18px;
}

@media(hover:hover) and (pointer:fine) {
  #comunidad .community-tile:hover .project-media { transform:scale(.75); }
  #comunidad .community-tile:hover .project-frame { opacity:1; transform:scale(1); }
  #comunidad .community-tile:hover .project-content { transform:scale(.95); }
}
#comunidad .community-tile:focus-visible .project-media { transform:scale(.75); }
#comunidad .community-tile:focus-visible .project-frame { opacity:1; transform:scale(1); }
#comunidad .community-tile:focus-visible .project-content { transform:scale(.95); }

@media(max-width:960px) {
  body[data-page="project"] #comunidad .benefit-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page="project"] #comunidad .community-tile {
    aspect-ratio:1;
    padding:30px 18px;
  }
  body[data-page="project"] #comunidad .community-tile:last-child {
    grid-column:span 2;
    aspect-ratio:2/1;
  }
  #comunidad .community-tile h3 {
    font-size:25px;
  }
  #comunidad .community-tile .project-copy p {
    font-size:12px;
    max-width:260px;
  }
}
@media(max-width:620px) {
  #comunidad .section-heading-center {
    gap:18px;
    margin-bottom:38px;
  }
  #comunidad .section-heading-center p {
    font-size:12px;
  }
  body[data-page="project"] #comunidad .benefit-grid {
    grid-template-columns:1fr;
    gap:18px;
  }
  body[data-page="project"] #comunidad .community-tile,
  body[data-page="project"] #comunidad .community-tile:last-child {
    grid-column:auto;
    aspect-ratio:1;
    min-height:300px;
    padding:28px 18px;
  }
  #comunidad .community-tile h3 {
    font-size:clamp(23px,6.2vw,29px);
  }
  #comunidad .community-tile .project-copy p {
    font-size:13px;
    max-width:260px;
  }
}
.offer-heading h2 { font-size:clamp(44px,5vw,66px); margin-top:14px; }
.offer-kicker { color:#99afc4; letter-spacing:.08em; }
.offer-number { font-size:11px; letter-spacing:0; }
.premium-resources { position:relative; overflow:hidden; background:#0b1411; border-radius:8px; padding-top:42px; border:1px solid rgba(62,207,142,.2); box-shadow:0 20px 50px #0004; }
.premium-resources::before { content:''; position:absolute; top:0; left:0; right:0; height:240px; pointer-events:none; background:linear-gradient(180deg,#0b141188,#0b1411),url('frecursos.png') center 38%/cover; opacity:.65; }
.premium-resources::after { content:''; position:absolute; top:-1px; left:20%; right:20%; height:1px; background:linear-gradient(90deg,transparent,rgba(62,207,142,.65),transparent); pointer-events:none; }
.premium-resources>* { position:relative; }
.premium-resources h3 { font-size:38px; font-weight:400; }
.premium-resources>p { font:400 13px/1.8 var(--mono); max-width:390px; }
.resource-list li { position:relative; font:400 16px/1.6 var(--display); padding:15px 0 15px 22px; transition:color .3s; }
.resource-list li::before { content:''; position:absolute; left:0; top:25px; width:6px; height:6px; border:1px solid rgba(62,207,142,.6); transition:background-color .3s,transform .3s; }
.resource-list li:hover { color:#a7f3d0; }
.resource-list li:hover::before { background:var(--accent, #3ecf8e); transform:rotate(45deg); }
.offer-benefits { display:grid; gap:12px; margin-top:22px; }
.offer-benefit { position:relative; border:1px solid #ffffff15; border-radius:8px; padding:23px; background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.005)); overflow:hidden; transition:border-color .35s,background-color .35s,transform .35s,box-shadow .35s; }
.offer-benefit::before { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(62,207,142,.06),transparent); transition:transform .75s ease; pointer-events:none; }
.offer-benefit:hover::before { transform:translateX(200%); }
.offer-benefit:hover { border-color:rgba(62,207,142,.45); background:rgba(255,255,255,.04); transform:translateY(-2px); box-shadow:0 10px 30px #0003; }
.offer-benefit h3 { font-weight:400; font-size:25px; }
.offer-benefit p { font-size:16px; line-height:1.7; }
@keyframes purchaseGlow {
 0%,100% { box-shadow:0 24px 50px -12px rgba(0, 0, 0, 0.7), 0 0 35px -8px rgba(62, 207, 142, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12); border-color:rgba(62, 207, 142, 0.25); }
 50% { box-shadow:0 28px 55px -12px rgba(0, 0, 0, 0.8), 0 0 45px -5px rgba(62, 207, 142, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.2); border-color:rgba(126, 237, 185, 0.45); }
}
.purchase-card { border-radius:14px; background:radial-gradient(circle at 85% 0%, rgba(62, 207, 142, 0.12), transparent 55%), linear-gradient(165deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 40%, rgba(12,24,19,0.96) 100%), #0b1511; animation:purchaseGlow 5s ease-in-out infinite; }
.purchase-card::before { content:''; position:absolute; top:-1px; left:15%; right:15%; height:1px; background:linear-gradient(90deg,transparent,#3ecf8e,#10b981,transparent); }
.purchase-brand h3 { font-weight:500; font-size:25px; }
.purchase-card .role-price { font-family:var(--mono); font-size:clamp(44px,4.6vw,60px); letter-spacing:-.05em; }
.role-conditions { padding:30px; border:1px solid #ffffff1c; border-radius:7px; background:#ffffff02; }

.community-team {
  position: relative;
  padding: 85px 0 100px;
}
.community-team .section-heading-center {
  margin-bottom: 52px;
}
.community-team .section-heading-center h2 {
  font-family: var(--display);
  font-size: clamp(32px, 3.8vw, 46px);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.035em;
  color: #ffffff;
  margin-bottom: 12px;
}
.community-team .section-heading-center p {
  font-family: var(--mono);
  font-size: 14px;
  color: #8b95a2;
}
.founders-showcase {
  max-width: 760px;
  margin: 0 auto;
}
.founders-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.founder-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #0d1217;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 40px 24px 32px;
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.founder-card:hover {
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-4px);
  box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.6);
}
.founder-avatar-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  margin-bottom: 24px;
}
.founder-skin {
  width: auto;
  max-width: 100%;
  height: 240px;
  object-fit: contain;
  filter: drop-shadow(0 14px 20px rgba(0, 0, 0, 0.55));
  transition: transform 0.3s ease;
}
.founder-card:hover .founder-skin {
  transform: translateY(-3px);
}
.founder-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.founder-name {
  font-family: var(--display);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.025em;
  color: #ffffff;
  margin: 0 0 4px;
}
.founder-role {
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 400;
  color: #8b95a2;
  margin: 0 0 20px;
}
.founder-action {
  width: 100%;
  max-width: 220px;
}
.founder-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.founder-btn .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.founder-btn .icon svg {
  width: 13px;
  height: 13px;
  stroke-width: 1.8;
}
.founder-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.28);
  color: #ffffff;
}
@media (max-width: 640px) {
  .founders-grid {
    grid-template-columns: 1fr;
    max-width: 360px;
    margin: 0 auto;
  }
  .founder-avatar-wrap {
    height: 220px;
  }
  .founder-skin {
    height: 210px;
  }
}
@media(max-width:900px) { body[data-page="project"] .community-tile { padding:25px 20px; min-height:340px; } body[data-page="project"] .community-tile p { font-size:11px; } }
@media(max-width:620px) { body[data-page="project"] .community-tile { min-height:285px; padding:30px 26px; } body[data-page="project"] .community-tile h3 { font-size:30px; } body[data-page="project"] .community-tile p { font-size:12px; } .premium-resources h3 { font-size:33px; } .role-conditions { padding:24px; } .offer-benefit { padding:22px 19px; gap:10px; } .purchase-card .role-price { font-size:59px; } }