@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap);:root{--text-primary:#666;--text-secondary:#444;--bg-card:linear-gradient(145deg, #151515, #0d0d0d);--border-color:rgba(255, 255, 255, 0.05);--hover-bg:rgba(255, 255, 255, 0.05)}*{margin:0;padding:0;box-sizing:border-box;font-family:'DM Sans',sans-serif}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0a0a0c;padding:20px;overflow-x:hidden}.card{position:relative;background:var(--bg-card);border-radius:30px;padding:40px;width:100%;max-width:380px;overflow:hidden;animation:cardAppear 0.8s ease-out;box-shadow:0 10px 20px rgb(0 0 0 / .5);border:1px solid var(--border-color)}.card::before,.social-link::after{content:'';position:absolute;width:100%;height:100%;transition:0.5s;pointer-events:none}.card::before{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .03) 0%,transparent 50%);opacity:0}.card:hover::before{opacity:1}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.interactive{transition:all 0.3s ease;cursor:pointer}.interactive:hover{transform:translateY(-2px)}.profile{position:relative;text-align:center;margin-bottom:35px;overflow:visible}.avatar-container{position:relative;width:120px;height:120px;margin:0 auto 25px;animation:avatarAppear 0.8s ease-out 0.3s both}.avatar{width:100%;height:100%;border-radius:20px;overflow:hidden;transform:rotate(5deg);transition:transform 0.5s ease;border:2px solid rgb(255 255 255 / .1)}.avatar:hover{transform:rotate(0deg) scale(1.02)}.avatar img{width:100%;height:100%;object-fit:cover}.cap-link{position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:60px;height:60px;cursor:pointer;transition:transform 0.5s ease;z-index:10;filter:grayscale(100%) brightness(.7)}.cap-link:hover{transform:translateX(-50%) rotate(-10deg);filter:grayscale(50%)}.cap-link img{width:100%;height:100%;object-fit:contain}.decorative-circle{position:absolute;width:120px;height:120px;border:1px solid rgb(255 255 255 / .05);border-radius:20px;top:-5px;left:calc(50% - 60px);transform:rotate(-5deg);pointer-events:none}.name{color:#666;font-size:1.8em;font-weight:600;margin-bottom:8px;letter-spacing:-.5px;transition:all 0.5s ease;cursor:pointer;position:relative;display:inline-block}.name:hover{color:#888}.name::before{content:"";position:absolute;color:#333;font-size:.4em;top:-1em;left:50%;transform:translateX(-50%) scale(0);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease;white-space:nowrap}.name::after{content:"";position:absolute;color:#333;font-size:.4em;bottom:-1em;right:-1em;transform:scale(0) rotate(10deg);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease}.name:hover::before,.name:hover::after{transform:translateX(-50%) scale(1);opacity:1}.name:hover::after{transform:scale(1) rotate(10deg)}@keyframes glitchText{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}100%{transform:translate(0)}}.bio{color:var(--text-secondary);font-size:.95em;margin-bottom:auto;line-height:1.6;font-weight:500;cursor:pointer;transition:transform 0.3s ease;position:relative}.particle{position:fixed;pointer-events:none;background:var(--text-secondary);border-radius:50%;transform-origin:center;z-index:1000}.bio.changing{animation:explodeText 0.4s ease-out}@keyframes explodeText{0%{transform:scale(1);filter:blur(0);opacity:1}20%{transform:scale(1.2);filter:blur(1px)}50%{transform:scale(.8);filter:blur(3px);opacity:.5}100%{transform:scale(1);filter:blur(0);opacity:1}}@keyframes particle{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.social-links{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;animation:textAppear 0.6s ease-out 0.6s both}.social-link{padding:14px;text-align:center;text-decoration:none;color:#444;background:rgb(255 255 255 / .03);border-radius:15px;transition:all 0.3s ease;position:relative;overflow:hidden;border:1px solid rgb(255 255 255 / .05);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.social-link:hover{background:rgb(255 255 255 / .05);transform:translateY(-2px);color:#666;box-shadow:0 5px 15px rgb(0 0 0 / .2)}.social-link::after{content:'';position:absolute;width:100%;height:100%;top:0;left:-100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .05),transparent);transition:0.5s}.social-link:hover::after{left:100%}@keyframes avatarAppear{from{opacity:0;transform:scale(.8) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(5deg)}}.background-grain{position:fixed;top:0;left:0;width:100%;height:100%;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj4KICA8ZmlsdGVyIGlkPSJub2lzZSIgeD0iMCIgeT0iMCI+CiAgICA8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC42NSIgbnVtT2N0YXZlcz0iMyIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPgogIDwvZmlsdGVyPgogIDxyZWN0IHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiBmaWx0ZXI9InVybCgjbm9pc2UpIiBvcGFjaXR5PSIwLjA1Ii8+Cjwvc3ZnPg==);pointer-events:none;opacity:.15;z-index:-1}@media (max-width:480px){.card{padding:15px;margin:10px;height:85vh;max-height:700px;display:flex;flex-direction:column;justify-content:center}.avatar-container,.decorative-circle{width:120px;height:120px}.name{font-size:1.8em;margin-top:10px}.bio{margin:10px 0;font-size:.9em}.social-links{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.social-link{padding:12px;font-size:.9em}.social-link:nth-child(3){grid-column:span 2;width:100%}.music-note{right:25px;top:25px;font-size:24px;padding:10px}.particle{z-index:1001}body{padding:0;margin:0;min-height:100vh;height:-webkit-fill-available}html{height:-webkit-fill-available}.profile{margin-bottom:15px}.avatar,.bio,.music-note,.social-link{touch-action:manipulation;-webkit-tap-highlight-color:#fff0;min-height:44px}}@media (min-width:481px) and (max-width:768px){.card{padding:30px;margin:20px;max-width:90%}.social-links{grid-template-columns:repeat(2,1fr);gap:15px}.music-note{right:30px;top:30px;font-size:22px}}@media (max-height:480px) and (orientation:landscape){.card{padding:20px;margin:10px;flex-direction:row;align-items:center;max-height:90vh}.profile{margin-right:20px;margin-bottom:0}.social-links{grid-template-columns:repeat(2,1fr)}.avatar-container{width:100px;height:100px}}.music-note{position:absolute;right:35px;top:35px;color:#444;cursor:pointer;transition:transform 0.3s ease,color 0.3s ease;font-size:20px;z-index:100}.music-note:hover{transform:scale(1.2) rotate(15deg);color:#666}