@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-color:#ffebf7;--card-bg:#ffffffbf;--card-border:#7878788c;--card-shadow:#ffb4d238;--text-primary:#4e4b4c;--text-secondary:#4e4b4c;--icon-color:#4e4b4c;--icon-hover-bg:#e0e0e0;--color-zenn:#3ea8ff;--color-github:#24292f;--color-x:#000;--color-instagram:#e4405f;--color-facebook:#1877f2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--bg-color);justify-content:center;align-items:center;min-height:100dvh;display:flex}.main{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem;animation:.8s ease-out fadeIn;display:flex}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);box-shadow:0 8px 32px var(--card-shadow);text-align:center;border-radius:24px;padding:3rem 3.5rem;animation:.6s ease-out slideUp}.name{color:var(--text-primary);letter-spacing:.02em;margin-bottom:.4rem;font-size:1.6rem;font-weight:500}.handle{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;font-weight:300}.icons{flex-wrap:wrap;justify-content:center;gap:1.2rem;display:flex}.iconLink{width:56px;height:56px;color:var(--icon-color);background:0 0;border-radius:16px;justify-content:center;align-items:center;font-size:1.6rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.iconLink:hover{background:var(--icon-hover-bg);transform:translateY(-3px)scale(1.08)}.iconLink:active{transform:translateY(-1px)scale(1.02)}.iconLink[data-brand=zenn]:hover{color:var(--color-zenn)}.iconLink[data-brand=github]:hover{color:var(--color-github)}.iconLink[data-brand=x]:hover{color:var(--color-x)}.iconLink[data-brand=instagram]:hover{color:var(--color-instagram)}.iconLink[data-brand=facebook]:hover{color:var(--color-facebook)}.iconLink:first-child{animation:.4s ease-out .3s both popIn}.iconLink:nth-child(2){animation:.4s ease-out .4s both popIn}.iconLink:nth-child(3){animation:.4s ease-out .5s both popIn}.iconLink:nth-child(4){animation:.4s ease-out .6s both popIn}.iconLink:nth-child(5){animation:.4s ease-out .7s both popIn}.footer{color:var(--text-secondary);opacity:.6;margin-top:2rem;font-size:.75rem;animation:1s ease-out .8s both fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.card{border-radius:20px;padding:2rem 1.8rem}.icons{gap:.8rem}.iconLink{border-radius:14px;width:48px;height:48px;font-size:1.4rem}.name{font-size:1.3rem}}