.page{color:#e5e7eb;background:#0f172a;min-height:100vh;font-family:system-ui,sans-serif}.container{max-width:1200px;margin:auto;padding:0 20px}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#020617cc;border-bottom:1px solid #1e293b;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.logo{font-weight:600}.logo span{color:#6366f1}nav a{color:#94a3b8;margin-left:20px;font-size:14px;text-decoration:none}nav a.active,nav a:hover{color:#6366f1}.layout{margin-top:30px;display:flex}.sidebar{border-right:1px solid #1e293b;width:220px;padding-right:16px}.sidebar-title{color:#64748b;margin-bottom:10px;font-size:12px}.sidebar a{color:#94a3b8;margin:8px 0;font-size:14px;text-decoration:none;display:block}.sidebar a.active,.sidebar a:hover{color:#6366f1}.content{flex:1;padding-left:30px}.hero h1{font-size:36px;font-weight:700}.role{color:#6366f1;margin-top:6px}.subtitle{color:#94a3b8;max-width:600px;margin-top:10px}section{margin-top:50px}h2{margin-bottom:12px;font-size:22px}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.card,.block{background:#020617;border:1px solid #1e293b;border-radius:10px;padding:16px}.footer{text-align:center;color:#64748b;border-top:1px solid #1e293b;margin-top:60px;padding:20px;font-size:14px}