.roles-article{font-family:'Inter','Roboto',sans-serif;color:#e0e0e0;line-height:1.6}.roles-hero{text-align:center;padding:20px 0;margin-bottom:30px}.roles-hero img{max-width:100%;border-radius:12px;box-shadow:0 8px 24px rgba(0,255,204,0.2)}.roles-intro{background:linear-gradient(135deg,#111827,#1f2937);padding:30px;border-radius:12px;border-left:5px solid #00ffcc;margin-bottom:40px;box-shadow:0 4px 15px rgba(0,0,0,0.3)}.roles-intro h3{color:#00ffcc;margin-top:0;font-size:1.5em}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.role-card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:25px;transition:transform 0.3s ease,box-shadow 0.3s ease}.role-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,255,204,0.15);border-color:#00ffcc}.role-title{color:#60a5fa;font-size:1.3em;font-weight:bold;margin-bottom:10px;border-bottom:1px solid #374151;padding-bottom:10px}.role-card p{font-size:0.95em;color:#d1d5db;margin:0}.role-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:0.8em;font-weight:600;background:rgba(96,165,250,0.2);color:#60a5fa;margin-bottom:15px}.badge-admin{background:rgba(239,68,68,0.2);color:#ef4444}.badge-publisher{background:rgba(245,158,11,0.2);color:#f59e0b}.badge-author{background:rgba(16,185,129,0.2);color:#10b981}.badge-graphic{background:rgba(139,92,246,0.2);color:#8b5cf6}.badge-moderator{background:rgba(236,72,153,0.2);color:#ec4899}.badge-contributor{background:rgba(14,165,233,0.2);color:#0ea5e9}.badge-staff{background:rgba(249,115,22,0.2);color:#f97316}.badge-subscriber{background:rgba(156,163,175,0.2);color:#9ca3af}.roles-cta{position:relative;display:block;margin-top:50px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.5);text-decoration:none;transition:transform 0.3s ease,box-shadow…
