*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#333;background-color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:60px 24px}.profile{text-align:center;margin-bottom:48px}.avatar{object-fit:cover;border-radius:50%;width:120px;height:120px;margin-bottom:16px;box-shadow:0 4px 12px #0000001a}.name{color:#1a1a1a;margin-bottom:8px;font-size:28px;font-weight:600}.title{color:#666;font-size:16px}.section{margin-bottom:36px}.section-title{color:#999;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:8px;font-size:14px;font-weight:500}.link-list{list-style:none}.link-list li{margin-bottom:12px}.link-list a{color:#333;background-color:#fff;border-radius:8px;padding:12px 16px;font-size:15px;text-decoration:none;transition:all .2s;display:block;box-shadow:0 1px 3px #0000000d}.link-list a:hover{background-color:#f5f5f5;transform:translate(4px)}.contact-list{flex-wrap:wrap;gap:12px;display:flex}.contact-list li{flex:1;min-width:120px;margin-bottom:0}.contact-list a{text-align:center}.footer{text-align:center;background-color:#fafafa;border-top:1px solid #eee;flex-shrink:0;width:100%;padding:16px 0}.footer a{color:#999;font-size:13px;text-decoration:none}.footer a:hover{color:#666}@media (max-width:480px){.main-content{padding:40px 16px}.avatar{width:100px;height:100px}.name{font-size:24px}.contact-list li{flex:none;width:100%}}