@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Quicksand:wght@400;600;700&display=swap";:root{--mainColor:#9700fc;--mainColorLight:#1a002b;--mainColorGlow:#6835b98c;--colorPageSurround:#39005a;--colorCardBg:#0c0a14;--colorSkyTop:#593b7a;--colorSkyHorizon:#9aa0c9;--colorMountain:#171522;--textLight:#fff;--textMuted:#ffffffd1;--card-width:720px;--card-radius:38px;--button-radius:999px;--avatar-size:9rem;--avatar-size-desk:10rem;--hero-height:300px;--anim-fast:.35s;--anim-medium:.7s;--anim-slow:1s;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{background:var(--colorCardBg);margin:0;padding:0}#root{display:contents}body{-webkit-font-smoothing:antialiased;font-family:Quicksand,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}html,*{-webkit-tap-highlight-color:transparent}a,button,.icon-row-link,.link-button,.avatar-wrapper,.avatar-photo,img,svg{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;outline:none}img,.avatar-photo{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:auto}a:focus-visible,button:focus-visible{outline:2px solid var(--mainColor);outline-offset:3px;border-radius:4px}.page-surround{background:var(--colorCardBg);justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:0;display:flex}.profile-card{width:100%;max-width:var(--card-width);background:var(--colorCardBg);box-shadow:none;border-radius:0;padding-bottom:28px;position:relative;overflow:hidden}.hero{height:var(--hero-height);opacity:0;animation:heroFadeIn var(--anim-slow) var(--ease-smooth) forwards;position:relative}.hero-visual{position:absolute;inset:0;overflow:hidden}.hero-sky{background:linear-gradient(180deg, var(--colorSkyTop) 0%, var(--colorSkyHorizon) 65%, var(--colorMountain) 100%);position:absolute;inset:0}.star{background:#fff;border-radius:50%;animation:3.5s ease-in-out infinite twinkle;position:absolute}.hero-mountain{background:var(--colorMountain);clip-path:polygon(0% 100%,0% 70%,12% 52%,22% 69%,32% 50%,42% 20%,50% 1%,58% 30%,68% 52%,78% 62%,88% 40%,100% 65%,100% 100%);width:100%;height:55%;position:absolute;bottom:0;left:0}.hero-fade{background:linear-gradient(180deg, transparent 35%, var(--colorCardBg) 96%);position:absolute;inset:0}.avatar-wrapper{bottom:calc(var(--avatar-size) / -2.1);width:var(--avatar-size);height:var(--avatar-size);background:var(--colorMountain);box-shadow:0 0 0 .1rem var(--colorCardBg);opacity:0;animation:bounceUp var(--anim-medium) var(--ease-bounce) .15s forwards;border-radius:50%;position:absolute;left:50%;overflow:hidden;transform:translate(-50%,40px)scale(.8)}.avatar-photo{object-fit:cover;width:100%;height:100%;display:block}.artist-name{margin:calc(var(--avatar-size) / 2 + 18px) 0 6px;text-align:center;color:var(--textLight);letter-spacing:.5px;opacity:0;animation:fadeInUp var(--anim-medium) var(--ease-smooth) .4s forwards;font-family:"Baloo 2",Quicksand,sans-serif;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:800}.artist-tagline{text-align:center;color:var(--textMuted);opacity:0;animation:fadeInUp var(--anim-medium) var(--ease-smooth) .55s forwards;margin:0 0 20px;font-size:1rem;font-weight:600}.icon-row{justify-content:center;gap:1.7rem;margin-bottom:28px;display:flex}.icon-row-link{width:2rem;height:2rem;color:var(--textLight);opacity:1;animation:spinGrow var(--anim-medium) var(--ease-bounce) backwards;transition:transform var(--anim-fast) var(--ease-smooth), opacity var(--anim-fast) var(--ease-smooth), color var(--anim-fast) var(--ease-smooth), filter var(--anim-fast) var(--ease-smooth);transform:scale(1)rotate(0)}.icon-row-link:hover,.icon-row-link:focus-visible{opacity:1;color:var(--mainColor);filter:drop-shadow(0 0 8px var(--mainColorGlow));transform:scale(1.22)}.icon-row-link:active{transform:scale(1.05)}.icon-row-link svg{width:100%;height:100%}.link-buttons{flex-direction:column;gap:16px;padding:0 24px;display:flex}.link-button{background:linear-gradient(135deg, var(--mainColor), var(--mainColorLight));border-radius:var(--button-radius);box-shadow:6px 6px 20px var(--mainColorGlow);opacity:1;animation:fadeInUp var(--anim-medium) var(--ease-smooth) backwards;transition:transform var(--anim-fast) var(--ease-smooth), box-shadow var(--anim-fast) var(--ease-smooth), filter var(--anim-fast) var(--ease-smooth);align-items:center;gap:14px;padding:12px 20px;display:flex;position:relative;transform:translateY(0)}.link-button:hover{box-shadow:0 12px 32px var(--mainColorGlow);filter:brightness(1.2);transform:translateY(-3px)scale(1.015)}.link-button:active{transform:translateY(0)scale(.98)}.link-button-icon{background:var(--textLight);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:3px;display:flex}.link-button-icon svg{width:100%;height:100%}.link-button-label{text-align:center;color:var(--textLight);letter-spacing:1px;flex:1;margin-right:40px;font-family:"Baloo 2",Quicksand,sans-serif;font-size:1rem;font-weight:700}.link-button:first-child .link-button-icon{color:#1826f2}.link-button:nth-child(3) .link-button-icon{color:#20000a}.link-button:nth-child(4) .link-button-icon{color:red}.link-button:nth-child(2) .link-button-icon{color:#fff;background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceUp{0%{opacity:0;transform:translate(-50%,40px)scale(.8)}60%{opacity:1;transform:translate(-50%,-6px)scale(1.05)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes spinGrow{0%{opacity:0;transform:scale(0)rotate(-160deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=720px){.page-surround{background:var(--colorPageSurround);align-items:center}.avatar-wrapper{bottom:calc(var(--avatar-size-desk) / -2);width:var(--avatar-size-desk);height:var(--avatar-size-desk);left:50%}.profile-card{border-radius:var(--card-radius);box-shadow:0 40px 90px #32145a59,0 0 0 1px #ffffff0a}}