*{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif}body{min-height:100vh;background:#f5f5f5;padding:20px;position:relative;overflow-x:hidden}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.container{position:relative;z-index:10;max-width:680px;width:100%;margin:40px auto 0;padding-top:40px}.profile-section{text-align:center;margin-bottom:30px}.profile-image{width:100px;height:100px;border-radius:50%;margin:0 auto 20px;object-fit:cover;border:3px solid #000}.username{font-size:28px;font-weight:600;color:#000;margin-bottom:10px}.email{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#666;font-weight:400;margin-bottom:20px}.social-icons{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.social-icon{width:48px;height:48px;background:#000;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;text-decoration:none;transition:all .3s ease}.social-icon:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.section-title{font-size:20px;font-weight:600;color:#000;margin:0 0 15px;text-align:center}.link-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:12px;display:flex;align-items:center;gap:15px;text-decoration:none;color:#000;transition:all .3s ease;box-shadow:0 2px 8px #00000014;border:1px solid #e0e0e0}.link-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.link-icon{width:50px;height:50px;background:#f0f0f0;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.link-icon img{width:100%;height:100%;object-fit:cover;border-radius:10px}.link-icon iconify-icon{font-size:28px;color:#333}.link-content{flex:1;text-align:left}.link-title{font-size:16px;font-weight:500;color:#000;margin-bottom:2px}.link-subtitle{font-size:13px;font-weight:300;color:#666}.link-more{color:#999;font-size:20px}.list-ul{display:flex;flex-direction:column;gap:8px;margin:0}.list-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.collapse{position:relative;background:#0000001a;padding:4px 12px;border:1px solid rgba(0,0,0,.125);border-radius:8px;transition:all .125s;cursor:pointer}.collapse:hover{background:#00000040}.collapse .icon{transition:all .3s}.collapse.active .icon{transform:rotate(180deg)}.collapse-data{position:relative;overflow:hidden;transition:all .4s;max-height:0px}.collapse-data.active{max-height:300px;margin-bottom:20px}@media(max-width:768px){.container{padding-top:20px}.username{font-size:24px}.link-card{padding:16px}.list-item{font-size:12px}.qr{bottom:15px!important;right:15px!important;width:100px!important}}