:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}.page{background:linear-gradient(135deg,#eef6ff 0%,#f8fbff 50%,#fff 100%);place-items:center;min-height:100vh;margin:0;padding:24px;display:grid}.title{color:#123047;letter-spacing:.3px;margin:0}.subtitle{color:#516778;text-align:center;margin:8px 0 20px}.user-card{text-align:center;background:#fff;border:1px solid #d9e8f4;border-radius:18px;width:min(100%,420px);padding:24px;box-shadow:0 14px 35px #1e4f791f}.avatar{object-fit:cover;border:4px solid #e8f2fb;border-radius:999px;width:110px;height:110px}.name{color:#153a54;margin:14px 0 4px}.meta{color:#668197;margin:0 0 18px}.info-list{text-align:left;gap:10px;display:grid}.info-list p{color:#274c66;word-break:break-word;margin:0}.info-list span{color:#12324a;font-weight:700}.state-text{color:#2f5877;margin:8px 0}.error-text{color:#b63232;margin:8px 0}@media (width<=480px){.user-card{padding:20px}.name{font-size:1.35rem}}