@import url("./brand-dark2.css?v=dark2-20260919-01");
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#030914;color:#eef5ff}
.community-top{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(16px,4vw,54px);background:rgba(3,9,20,.94);border-bottom:1px solid var(--oyag-line);backdrop-filter:blur(18px)}
.community-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.community-brand img{width:42px;height:42px;object-fit:contain}.community-brand strong,.community-brand small{display:block}.community-brand small{color:var(--oyag-muted);font-size:.68rem}.community-top nav{display:flex;gap:20px}.community-top nav a{text-decoration:none;font-size:.84rem;font-weight:800;color:#b8c9da}.community-top nav a:hover{color:#fff}.community-top>button,.community-toolbar button,.composer-head button{border:1px solid var(--oyag-line);background:var(--oyag-surface);color:var(--oyag-text);border-radius:10px;padding:9px 12px;font-weight:800}
.community-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:300px minmax(0,1fr)}
.community-side{padding:28px 22px;background:#04101d;border-right:1px solid var(--oyag-line);position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.community-side h1{font-size:1.65rem;line-height:1.05;margin:8px 0 12px}.community-side>p:not(.eyebrow){color:var(--oyag-muted);line-height:1.55}
.community-profile,.mentor-note{margin-top:20px;padding:15px;border:1px solid var(--oyag-line);border-radius:14px;background:var(--oyag-surface)}.community-profile span,.community-profile small,.community-profile strong{display:block}.community-profile span,.community-profile small{color:var(--oyag-muted);font-size:.75rem}.community-profile strong{margin:5px 0}.mentor-note strong{color:var(--oyag-gold)}.mentor-note p{margin:7px 0 0;font-size:.8rem;line-height:1.5}
.community-topics{display:grid;gap:7px;margin-top:20px}.community-topics button{border:1px solid transparent;border-radius:10px;background:transparent;color:#9fb3c8;text-align:left;padding:10px 12px;font-weight:800}.community-topics button:hover,.community-topics button.active{background:rgba(46,167,255,.1);border-color:rgba(46,167,255,.22);color:#fff}
.community-main{padding:34px clamp(18px,4vw,54px);max-width:1080px;width:100%;margin:0 auto}.community-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.community-hero h2{font-size:clamp(1.8rem,4vw,3rem);margin:5px 0 10px}.community-hero p{max-width:720px;line-height:1.6}.community-primary{border:0;border-radius:11px;padding:12px 16px;background:linear-gradient(135deg,var(--oyag-blue-strong),var(--oyag-purple));color:#fff;font-weight:900;cursor:pointer}
.community-composer{padding:20px;border:1px solid var(--oyag-line);border-radius:18px;background:var(--oyag-surface);box-shadow:var(--oyag-shadow);margin:18px 0}.composer-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.composer-head h3{margin:4px 0 12px}.community-composer form{display:grid;gap:12px}.community-composer label{display:grid;gap:7px;font-size:.78rem;font-weight:850}.community-composer input,.community-composer select,.community-composer textarea{width:100%;border:1px solid var(--oyag-line);border-radius:11px;padding:12px;background:#07111f;color:#eef5ff}.community-composer textarea{min-height:150px;resize:vertical}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.composer-actions span{color:var(--oyag-muted);font-size:.8rem}
.community-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 12px;color:var(--oyag-muted);font-size:.82rem}
.community-feed{display:grid;gap:14px}.community-post{padding:20px;border:1px solid var(--oyag-line);border-radius:18px;background:var(--oyag-surface);box-shadow:0 14px 40px rgba(0,0,0,.18)}.post-meta{display:flex;justify-content:space-between;gap:14px;color:var(--oyag-muted);font-size:.75rem}.post-topic{padding:5px 8px;border-radius:999px;background:rgba(46,167,255,.1);color:#78c9ff;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.community-post h3{margin:12px 0 7px;font-size:1.25rem}.community-post .post-body{white-space:pre-wrap;line-height:1.6;color:#c0d0de}.post-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.post-actions button{border:1px solid var(--oyag-line);border-radius:9px;background:#07111f;color:#cbd9e7;padding:8px 10px;font-weight:800}.comments{margin-top:14px;padding-top:13px;border-top:1px solid var(--oyag-line);display:grid;gap:10px}.comment{padding:10px 12px;border-radius:10px;background:#06111e}.comment strong{font-size:.82rem}.comment p{margin:5px 0 0;white-space:pre-wrap;font-size:.87rem}.comment-form{display:flex;gap:8px}.comment-form input{flex:1;border:1px solid var(--oyag-line);border-radius:9px;background:#07111f;color:#fff;padding:10px}.empty{padding:35px;text-align:center;border:1px dashed var(--oyag-line);border-radius:16px;color:var(--oyag-muted)}
@media(max-width:880px){.community-top nav{display:none}.community-shell{grid-template-columns:1fr}.community-side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--oyag-line)}.community-topics{grid-template-columns:repeat(2,1fr)}.community-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.community-top{padding:0 12px}.community-brand small{display:none}.community-main{padding:24px 14px}.community-topics{grid-template-columns:1fr}.composer-actions,.comment-form{align-items:stretch;flex-direction:column}}