:root{color-scheme:dark;--ink:#030919;--ice:#eaf9ff;--cyan:#71dcff;--blue:#2985ff;--line:rgba(111,201,255,.32)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100svh;background:var(--ink);color:var(--ice);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #b8f1ff;outline-offset:5px}button{border:0}svg{display:block;width:24px;height:24px;flex-shrink:0}h1,h2,p{margin:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.city-background{position:fixed;z-index:-3;inset:0;background:#07192b url('/assets/cyberpunk-city-v2.jpg') center 42%/cover no-repeat;pointer-events:none}.city-shade{position:fixed;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(1,5,16,.12),rgba(1,6,19,.25) 30%,rgba(1,6,19,.38) 50%,rgba(1,6,19,.25) 70%,rgba(1,5,16,.12)),linear-gradient(180deg,rgba(1,5,17,.14) 0,rgba(1,5,17,.05) 30%,rgba(1,5,17,.48) 70%,rgba(1,5,17,.86));pointer-events:none}
.site-header{width:min(540px,calc(100% - 40px));height:78px;display:flex;align-items:center;justify-content:space-between;margin:0 auto}.wordmark{font-size:20px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-.9px;text-shadow:0 2px 16px #000}.wordmark>span{color:var(--cyan)}.wordmark small{display:block;font-size:6px;font-weight:500;font-style:normal;letter-spacing:2.4px;margin-top:7px;color:#c5dfef}.share-button{display:grid;place-items:center;width:36px;height:36px;background:#04102470;border:1px solid #8bcfff45;border-radius:50%;backdrop-filter:blur(12px)}.share-button svg{width:17px;height:17px}.share-button:hover{background:#16375c}
.bio-page{width:min(520px,calc(100% - 32px));margin:0 auto}.identity{text-align:center;padding:12px 16px 0;position:relative}.portrait-stage{position:relative;width:230px;height:230px;margin:0 auto 13px;display:grid;place-items:center;filter:drop-shadow(0 8px 26px #02132c)}.portrait-stage::before{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle,rgba(20,94,206,.4),rgba(9,29,67,.06) 68%,transparent 72%);z-index:-1}.orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-outer{inset:0;border:1px solid #79cfff6b;box-shadow:0 0 28px #207bff2b,inset 0 0 20px #2583ff22}.orbit-outer::after{content:"";position:absolute;inset:6px;border:3px solid transparent;border-top-color:#a6edff;border-bottom-color:#2c85e4;border-radius:50%;transform:rotate(-28deg);filter:drop-shadow(0 0 5px #62c6ff)}.orbit-inner{inset:15px;border:1px solid #8dd5ff8c;box-shadow:0 0 0 4px #030c1e}.orbit-tick{position:absolute;width:26px;height:4px;border:1px solid #b1eeff;background:#60caff;box-shadow:0 0 13px #2b98ff}.tick-one{left:1px;top:54px;transform:rotate(-62deg)}.tick-two{right:1px;bottom:54px;transform:rotate(-62deg)}.portrait-frame{width:190px;height:190px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#e2f7ff,#438cf3 48%,#0b203f 80%);box-shadow:0 0 25px #62beff2b;overflow:hidden}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 26%;border-radius:50%;filter:saturate(.85) contrast(1.03);border:3px solid #06152d}.portrait-nameplate{position:absolute;bottom:8px;font-family:Arial,sans-serif;font-style:italic;font-size:10px;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#07152d,#13375f,#07152d);padding:6px 17px;border:1px solid #77c8ff90;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);text-shadow:0 0 10px #9cdcff}
.eyebrow{display:flex;gap:12px;align-items:center;justify-content:center;color:#b1d8f6;font-family:monospace;font-size:8px;letter-spacing:2px;text-shadow:0 1px 10px #000}.eyebrow>span{width:24px;height:1px;background:linear-gradient(90deg,transparent,#86caff)}.eyebrow>span:last-child{transform:rotate(180deg)}h1{font-family:"Arial Black",Arial,sans-serif;font-size:68px;font-weight:900;font-style:italic;line-height:1.04;letter-spacing:-3px;margin:12px 0 14px;padding-right:7px;color:#e9faff;background:linear-gradient(180deg,#fff 12%,#b8e9ff 43%,#62a7ed 52%,#e0f7ff 72%,#88b5e3 93%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #06182e) drop-shadow(0 0 22px #207fff55)}.profile-bio{font-size:13px;line-height:1.9;letter-spacing:.35px;color:#e0ecfb;text-shadow:0 1px 12px #010511,0 1px 3px #010511}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:24px}.quick-link{min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:12px 10px;border-radius:12px;font-size:14px;font-weight:700;letter-spacing:.1px;transition:transform .2s,filter .2s,border-color .2s;backdrop-filter:blur(12px)}.quick-link svg{width:20px;height:20px}.quick-telegram{background:linear-gradient(110deg,#1567e9,#2c9cff);border:1px solid #99e3ff;box-shadow:inset 0 1px #ffffff60,0 4px 26px #147bff42;color:#fff}.quick-instagram{background:linear-gradient(125deg,#06152acc,#0b2344ab);border:1px solid #7cc9ffb0;color:#e5f7ff;box-shadow:inset 0 1px #b2e7ff16}.quick-link:hover{transform:translateY(-2px);filter:brightness(1.13)}
.link-panel{position:relative;margin:27px 0 0;padding:22px 18px 18px;border:1px solid #78bfff55;background:linear-gradient(135deg,rgba(6,20,40,.85),rgba(2,10,23,.73));border-radius:22px;box-shadow:inset 0 1px #b5e9ff22,0 16px 50px #0006;backdrop-filter:blur(15px)}.link-panel::before{content:"";position:absolute;top:-1px;left:23%;right:23%;height:1px;background:linear-gradient(90deg,transparent,#8fdbff,transparent)}.panel-heading{display:flex;justify-content:center;align-items:center;gap:17px;text-align:center;margin:0 0 19px}.panel-heading h2{font-size:22px;letter-spacing:4px;font-weight:700;color:#d7f4ff;text-shadow:0 0 20px #3b94ff50}.panel-heading p{font-size:7px;letter-spacing:2.4px;color:#779dbd;margin-top:6px}.heading-line{height:1px;width:38px;background:linear-gradient(90deg,transparent,#64b6ed)}.heading-line:last-child{transform:rotate(180deg)}.official-links{display:flex;flex-direction:column;gap:10px}.entry-row{display:flex;align-items:center;gap:15px;text-align:left;min-height:80px;width:100%;padding:15px 16px;background:linear-gradient(100deg,#09223d9e,#061221ba 75%);border:1px solid #619dd16b;border-radius:14px;box-shadow:inset 0 1px #c3edff0b;transition:border-color .2s,background .2s,transform .2s}.entry-row:hover{border-color:#98e0ff;background:#12304b;transform:translateX(2px)}.entry-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:50%;color:#95dfff;border:1px solid #7bc6ff85;background:radial-gradient(circle at 30% 20%,#254e76a8,#07182fc4);box-shadow:inset 0 0 15px #2678be22}.entry-icon svg{width:20px;height:20px}.entry-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.entry-copy strong{font-size:15px;font-weight:600;letter-spacing:.25px}.entry-copy small{font-size:11px;color:#a1bad2;letter-spacing:.1px}.entry-arrow{width:19px;height:19px;margin-left:auto;color:#88d6ff}.site-footer{display:flex;flex-direction:column;align-items:center;gap:7px;padding:28px 16px 26px;color:#7395b4;font-size:7px;letter-spacing:1.5px;text-align:center;text-shadow:0 1px 4px #000}.footer-mark{font-size:11px;letter-spacing:1px;font-weight:900;font-style:italic;color:#bdd9f2}
.toast{position:fixed;z-index:5;left:50%;bottom:30px;transform:translate(-50%,15px);max-width:calc(100% - 32px);padding:12px 20px;border:1px solid #5796ca;background:#0b1d34;color:#eaf7ff;box-shadow:0 10px 30px #0008;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.is-visible{transform:translate(-50%,0);opacity:1}dialog{position:fixed;border:1px solid #5285b7;border-radius:20px;background:#07172b;color:#f1f6ff;width:min(380px,calc(100% - 36px));padding:38px 28px 27px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#020713c9;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;background:transparent;display:grid;place-items:center;color:#8ca4c3}.dialog-close:hover{background:#ffffff0d}.dialog-close svg{width:19px;height:19px}.dialog-kicker{font-size:9px;letter-spacing:1px;color:#78b7f1}dialog h2{margin-top:15px;font-size:24px;letter-spacing:-.5px}dialog p{margin:14px 0 25px;font-size:13px;line-height:1.8;color:#a8bfd9;overflow-wrap:anywhere}.dialog-action{width:100%;padding:12px 18px;background:#247cf5;border:1px solid #72bcff;border-radius:10px;font-size:13px;color:#fff}
@media(min-width:900px){.city-background{background-position:center 44%}.city-shade{background:radial-gradient(ellipse at center,rgba(0,5,17,.08) 15%,rgba(0,5,17,.28) 80%),linear-gradient(180deg,#01061115,#01061166 70%,#010611d9)}.bio-page{filter:drop-shadow(0 12px 70px #0007)}}
@media(max-width:560px){.site-header{height:62px;width:calc(100% - 38px)}.wordmark{font-size:18px}.wordmark small{font-size:5px;letter-spacing:2.1px}.share-button{width:33px;height:33px}.identity{padding:9px 8px 0}.portrait-stage{width:204px;height:204px;margin-bottom:13px}.portrait-frame{width:168px;height:168px}.orbit-inner{inset:13px}.portrait-nameplate{bottom:7px;padding:5px 15px;font-size:9px}.tick-one{left:-1px;top:49px;width:23px;height:3px}.tick-two{right:-1px;bottom:49px;width:23px;height:3px}.eyebrow{font-size:6px;letter-spacing:1.9px;gap:10px}.eyebrow>span{width:22px}h1{font-size:58px;letter-spacing:-2.8px;margin:10px 0 12px}.profile-bio{font-size:11px;line-height:1.95;letter-spacing:.25px}.quick-links{gap:10px;margin-top:21px}.quick-link{min-height:53px;font-size:12px;gap:7px;border-radius:11px;padding:12px 7px}.quick-link svg{width:18px;height:18px}.link-panel{margin-top:24px;padding:20px 12px 12px;border-radius:19px}.panel-heading{gap:15px;margin-bottom:17px}.panel-heading h2{font-size:21px;letter-spacing:3px}.panel-heading p{font-size:6px;letter-spacing:2.1px;margin-top:5px}.heading-line{width:30px}.entry-row{min-height:76px;padding:14px 13px;gap:12px;border-radius:13px}.entry-icon{height:40px;width:40px}.entry-icon svg{width:19px;height:19px}.entry-copy strong{font-size:14px}.entry-copy small{font-size:10px}.entry-copy{gap:6px}.official-links{gap:9px}.entry-arrow{width:17px;height:17px}.site-footer{padding-top:24px;padding-bottom:max(23px,env(safe-area-inset-bottom))}.city-background{background-position:50% 38%}.city-shade{background:linear-gradient(180deg,#0107140d 0,#01071418 30%,#01071478 70%,#010714d4),radial-gradient(ellipse at 50% 33%,#0107141c 0,transparent 65%)}}
@media(max-width:350px){.bio-page{width:calc(100% - 24px)}.portrait-stage{width:190px;height:190px}.portrait-frame{width:156px;height:156px}h1{font-size:52px}.quick-link{font-size:11px;gap:6px}.entry-row{padding:13px 11px;gap:10px}.entry-copy strong{font-size:13px}.entry-copy small{font-size:9px}.entry-icon{width:36px;height:36px}.eyebrow{letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}