/* ProAct Agency – compact modern community design */
:root{
  color-scheme:dark;
  --bg:#0a0d12;
  --panel:rgba(17,22,30,.9);
  --panel-solid:#111720;
  --panel-2:#151b24;
  --line:rgba(255,255,255,.11);
  --text:#f4f6f8;
  --muted:#a6afbc;
  --lime:#c8ff36;
  --cyan:#58d9e8;
  --pink:#d77bcf;
  --orange:#e6a368;
  --danger:#ff7588;
  --warning:#f0c66b;
  --shadow:0 22px 60px rgba(0,0,0,.28);
  --radius:14px;
  --radius-sm:9px;
  --max:1180px;
}
html{scroll-padding-top:82px;background:var(--bg)}
body{min-width:320px;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body::before{display:none}
::selection{color:#0b0e13;background:var(--lime)}
.community-bg{z-index:-4;background:var(--bg)}
.community-bg video{opacity:.08;filter:saturate(.7) contrast(1.05)}
.community-bg-overlay{background:linear-gradient(180deg,rgba(10,13,18,.58),rgba(10,13,18,.98) 68%,var(--bg))}
.community-bg::after{display:none}

.community-header{position:fixed;inset:0 0 auto;min-height:72px;grid-template-columns:180px 1fr auto;gap:24px;padding:0 max(20px,calc((100vw - var(--max))/2));background:rgba(10,13,18,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:none}
.community-header::after{display:none}
.community-brand img{width:145px;max-height:none}
.community-nav{gap:24px}
.community-nav a{position:relative;padding:26px 0 23px;border-radius:0;color:var(--muted);font-size:.75rem;font-weight:750;background:transparent!important}
.community-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:1px;background:var(--lime);transition:.2s ease}
.community-nav a:hover,.community-nav a.active{color:#fff}
.community-nav a:hover::after,.community-nav a.active::after{right:0}
.community-account{gap:10px}
.community-account .text-link{font-size:.75rem;font-weight:750;color:var(--muted)}
.account-chip{min-height:40px;padding:3px 10px 3px 4px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025)}
.account-chip>span,.avatar{background:linear-gradient(135deg,var(--lime),var(--cyan));box-shadow:none}
.notification-link{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.025)}
.notification-link:hover{color:var(--lime);border-color:rgba(200,255,54,.42);box-shadow:none}
.community-menu-toggle{width:42px;height:40px;border-radius:9px}

.community-main{width:min(var(--max),calc(100% - 40px));padding:112px 0 80px;min-height:calc(100vh - 230px)}
h1{font-size:clamp(2.75rem,6vw,5rem);line-height:.98;letter-spacing:-.055em;text-transform:none;text-wrap:balance}
h2{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.02;letter-spacing:-.04em;text-transform:none;text-wrap:balance}
h3{letter-spacing:-.02em}
.eyebrow{margin-bottom:14px;color:var(--lime);font-size:.67rem;font-weight:850;letter-spacing:.1em}
.eyebrow:before{width:20px}
.button{min-height:42px;padding:0 17px;border-radius:9px;background:var(--lime);box-shadow:none;font-size:.74rem}
.button:hover{transform:translateY(-1px)}
.button-secondary{border-color:var(--line);background:rgba(255,255,255,.025);color:#fff}
.button-secondary:hover{border-color:rgba(88,217,232,.45);color:var(--cyan)}
.button-small{min-height:36px;padding:0 13px;font-size:.7rem}

.hero-community{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;min-height:auto;padding:40px 0 66px;border-bottom:1px solid var(--line)}
.hero-community::before,.hero-community::after{display:none}
.hero-community h1 span{display:block;color:var(--lime)}
.hero-community .lead{max-width:690px;font-size:1rem;line-height:1.7}
.hero-actions{gap:10px;margin-top:25px}
.hero-panel{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.hero-panel>strong{font-size:clamp(2.8rem,5vw,4.6rem);color:#fff}
.hero-panel-grid{gap:8px;margin-top:18px}
.hero-panel-grid div{padding:13px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02)}
.hero-panel-grid strong{font-size:1.2rem;color:var(--lime)}

.announcement{margin:26px 0;padding:18px;border:1px solid rgba(200,255,54,.22);border-radius:12px;background:rgba(200,255,54,.045)}
.section-head{margin:58px 0 24px}
.section-head p{max-width:520px}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.category-card{min-height:150px;padding:20px;border-radius:12px;background:var(--panel);box-shadow:none}
.category-card::before,.category-card::after{display:none}
.category-card:hover{transform:translateY(-2px);border-color:rgba(88,217,232,.35)}
.category-card h3{font-size:1.08rem}
.category-card p{font-size:.84rem;line-height:1.55}
.category-icon{width:42px;height:42px;border-radius:10px;color:var(--cyan);background:rgba(88,217,232,.07)}
.category-meta{font-size:.68rem}
.feature-grid{gap:13px}
.feature-card{min-height:190px;padding:22px;border-radius:12px;background:var(--panel);box-shadow:none}
.feature-card::before{display:none}
.feature-icon{width:42px;height:42px;border-radius:10px}

.page-head{margin-bottom:26px}
.panel,.forum-card,.side-card,.content-card,.profile-card,.narrow-card,.admin-card{border-radius:12px;background:var(--panel);box-shadow:none}
.forum-layout{gap:16px}
.forum-card,.side-card{border-color:var(--line)}
.topic-row,.forum-post{border-color:var(--line)}
.topic-row:hover{background:rgba(255,255,255,.025)}
.topic-avatar,.post-author .avatar{border-radius:10px}
.forum-post{border-radius:12px}
.post-content{font-size:.94rem;line-height:1.72}

input,textarea,select,.form-card input,.form-card textarea,.form-card select{border-radius:9px;background:#0c1118;border-color:var(--line)}
input:focus,textarea:focus,select:focus,.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:rgba(200,255,54,.55);box-shadow:0 0 0 3px rgba(200,255,54,.06)}
.form-card,.narrow-card,.content-card,.profile-card{padding:24px}

.conversation-list,.chat-window{border-radius:12px;background:var(--panel)}
.conversation-item.active{box-shadow:inset 2px 0 0 var(--lime)}
.chat-message{border-radius:10px}
.chat-message.user{background:rgba(200,255,54,.08);border-color:rgba(200,255,54,.18)}
.chat-message.admin{background:rgba(88,217,232,.07);border-color:rgba(88,217,232,.18)}
.chat-compose{background:rgba(10,13,18,.68)}

.profile-card .avatar{border-radius:12px;box-shadow:none}
.profile-stats div{border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02)}
.profile-stats strong{color:var(--lime)}
.notification-item{border-radius:10px}
.notification-item.unread{border-color:rgba(200,255,54,.32);background:rgba(200,255,54,.045)}
.status-panel{border-radius:10px;border-color:rgba(200,255,54,.24);background:rgba(200,255,54,.04)}
.faq-item{border-radius:10px}
.faq-item summary{padding:16px 50px 16px 17px;font-size:.84rem;text-transform:none}
.faq-item summary::after{right:15px;width:26px;height:26px;color:var(--lime);border-color:var(--line)}

.admin-shell{width:min(var(--max),calc(100% - 40px));padding-top:104px}
.admin-top{padding-bottom:18px;border-bottom:1px solid var(--line)}
.admin-title{text-transform:none;font-size:clamp(2rem,4vw,3.5rem)}
.admin-tabs{gap:7px}
.admin-tabs a{border-radius:8px;font-size:.7rem;font-weight:780;text-transform:none}
.admin-tabs a.active,.admin-tabs a:hover{background:var(--lime);color:#0b0e13;border-color:var(--lime);box-shadow:none}
.admin-metric{border-radius:10px;background:var(--panel)}
.admin-metric strong{color:var(--lime)}
.admin-card{border-radius:12px}

.community-footer{grid-template-columns:1.2fr .8fr 1.15fr .9fr;width:min(var(--max),calc(100% - 40px));padding:48px 0 42px;border-top:1px solid var(--line)}
.community-footer::before{display:none}
.community-footer img{width:148px}
.community-footer strong{font-size:.62rem;letter-spacing:.1em}
.community-footer a,.community-footer span,.community-footer p,.community-footer button{font-size:.76rem}
.community-footer a:hover,.community-footer button:hover{color:var(--lime)}
.community-footer button{width:fit-content;padding:0;border:0;color:var(--muted);background:none;cursor:pointer;text-align:left}

@media(max-width:1000px){
  .community-header{grid-template-columns:1fr auto auto;min-height:66px;padding:0 18px}
  .community-brand img{width:132px}
  .community-menu-toggle{display:block;order:3}
  .community-nav{position:absolute;left:14px;right:14px;top:66px;display:none;flex-direction:column;gap:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:rgba(10,13,18,.98);box-shadow:var(--shadow)}
  .community-nav.open{display:flex}
  .community-nav a{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
  .community-nav a:last-child{border:0}
  .community-nav a::after{display:none}
  .community-account{grid-column:2;grid-row:1}
  .community-main{padding-top:96px}
  .hero-community{grid-template-columns:1fr;gap:28px}
  .forum-layout,.support-layout,.profile-layout,.install-shell{grid-template-columns:1fr}
  .community-footer{grid-template-columns:1.2fr 1fr}
}
@media(max-width:720px){
  .community-main{width:min(100% - 28px,var(--max));padding:92px 0 58px}
  .hero-community{padding:24px 0 44px}
  .hero-community h1{font-size:clamp(2.6rem,13vw,4rem)}
  .category-grid,.feature-grid,.form-grid,.two-column{grid-template-columns:1fr}
  .community-footer{grid-template-columns:1fr;width:min(100% - 28px,var(--max));padding-bottom:36px}
  .admin-shell{width:calc(100% - 28px);padding-top:92px}
}
@media(prefers-reduced-motion:reduce){.community-bg video{display:none}}

/* Shared ProAct service motion background */
.community-bg.agency-motion{z-index:0;background:
  radial-gradient(circle at 18% 20%,rgba(88,217,232,.055),transparent 32%),
  radial-gradient(circle at 68% 34%,rgba(215,123,207,.05),transparent 34%),
  radial-gradient(circle at 84% 76%,rgba(200,255,54,.045),transparent 30%),
  var(--bg)}
.community-bg.agency-motion .agency-motion-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:.74;filter:saturate(.9) contrast(1.02)}
.community-bg.agency-motion video{opacity:.018;filter:saturate(.5) contrast(1.02) blur(2px);mix-blend-mode:screen}
.community-bg.agency-motion::after{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.25) .55px,transparent .75px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.community-bg.agency-motion .community-bg-overlay{background:
  radial-gradient(circle at 50% 22%,transparent 0 16%,rgba(10,13,18,.28) 56%,rgba(10,13,18,.75) 100%),
  linear-gradient(180deg,rgba(10,13,18,.32),rgba(10,13,18,.9) 68%,var(--bg))}
.community-page>.community-header,.community-page>.community-main,.community-page>.community-footer,.community-page>.flash-stack{position:relative;z-index:1}
.community-page>.community-header{position:fixed;z-index:100}
@media(max-width:720px){.community-bg.agency-motion .agency-motion-canvas{opacity:.62}.community-bg.agency-motion .community-bg-overlay{background:linear-gradient(180deg,rgba(10,13,18,.38),rgba(10,13,18,.94) 66%,var(--bg))}}
@media(prefers-reduced-motion:reduce){.community-bg.agency-motion .agency-motion-canvas{opacity:.4}}

/* =========================================================
   PROACT COMMUNITY COLOR EDITION
   ========================================================= */
:root{
  --lime:#c9ff3d;
  --cyan:#2fe6f2;
  --pink:#ff4fd8;
  --violet:#8a63ff;
  --orange:#ff9a3d;
  --panel:rgba(18,20,32,.9);
  --panel-solid:#121522;
  --line:rgba(255,255,255,.13)
}
.community-page{
  background:
    radial-gradient(circle at 8% 12%,rgba(47,230,242,.10),transparent 27%),
    radial-gradient(circle at 91% 16%,rgba(138,99,255,.11),transparent 29%),
    radial-gradient(circle at 82% 82%,rgba(255,79,216,.08),transparent 30%),
    radial-gradient(circle at 14% 76%,rgba(201,255,61,.07),transparent 25%),
    var(--bg)
}
.community-bg.agency-motion{
  background:
    radial-gradient(circle at 18% 20%,rgba(47,230,242,.12),transparent 33%),
    radial-gradient(circle at 68% 34%,rgba(255,79,216,.10),transparent 35%),
    radial-gradient(circle at 84% 76%,rgba(201,255,61,.08),transparent 31%),
    radial-gradient(circle at 45% 68%,rgba(138,99,255,.08),transparent 34%),
    var(--bg)
}
.community-bg.agency-motion .agency-motion-canvas{opacity:.92;filter:saturate(1.28) contrast(1.05)}
.community-bg.agency-motion video{opacity:.055;filter:saturate(1.25) contrast(1.06) blur(1px)}
.community-bg.agency-motion .community-bg-overlay{background:
  radial-gradient(circle at 50% 20%,transparent 0 15%,rgba(10,13,18,.22) 56%,rgba(10,13,18,.72) 100%),
  linear-gradient(180deg,rgba(10,13,18,.28),rgba(10,13,18,.87) 70%,var(--bg))}
.community-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;opacity:.72;
  background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),var(--pink),var(--lime),transparent)
}
.community-nav a:hover{color:var(--cyan)}
.community-nav a.active{color:#fff}
.community-nav a.active::after{background:linear-gradient(90deg,var(--cyan),var(--pink),var(--lime));box-shadow:0 0 18px rgba(47,230,242,.35)}
.button,.button-small,.community-account .button{
  border-color:transparent;color:#090b10;
  background:linear-gradient(100deg,var(--lime),#eaff72 44%,var(--cyan));
  box-shadow:0 10px 30px rgba(47,230,242,.12),0 7px 22px rgba(201,255,61,.10)
}
.button:hover,.button-small:hover,.community-account .button:hover{color:#090b10;background:linear-gradient(100deg,var(--cyan),#8af8ff 42%,var(--lime));box-shadow:0 13px 36px rgba(47,230,242,.18)}
.button-secondary{color:#fff!important;border-color:rgba(138,99,255,.34)!important;background:linear-gradient(135deg,rgba(47,230,242,.07),rgba(138,99,255,.10),rgba(255,79,216,.07))!important;box-shadow:none!important}
.button-secondary:hover{border-color:rgba(255,79,216,.5)!important;color:#fff!important}

.hero-community h1{
  background:linear-gradient(105deg,#fff 0 52%,#c5fbff 66%,#d5c9ff 82%,#fff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero-community .eyebrow{color:var(--cyan)}
.hero-community::before{background:radial-gradient(circle,rgba(138,99,255,.15),rgba(255,79,216,.07) 42%,transparent 72%)}
.hero-stat-grid,.community-stat-grid{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:rgba(10,13,18,.38);backdrop-filter:blur(12px)}
.hero-stat-grid>*,.community-stat-grid>*{position:relative}
.hero-stat-grid>*::before,.community-stat-grid>*::before{content:"";position:absolute;inset:0;opacity:.075;background:var(--metric-color)}
.hero-stat-grid>*:nth-child(4n+1),.community-stat-grid>*:nth-child(4n+1){--metric-color:var(--cyan)}
.hero-stat-grid>*:nth-child(4n+2),.community-stat-grid>*:nth-child(4n+2){--metric-color:var(--violet)}
.hero-stat-grid>*:nth-child(4n+3),.community-stat-grid>*:nth-child(4n+3){--metric-color:var(--pink)}
.hero-stat-grid>*:nth-child(4n),.community-stat-grid>*:nth-child(4n){--metric-color:var(--lime)}
.hero-stat-grid>*:nth-child(4n+1) strong,.community-stat-grid>*:nth-child(4n+1) strong{color:var(--cyan)}
.hero-stat-grid>*:nth-child(4n+2) strong,.community-stat-grid>*:nth-child(4n+2) strong{color:#b7a7ff}
.hero-stat-grid>*:nth-child(4n+3) strong,.community-stat-grid>*:nth-child(4n+3) strong{color:var(--pink)}
.hero-stat-grid>*:nth-child(4n) strong,.community-stat-grid>*:nth-child(4n) strong{color:var(--lime)}

.category-card,.feature-card,.panel,.forum-card,.side-card,.content-card,.profile-card,.narrow-card,.admin-card{
  background:
    linear-gradient(145deg,rgba(47,230,242,.025),transparent 32%),
    linear-gradient(315deg,rgba(255,79,216,.025),transparent 38%),
    var(--panel)
}
.category-card,.feature-card{transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}
.category-card:hover,.feature-card:hover{transform:translateY(-4px)}
.category-grid .category-card:nth-child(3n+1){border-color:rgba(47,230,242,.28)}
.category-grid .category-card:nth-child(3n+2){border-color:rgba(255,79,216,.27)}
.category-grid .category-card:nth-child(3n){border-color:rgba(201,255,61,.26)}
.category-grid .category-card:nth-child(3n+1):hover{border-color:rgba(47,230,242,.62);box-shadow:0 24px 58px rgba(47,230,242,.10)}
.category-grid .category-card:nth-child(3n+2):hover{border-color:rgba(255,79,216,.60);box-shadow:0 24px 58px rgba(255,79,216,.09)}
.category-grid .category-card:nth-child(3n):hover{border-color:rgba(201,255,61,.56);box-shadow:0 24px 58px rgba(201,255,61,.09)}
.category-grid .category-card:nth-child(3n+1) .category-icon{color:var(--cyan);border-color:rgba(47,230,242,.25);background:rgba(47,230,242,.08)}
.category-grid .category-card:nth-child(3n+2) .category-icon{color:var(--pink);border-color:rgba(255,79,216,.23);background:rgba(255,79,216,.07)}
.category-grid .category-card:nth-child(3n) .category-icon{color:var(--lime);border-color:rgba(201,255,61,.23);background:rgba(201,255,61,.07)}
.feature-grid .feature-card:nth-child(4n+1){border-color:rgba(47,230,242,.23)}
.feature-grid .feature-card:nth-child(4n+2){border-color:rgba(138,99,255,.24)}
.feature-grid .feature-card:nth-child(4n+3){border-color:rgba(255,79,216,.23)}
.feature-grid .feature-card:nth-child(4n){border-color:rgba(201,255,61,.23)}
.feature-grid .feature-card:nth-child(4n+1) .feature-icon{color:var(--cyan)}
.feature-grid .feature-card:nth-child(4n+2) .feature-icon{color:#b7a7ff}
.feature-grid .feature-card:nth-child(4n+3) .feature-icon{color:var(--pink)}
.feature-grid .feature-card:nth-child(4n) .feature-icon{color:var(--lime)}

.page-head .eyebrow,.community-section .eyebrow{color:var(--cyan)}
.page-head h1,.admin-title{background:linear-gradient(105deg,#fff 0 58%,#c7faff 72%,#d9cfff 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.topic-row:hover{background:linear-gradient(90deg,rgba(47,230,242,.045),rgba(138,99,255,.025),transparent)}
.topic-row.unread,.notification-item.unread{border-color:rgba(47,230,242,.38);background:linear-gradient(90deg,rgba(47,230,242,.07),rgba(138,99,255,.035))}
.topic-avatar,.post-author .avatar,.profile-card .avatar,.account-chip span{background:linear-gradient(135deg,var(--cyan),var(--violet),var(--pink));color:#fff;box-shadow:0 0 22px rgba(138,99,255,.16)}
.chat-message.user{background:linear-gradient(135deg,rgba(201,255,61,.10),rgba(47,230,242,.05));border-color:rgba(201,255,61,.24)}
.chat-message.admin{background:linear-gradient(135deg,rgba(47,230,242,.10),rgba(138,99,255,.07));border-color:rgba(47,230,242,.25)}
.status-panel{border-color:rgba(201,255,61,.28);background:linear-gradient(110deg,rgba(201,255,61,.065),rgba(47,230,242,.035))}
.faq-item[open],.faq-item.is-open{border-color:rgba(138,99,255,.30);background:linear-gradient(90deg,rgba(47,230,242,.055),rgba(138,99,255,.045),rgba(255,79,216,.035))}
input:focus,textarea:focus,select:focus,.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:rgba(47,230,242,.60);box-shadow:0 0 0 3px rgba(47,230,242,.08),0 0 26px rgba(138,99,255,.05)}

.admin-tabs a.active,.admin-tabs a:hover{color:#090b10;border-color:transparent;background:linear-gradient(100deg,var(--lime),var(--cyan));box-shadow:0 8px 24px rgba(47,230,242,.12)}
.admin-grid .admin-metric:nth-child(4n+1) strong{color:var(--cyan)}
.admin-grid .admin-metric:nth-child(4n+2) strong{color:#b7a7ff}
.admin-grid .admin-metric:nth-child(4n+3) strong{color:var(--pink)}
.admin-grid .admin-metric:nth-child(4n) strong{color:var(--lime)}
.admin-grid .admin-metric:nth-child(4n+1){border-color:rgba(47,230,242,.23)}
.admin-grid .admin-metric:nth-child(4n+2){border-color:rgba(138,99,255,.23)}
.admin-grid .admin-metric:nth-child(4n+3){border-color:rgba(255,79,216,.22)}
.admin-grid .admin-metric:nth-child(4n){border-color:rgba(201,255,61,.22)}
.community-footer{position:relative;background:linear-gradient(180deg,rgba(18,20,32,.72),rgba(8,11,16,.95))}
.community-footer::after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;opacity:.65;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),var(--pink),var(--lime),transparent)}
.community-footer strong{color:var(--cyan)}
.community-footer>div:nth-child(3) strong{color:var(--pink)}
.community-footer>div:nth-child(4) strong{color:var(--lime)}

@media(max-width:720px){
  .community-bg.agency-motion .agency-motion-canvas{opacity:.76}
  .category-card:hover,.feature-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.community-bg.agency-motion .agency-motion-canvas{opacity:.58}}