/* DLG Community Platform v2 extensions — keeps the original visual language. */
.page-hero{padding:9rem 0 3.5rem;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:-20% -10% auto;min-height:520px;background:radial-gradient(circle at 20% 15%,rgba(145,80,255,.22),transparent 38%),radial-gradient(circle at 75% 20%,rgba(72,205,255,.13),transparent 32%);pointer-events:none}.page-hero .wrap{position:relative;z-index:1}.page-hero h1{max-width:920px;font-size:clamp(2.5rem,6vw,6rem);line-height:.92;margin:.8rem 0 1.2rem}.page-hero p{max-width:760px;font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--muted,#a8afbd);line-height:1.7}.subnav{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.5rem}.subnav a,.chip{border:1px solid rgba(255,255,255,.13);padding:.7rem 1rem;border-radius:999px;color:#fff;background:rgba(255,255,255,.035);text-decoration:none}.platform-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.platform-card{grid-column:span 4;min-height:210px;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:1.35rem;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 16px 60px rgba(0,0,0,.18);position:relative;overflow:hidden}.platform-card.wide{grid-column:span 8}.platform-card.full{grid-column:1/-1}.platform-card h3,.platform-card h4{margin:.25rem 0 .65rem}.platform-card p{color:var(--muted,#a8afbd);line-height:1.65}.metric{font-size:clamp(2rem,4vw,4rem);font-weight:800;letter-spacing:-.045em}.muted{color:var(--muted,#a8afbd)}.progress-shell{height:12px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#865cff,#4ed8ff);border-radius:inherit;transition:width .6s ease}.event-feed{display:grid;gap:.7rem}.event-item{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}.event-dot{width:9px;height:9px;border-radius:50%;background:#8f65ff;margin-top:.45rem;box-shadow:0 0 18px #8f65ff}.media-placeholder{aspect-ratio:16/9;border:1px solid rgba(255,255,255,.11);border-radius:24px;overflow:hidden;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 20% 20%,rgba(138,91,255,.26),transparent 35%),radial-gradient(circle at 78% 70%,rgba(72,205,255,.16),transparent 30%),linear-gradient(145deg,#11131b,#08090d)}.media-placeholder:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent)}.placeholder-label{position:relative;z-index:1;text-align:center}.placeholder-label strong{display:block;font-size:clamp(1.4rem,4vw,3rem);letter-spacing:-.04em}.placeholder-label span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#aeb5c4}.hero-brand-mark{display:inline-flex;align-items:center;gap:.55rem;padding:.16em .26em .12em;border:1px solid rgba(255,255,255,.17);border-radius:.28em;background:linear-gradient(135deg,rgba(145,93,255,.18),rgba(50,196,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 38px rgba(123,76,255,.12);font-size:.72em!important;vertical-align:.12em}.hero-brand-mark:before{content:"◈";font-size:.52em;color:#9c75ff;text-shadow:0 0 20px rgba(156,117,255,.8)}.creator-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem}.creator-nav{position:sticky;top:90px;align-self:start;display:grid;gap:.5rem}.creator-nav a{padding:.8rem 1rem;border-radius:14px;text-decoration:none;color:#d5d9e1;border:1px solid rgba(255,255,255,.08)}.creator-nav a:hover{background:rgba(255,255,255,.05)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.4rem}.field.full{grid-column:1/-1}.field label{font-weight:650}.field input,.field textarea,.field select{width:100%;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0e1016;color:#fff;font:inherit}.field textarea{min-height:120px;resize:vertical}.notice{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;background:rgba(255,255,255,.03)}.status-token{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:.8rem;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.data-table th{color:#aeb5c4;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.live-embed-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1rem}.live-embed-grid iframe{border:0;width:100%;min-height:480px;border-radius:18px;background:#07080b}.mini-actions{display:flex;flex-wrap:wrap;gap:.65rem}.tag{display:inline-flex;padding:.35rem .6rem;border-radius:999px;font-size:.78rem;background:rgba(134,92,255,.14);border:1px solid rgba(154,117,255,.22)}.hidden{display:none!important}.qr-box{width:190px;height:190px;background:#fff;border-radius:14px;padding:10px}.qr-box img{width:100%;height:100%;display:block}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.team-profile{border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:1rem;background:rgba(255,255,255,.025)}.team-avatar{aspect-ratio:1;border-radius:18px;background:radial-gradient(circle at 30% 30%,rgba(148,89,255,.35),transparent 40%),#11131a;display:grid;place-items:center;font-size:2rem;margin-bottom:1rem}.platform-section{padding:3rem 0}.compact-list{display:grid;gap:.6rem;padding:0;list-style:none}.compact-list li{padding:.7rem .8rem;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
@media(max-width:980px){.platform-card,.platform-card.wide{grid-column:span 6}.creator-shell{grid-template-columns:1fr}.creator-nav{position:static;grid-template-columns:repeat(2,1fr)}.live-embed-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.page-hero{padding-top:7.2rem}.platform-card,.platform-card.wide{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.creator-nav{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.live-embed-grid iframe{min-height:360px}.data-table{display:block;overflow-x:auto}.subnav{gap:.45rem}.subnav a{font-size:.86rem;padding:.6rem .75rem}}

/* v3.5 public subpage depth + responsive route navigation */
.page-route-section{padding-top:1.2rem;padding-bottom:4.5rem}.page-route-title{margin:.5rem 0 1.4rem;font-family:"Inter Display",sans-serif;font-size:clamp(1.8rem,3.2vw,3.4rem);line-height:1;letter-spacing:-.03em;max-width:760px}.page-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.page-route-grid a{min-width:0;min-height:118px;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:transform .18s ease,border-color .18s ease}.page-route-grid a:hover{transform:translateY(-3px);border-color:rgba(200,239,255,.22)}.page-route-grid strong{color:#fff;font-size:1rem}.page-route-grid span{margin-top:.25rem;color:#7f8998;font-size:.76rem;line-height:1.45}.page-route-grid b{position:absolute;right:1rem;top:1rem;color:#748296;font-size:.8rem}
@media(max-width:900px){.page-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.page-route-section{padding-bottom:3rem}.page-route-title{font-size:2rem}.page-route-grid{grid-template-columns:1fr}.page-route-grid a{min-height:92px}}

/* v3.7 subpage consistency */
.page-hero .wrap,.platform-section>.wrap,.site-footer>.wrap{min-width:0}
.platform-card h2,.platform-card h3,.platform-card h4{line-height:1.08}
.platform-card p{margin-bottom:0}
.media-placeholder{min-height:280px}
@media(max-width:700px){.media-placeholder{min-height:230px;aspect-ratio:auto}.creator-shell{gap:16px}.form-grid{gap:14px}.field input,.field textarea,.field select{font-size:16px}}


/* v3.8 page hero enhancement */
.page-hero{position:relative}
.page-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);gap:clamp(24px,4vw,54px);align-items:end}
.page-hero-copy{min-width:0}
.page-hero h1{max-width:12ch;font-size:clamp(2.7rem,5.9vw,5.65rem);line-height:.92;letter-spacing:-.055em}
.page-hero p{max-width:62ch}
.page-hero-panel{position:relative;min-width:0;padding:clamp(20px,2.2vw,28px);border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 18px 60px rgba(0,0,0,.24);overflow:hidden;isolation:isolate}
.page-hero-panel:before{content:"";position:absolute;inset:-35% auto auto -18%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(145,80,255,.24),transparent 64%);z-index:-1}.page-hero-panel:after{content:"";position:absolute;right:-10%;bottom:-24%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(72,205,255,.16),transparent 66%);z-index:-1}
.hero-panel-kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .72rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#f2a014;text-transform:uppercase}.hero-panel-title{margin:1rem 0 .85rem;font-family:"Inter Display",sans-serif;font-size:clamp(1.45rem,2.1vw,2.15rem);line-height:1.02;letter-spacing:-.035em;color:#fff;max-width:16ch}.hero-panel-list{list-style:none;padding:0;margin:0;display:grid;gap:.78rem}.hero-panel-list li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:.7rem;align-items:flex-start;color:#c9d0db;line-height:1.55}.hero-panel-list i{width:12px;height:12px;border-radius:50%;margin-top:.38rem;background:linear-gradient(180deg,#ff5c35,#f2a014);box-shadow:0 0 0 4px rgba(242,160,20,.08)}.hero-panel-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.15rem}.hero-panel-actions .button{min-height:46px}
@media(max-width:1100px){.page-hero-grid{grid-template-columns:1fr}.page-hero-panel{max-width:760px}.page-hero h1{max-width:14ch}}
@media(max-width:700px){.page-hero-grid{gap:18px}.page-hero-panel{padding:18px;border-radius:20px}.hero-panel-title{max-width:none}.hero-panel-actions{display:grid;grid-template-columns:1fr 1fr}.hero-panel-actions .button{width:100%;justify-content:center}}
@media(max-width:430px){.hero-panel-actions{grid-template-columns:1fr}.page-hero h1{max-width:none}.hero-panel-list li{gap:.62rem}}

/* v3.9 page-hero background continuity: full-height, no hard vertical cutoff */
.page-hero{
  background:
    linear-gradient(180deg, rgba(6,8,12,.08) 0%, rgba(6,8,12,.18) 54%, var(--bg,#06080c) 100%),
    radial-gradient(ellipse at 18% 8%, rgba(120,62,168,.26) 0%, rgba(120,62,168,.12) 34%, transparent 64%),
    radial-gradient(ellipse at 84% 8%, rgba(33,151,189,.18) 0%, rgba(33,151,189,.08) 36%, transparent 66%);
}
.page-hero:before{
  inset:0;
  min-height:0;
  height:auto;
  background:
    linear-gradient(180deg, rgba(6,8,12,0) 0%, rgba(6,8,12,.06) 58%, var(--bg,#06080c) 100%),
    radial-gradient(circle at 20% 14%,rgba(145,80,255,.17),transparent 42%),
    radial-gradient(circle at 76% 16%,rgba(72,205,255,.10),transparent 38%);
}
@media(max-width:700px){
  .page-hero{
    background:
      linear-gradient(180deg, rgba(6,8,12,.06) 0%, rgba(6,8,12,.14) 62%, var(--bg,#06080c) 100%),
      radial-gradient(ellipse at 24% 4%, rgba(120,62,168,.22) 0%, transparent 62%),
      radial-gradient(ellipse at 86% 12%, rgba(33,151,189,.14) 0%, transparent 58%);
  }
}