@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}:root{--bg-page:#090c10;--bg-card:rgba(13,17,23,.6);--bg-card-hover:rgba(21,28,39,.8);--text-main:#ffffff;--text-muted:#a3a3a3;--accent:#4b90ff;--border-color:#30363d;--border-hover:#4b90ff48;--radius:24px;--padding:28px;--gap:20px}*{box-sizing:border-box;margin:0;padding:0;outline:none}a{text-decoration:none;color:inherit}body{background-color:var(--bg-page);color:var(--text-main);font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:flex;justify-content:center;padding:40px 20px;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.background-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:moveBlob 20s infinite alternate}.blob-1{top:-10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#4b90ff 0%,rgba(75,144,255,0) 70%);animation-duration:25s}.blob-2{bottom:-10%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#8b5cf6 0%,rgba(139,92,246,0) 70%);animation-duration:30s;animation-delay:-5s}.blob-3{top:40%;left:40%;width:400px;height:400px;background:radial-gradient(circle,#2563eb 0%,rgba(37,99,235,0) 70%);animation-duration:22s;animation-delay:-10s}@keyframes moveBlob{0%{transform:translate(0,0) scale(1)}33%{transform:translate(300px,-100px) scale(1.1)}66%{transform:translate(-200px,200px) scale(.9)}100%{transform:translate(100px,-150px) scale(1)}}.container{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);grid-auto-flow:dense;z-index:1}.card{background-color:rgba(13,17,23,.7);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--padding);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}a.card:hover{background-color:rgba(21,28,39,.8);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}h1{font-size:2.5rem;font-weight:700;margin-bottom:12px;letter-spacing:-.03em;line-height:1.1}h2{font-size:1.5rem;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:12px}h3{font-size:1rem;font-weight:400;color:var(--text-muted);margin-bottom:6px;line-height:1.3}p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.arrow-indicator{position:absolute;top:24px;right:24px;font-size:1.2rem;color:var(--text-muted);opacity:.5;transition:.3s}a.card:hover .arrow-indicator{opacity:1;transform:translate(2px,-2px);color:var(--text-main)}.col-span-4{grid-column:span 4}.header-section{display:flex;flex-direction:column;text-align:center;align-items:center;gap:24px;padding:40px 24px}.avatar-placeholder{width:72px;height:72px;background:linear-gradient(135deg,var(--accent),#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;flex-shrink:0;box-shadow:0 0 20px rgba(59,130,246,.3);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);width:100%}.stat-card{align-items:center;text-align:center;padding:24px;justify-content:center}.stat-card h2{font-size:2.5rem;margin-bottom:0;color:var(--accent)}.stat-card p{margin-top:4px}.roles-grid{display:flex;flex-wrap:wrap;gap:var(--gap);width:100%}.roles-grid .card{flex:1 1 280px}.role-card-content{height:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--gap);width:100%}.footer-item{justify-content:center;min-height:100px}@media (max-width:768px){.container{display:flex;flex-direction:column}.header-section{flex-direction:column;padding:40px 24px;text-align:center}.roles-grid,.footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.col-span-4{width:100%;grid-column:auto}}