:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#050505;color:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;background:#050505}
.skyline{position:absolute;z-index:-1;inset:auto 0 0;height:48%;min-height:260px;background:linear-gradient(to bottom,#050505 0%,rgba(5,5,5,.55) 42%,rgba(5,5,5,.38) 75%,rgba(5,5,5,.85) 100%),url('/manus-storage/async-images/lhaJINRxBNHLJ9S0DBfdQm/image-1.webp') center bottom/cover no-repeat;opacity:.48;pointer-events:none}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:28px 40px;gap:16px}
.wordmark{font-size:13px;font-weight:700;letter-spacing:3.5px;display:flex;align-items:center;gap:6px;color:#d6d3dc}
.wordmark-dot{width:4px;height:4px;display:inline-block;border-radius:50%;background:#6a398e}
.language-wrapper{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #29262e;border-radius:7px;min-height:40px;padding:0 12px;color:#b1aab8;background:#0d0c0f}
.language-wrapper>svg{width:16px;height:16px;pointer-events:none}
.language-wrapper select{appearance:none;-webkit-appearance:none;background:transparent;color:#dedbe1;border:0;font:500 11px Arial,sans-serif;letter-spacing:1px;cursor:pointer;width:100%;position:absolute;inset:0;padding:0 28px 0 37px;border-radius:7px}
.language-wrapper select:focus-visible{outline:2px solid #8955b0;outline-offset:3px}
.language-wrapper .chevron{width:12px;height:12px;margin-left:24px}
.profile{width:min(88%,440px);margin:auto;display:flex;align-items:center;flex-direction:column;padding:28px 0 58px;animation:enter .65s ease-out both}
.avatar-ring{padding:5px;border-radius:50%;border:1px solid #382744;box-shadow:0 0 30px rgba(70,24,99,.12);position:relative}
.avatar-ring:after{content:'';position:absolute;inset:-8px;border:1px solid rgba(65,42,80,.25);border-radius:50%}
.avatar{display:block;width:124px;height:124px;object-fit:cover;object-position:24% 51%;border-radius:50%;border:1px solid #635466}
h1{font-size:27px;font-weight:600;letter-spacing:4px;line-height:1.25;margin:29px 0 12px;text-align:center}
#tagline{font-size:13px;font-weight:400;line-height:1.6;color:#a09aa7;margin:0;text-align:center;letter-spacing:.15px}
.profile-divider{width:26px;height:1px;background:#503161;margin:25px 0}
.socials{width:100%;display:flex;flex-direction:column;gap:13px}
.social-link{display:flex;align-items:center;gap:18px;width:100%;min-height:68px;padding:0 22px;background:#111111;border:1px solid #2a282c;border-radius:12px;color:#f2f0f4;text-decoration:none;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;-webkit-tap-highlight-color:transparent}
.social-icon{display:flex;align-items:center;justify-content:center;width:25px;height:25px}
.social-icon svg{width:23px;height:23px}
.social-name{font-size:15px;font-weight:500;letter-spacing:.3px}
.arrow{margin-left:auto;width:18px;height:18px;color:#726b79;transition:color .2s,transform .2s}
.social-link:focus-visible{outline:2px solid #9e71c5;outline-offset:4px}
.social-link:active{transform:scale(.985)}
@media(hover:hover){.social-link:hover{border-color:#57326e;background:#151018;box-shadow:0 0 22px rgba(88,37,125,.1);transform:translateY(-2px)}.social-link:hover .arrow{color:#b692ce;transform:translate(2px,-2px)}}
footer{text-align:center;font-size:10px;letter-spacing:1.8px;color:#88828c;padding:20px 16px max(30px,env(safe-area-inset-bottom));position:relative}
@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){.profile{padding-bottom:48px}.skyline{height:50%;background-position:center bottom}}
@media(max-width:600px){.topbar{padding:max(22px,env(safe-area-inset-top)) 6% 20px}.profile{padding:32px 0 45px;width:88%;max-width:440px}h1{font-size:24px;letter-spacing:3px;margin-top:27px}.social-link{min-height:64px;padding:0 20px}.skyline{height:37%;background-size:auto 100%;opacity:.4}footer{font-size:9px;padding-bottom:max(25px,env(safe-area-inset-bottom))}}
@media(max-height:700px){.topbar{padding-top:16px;padding-bottom:12px}.profile{padding:14px 0 22px}.avatar{width:110px;height:110px}h1{margin-top:21px;margin-bottom:8px}.profile-divider{margin:18px 0}.social-link{min-height:58px}.socials{gap:11px}footer{padding-top:14px;padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.profile{animation:none}.social-link,.arrow{transition:none}}