@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}html{min-width:320px;background:#f3f3f1}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}.page-shell{--page-bg: #f3f3f1;--card-bg: rgba(255,255,255,.72);--text: #181818;--muted: #8a8a86;--logo-glow: rgba(255,255,255,.9);--line: rgba(24,24,24,.1);--soft: rgba(24,24,24,.045);--soft-hover: rgba(24,24,24,.085);min-height:100vh;padding:28px 20px 54px;color:var(--text);background:var(--page-bg);transition:color .35s ease,background .35s ease}.page-shell[data-theme=dark]{--page-bg: #171717;--card-bg: rgba(31,31,31,.82);--text: #f5f5f2;--muted: #969691;--logo-glow: rgba(0,0,0,.9);--line: rgba(255,255,255,.12);--soft: rgba(255,255,255,.06);--soft-hover: rgba(255,255,255,.11)}.profile-card{width:min(100%,780px);margin:0 auto;padding:18px 26px 34px;border:1px solid var(--line);border-radius:30px;background:var(--card-bg);box-shadow:0 24px 70px #00000014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.top-controls{display:flex;justify-content:space-between;align-items:center}.control-group{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px}.control-button{min-width:28px;height:27px;padding:0 8px;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;font-weight:600;transition:color .2s,background .2s,transform .2s}.control-button:hover,.control-button:focus-visible{color:var(--text);background:var(--soft-hover)}.control-button--active{color:var(--text);background:var(--soft-hover)}.control-button:active{transform:scale(.92)}.profile-header{padding:30px 0 7px;text-align:center}.profile-logo-wrap{position:relative;isolation:isolate;width:105px;height:105px;display:block;margin:0 auto 30px;border-radius:50%}.profile-logo-wrap:before{position:absolute;z-index:0;inset:-35%;border-radius:50%;background:radial-gradient(circle,var(--logo-glow) 0%,transparent 75%);content:"";pointer-events:none;transition:background .35s ease}.profile-logo{position:absolute;z-index:1;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;opacity:0;-webkit-mask-image:radial-gradient(circle,#000 58%,rgba(0,0,0,.96) 68%,transparent 100%);mask-image:radial-gradient(circle,#000 58%,rgba(0,0,0,.96) 68%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:opacity .35s ease}.profile-logo--light{opacity:1}.profile-logo--dark,.page-shell[data-theme=dark] .profile-logo--light{opacity:0}.page-shell[data-theme=dark] .profile-logo--dark{opacity:1}h1{margin:0;color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;letter-spacing:-.055em;line-height:1.05;overflow-wrap:anywhere}.primary-links{position:relative;margin:0 0 28px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.primary-links:before,.primary-links:after{position:absolute;left:50%;padding:0 12px;color:var(--muted);background:var(--card-bg);content:attr(data-top-label);font-size:10px;letter-spacing:.03em;line-height:1;white-space:nowrap;transform:translate(-50%);transition:background-color .35s ease,color .35s ease}.primary-links:before{top:0;transform:translate(-50%,-50%)}.primary-links:after{bottom:0;content:attr(data-bottom-label);transform:translate(-50%,50%)}.primary-social-links{margin:0}.selected-link{display:grid;justify-items:center;gap:8px;min-height:180px;margin:46px 0 28px;padding:28px 20px 24px;border:1px solid var(--line);border-radius:22px;background:var(--soft);text-align:center;transition:background .35s ease,border-color .35s ease}.selected-link__label,.selected-link__domain,.social-link__domain,.archive-link span:last-child{color:var(--muted);font-size:11px;letter-spacing:.02em}.selected-link strong{max-width:100%;color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:clamp(1.55rem,4vw,2.45rem);font-weight:600;letter-spacing:-.05em;overflow-wrap:anywhere}.selected-link__button{margin-top:10px;padding:11px 19px;border:1px solid var(--text);border-radius:999px;color:var(--page-bg);background:var(--text);font-size:12px;font-weight:600;transition:opacity .2s,transform .2s}.selected-link__button:hover,.selected-link__button:focus-visible{opacity:.75}.selected-link__button:active{transform:scale(.97)}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-link{display:flex;align-items:baseline;justify-content:center;gap:10px;min-width:0;padding:15px 14px;border:1px solid transparent;border-radius:14px;color:var(--text);background:var(--soft);cursor:pointer;text-align:center;transition:color .2s,background .2s,border-color .2s,transform .2s}.social-link:hover,.social-link:focus-visible,.social-link--active{border-color:var(--line);background:var(--soft-hover)}.social-link:active{transform:scale(.98)}.social-link__name{font-size:13px;font-weight:600}.social-link__domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secondary-links{display:grid;gap:10px;margin:28px 0}.education-card,.email-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border:1px solid var(--line);border-radius:17px;color:var(--text);font-size:13px;background:var(--soft);transition:opacity .2s}.education-card:hover,.education-card:focus-within,.email-link:hover,.email-link:focus-visible{background:var(--soft-hover)}.education-card strong{display:block;font-size:14px;font-weight:600}.education-card__main{display:flex;align-items:center;gap:12px;min-width:0}.education-mark{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--soft-hover)}.education-mark svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}.secondary-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:220px;max-width:100%;min-height:38px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:var(--soft-hover);cursor:pointer;font-size:11px;font-weight:600;text-align:center;transition:background .2s,color .2s,transform .2s}.secondary-button:hover,.secondary-button:focus-visible{background:var(--text);color:var(--page-bg)}.secondary-button:active{transform:scale(.98)}.email-mark{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;color:var(--text);background:var(--soft-hover)}.email-mark svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}.email-card__main{display:flex;align-items:center;gap:12px;min-width:0}.email-label{color:var(--text);font-size:14px;font-weight:600}.email-copy-button{display:inline-flex;align-items:center;justify-content:center;width:220px;max-width:100%;min-height:38px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:var(--soft-hover);cursor:pointer;font-size:11px;text-align:center;white-space:nowrap;user-select:text;-webkit-user-select:text;transition:background .2s,color .2s,transform .2s}.email-copy-button:hover,.email-copy-button:focus-visible{background:var(--text);color:var(--page-bg)}.email-copy-button:active{transform:scale(.98)}@media (max-width: 620px){.page-shell{padding:12px 12px 30px}.profile-card{padding:14px 14px 25px;border-radius:24px}.profile-header{padding-top:45px}.primary-links{margin-top:0;padding:22px 0}.primary-username{font-size:2.4rem}.social-links{grid-template-columns:repeat(2,1fr)}.social-link{display:block}.social-link__domain{display:block;margin-top:7px}.education-card{display:block}.secondary-button{display:inline-flex;width:100%;margin-top:14px}.email-link{display:block}.email-copy-button{display:inline-flex;width:100%;max-width:100%;margin-top:14px}}@media (max-width: 390px){.social-links{grid-template-columns:1fr}}
