body.light{background:#fff;color:#000}body.dark{background:#222;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,sans-serif;background:linear-gradient(135deg,#eef2ff,#f8fafc);color:#1e293b}div{max-width:800px;margin:60px auto;padding:30px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014}h1{text-align:center;margin-bottom:25px;font-size:28px;font-weight:600;color:#4f46e5}ul{list-style:none;display:flex;flex-direction:column;gap:12px}li{padding:16px 20px;background:#f1f5f9;border-radius:12px;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}li:hover{background:#e0e7ff;transform:translateY(-2px)}li span.name{font-weight:600}li span.email{font-size:14px;color:#64748b}@media(max-width:600px){div{margin:20px;padding:20px}li{flex-direction:column;align-items:flex-start;gap:4px}}