*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.page{color:#f5f5f5;background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 100%);min-height:100vh;padding:60px 24px}.container{flex-direction:column;gap:32px;max-width:720px;margin:0 auto;display:flex}.header{flex-direction:column;gap:8px;display:flex}.badge{letter-spacing:1.5px;text-transform:uppercase;color:#c7c7ff;background:#ffffff14;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:600}.title{letter-spacing:-1px;margin:0;font-size:36px;font-weight:700}.subtitle{color:#a0a0b8;margin:0;font-size:15px;line-height:1.6}.list{flex-direction:column;gap:12px;display:flex}.row{background:#ffffff0a;border-radius:14px;align-items:center;gap:16px;padding:14px 18px;transition:transform .15s,background .15s;display:flex}.row:hover{background:#ffffff12;transform:translate(4px)}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 4px 12px #0000004d}.meta{flex-direction:column;gap:2px;min-width:0;display:flex}.name{color:#f5f5f5;font-size:16px;font-weight:600}.role{color:#a0a0b8;font-size:13px}.nav{gap:12px;margin-top:12px;display:flex}.nav a{color:#f5f5f5;background:#ffffff12;border-radius:999px;padding:8px 14px;font-size:13px;transition:background .15s}.nav a:hover{background:#ffffff1a}