*{box-sizing:border-box;margin:0;padding:0}html{font-family:'Plus Jakarta Sans',sans-serif;color:#12192c;background:#e5eaff}body{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#eceaff 0%,#e3e9ff 70%,#e2eaff 100%);padding:33px 24px 25px}.container{max-width:1120px;margin:auto}.profile-card{position:relative;overflow:hidden;text-align:center;background:rgba(255,255,255,.85);border-radius:42px;padding:46px 70px 38px;box-shadow:0 22px 45px rgba(99,102,241,.08);display:flex;align-items:center;flex-direction:column}.profile-card:before{content:'';position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(100deg,#a855ff,#655dff,#357fff)}.avatar-container{position:relative;margin-bottom:58px}.avatar-img{display:block;width:160px;height:160px;border-radius:50%;border:5px solid white;object-fit:cover;box-shadow:0 18px 50px #0003}.nav-btn{display:grid;place-items:center;border:1px solid #dfe4ff;background:#fff;color:#12192c;cursor:pointer}.profile-theme-btn{position:absolute;top:50px;right:-101px;width:66px;height:66px;border-radius:50%;font-size:24px;box-shadow:0 18px 35px #6366f10c}.icon-svg{width:1em;height:1em;display:block;flex-shrink:0}.status-badge{position:absolute;bottom:-31px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#f8fafc;border:3px solid #e0e7ff;border-radius:30px;padding:6px 10px;display:flex;align-items:center;gap:9px;font-size:20px;font-weight:600;color:#334155;box-shadow:0 6px 15px #0003}.status-dot{width:21px;height:21px;background:#10b981;border:4px solid #49cba8;border-radius:50%}.profile-name-row{display:flex;align-items:center;gap:15px;margin-bottom:8px}.profile-name{font-family:Outfit,sans-serif;font-size:44px;line-height:1.2;font-weight:800;letter-spacing:-1px;background:linear-gradient(110deg,#a855f7,#3b74ff);background-clip:text;-webkit-text-fill-color:transparent}.verified-icon{color:#30bdf4;width:34px;height:34px;filter:drop-shadow(0 0 14px #38bdf855)}.profile-handle{color:#64748b;font-size:26px;font-weight:500;margin-bottom:12px}.profile-title{font-size:28px;font-weight:600;margin-bottom:12px;line-height:1.45}.profile-bio{font-size:24px;line-height:1.5;color:#3d4d66;max-width:870px;margin-bottom:25px}.socials-bar{display:flex;gap:18px}.social-link{display:grid;place-items:center;width:66px;height:67px;border:1px solid #d0d9e8;border-radius:22px;color:#334155;background:#fff;font-size:27px;text-decoration:none}.links-wrapper{display:grid;gap:26px;margin-top:50px}.link-card{position:relative;display:flex;align-items:center;gap:28px;min-height:148px;padding:30px 35px;background:rgba(255,255,255,.85);border:1px solid #ffffff;border-radius:36px;box-shadow:0 22px 38px #6366f10d}.link-icon{width:84px;height:84px;display:grid;place-items:center;border:1px solid #d0d9e8;background:#fff;border-radius:26px;color:#a855ff;font-size:36px;flex-shrink:0}.link-main{flex:1;text-decoration:none;color:inherit}.link-main:after{content:'';position:absolute;inset:0;border-radius:36px}.link-heading{display:flex;align-items:center;gap:14px;margin-bottom:5px;flex-wrap:wrap}h2{font-family:Outfit,sans-serif;font-weight:700;font-size:29px;letter-spacing:-.5px}.badge{font-family:Arial,sans-serif;border-radius:22px;padding:5px 14px;background:var(--badge);color:white;font-size:20px;line-height:1;font-weight:700;box-shadow:0 4px 12px #0002}.link-description{font-size:24px;color:#3d4d66;line-height:1.5}.copy-btn{position:relative;z-index:1;border:0;background:transparent;color:#64748b;cursor:pointer;padding:12px;font-size:26px}.chevron{color:#64748b;font-size:29px;margin-left:0}.footer{text-align:center;color:#6b7e98;font-size:24px;margin-top:64px;line-height:1.5}.toast-container{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#172033;color:white;border-radius:16px;padding:14px 22px;display:flex;align-items:center;gap:10px;transition:.2s;z-index:10}.toast-container.show{opacity:1;transform:translate(-50%,0)}.toast-icon{color:#25c58f}.social-link:hover,.copy-btn:hover{color:#a855ff}.link-card:hover{border-color:#b9b5ff}.nav-btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #8b5cf6;outline-offset:5px}[data-theme=dark] body{background:radial-gradient(ellipse at top,#241b41,#0c1020);color:#f5f5ff}[data-theme=dark] .profile-card,[data-theme=dark] .link-card{background:#191e30;border-color:#34394c}[data-theme=dark] .social-link,[data-theme=dark] .link-icon,[data-theme=dark] .nav-btn,[data-theme=dark] .status-badge{background:#242b40;border-color:#414963;color:#bd9aff}[data-theme=dark] .profile-bio,[data-theme=dark] .link-description{color:#b6c1d6}
@media(max-width:700px){body{padding:20px 16px}.profile-card{border-radius:28px;padding:32px 20px 28px}.avatar-img{width:112px;height:112px}.avatar-container{margin-bottom:46px}.profile-theme-btn{width:44px;height:44px;top:34px;right:-64px;font-size:18px}.status-badge{font-size:14px;bottom:-22px;padding:5px 9px;border-width:2px}.status-dot{width:15px;height:15px;border-width:3px}.profile-name{font-size:32px}.verified-icon{width:27px;height:27px}.profile-handle{font-size:19px}.profile-title{font-size:20px}.profile-bio{font-size:16px;margin-bottom:22px}.social-link{width:48px;height:48px;border-radius:16px;font-size:21px}.socials-bar{gap:12px}.links-wrapper{margin-top:26px;gap:16px}.link-card{padding:20px 16px;gap:14px;border-radius:25px;min-height:110px}.link-icon{width:54px;height:58px;border-radius:18px;font-size:27px}h2{font-size:20px}.link-heading{gap:7px}.badge{font-size:12px;padding:4px 8px}.link-description{font-size:14px;line-height:1.55}.copy-btn{font-size:20px;padding:6px}.chevron{font-size:20px;margin-left:-8px}.footer{font-size:16px;margin-top:38px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}