:root{color-scheme:dark;--bg:#091c31;--card:#102944;--line:#29435b;--text:#f2f7fb;--muted:#a9bbcc;--blue:#47c5e1;--mint:#83eccb;font-family:'Segoe UI',Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(ellipse at 50% 0%,#163d5d 0%,var(--bg) 58%);line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.page-shell{display:grid;min-height:100vh;place-items:center;padding:42px 20px 26px}.profile-card{width:min(100%,560px);overflow:hidden;border:1px solid rgb(174 206 229 / 18%);border-radius:28px;background:linear-gradient(155deg,rgb(18 45 71 / 98%),rgb(11 31 51 / 98%));box-shadow:0 32px 100px rgb(0 0 0 / 32%)}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 25px;border-bottom:1px solid rgb(174 206 229 / 12%)}.brand{display:inline-flex;align-items:center;gap:10px;color:#d8e7f3;font-size:.63rem;font-weight:800;letter-spacing:.1em;line-height:1.25}.brand img{width:42px;height:42px;border:1px solid rgb(255 255 255 / 18%);border-radius:12px;object-fit:cover}.status{display:inline-flex;align-items:center;gap:8px;color:#c6d7e5;font-size:.72rem}.status i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgb(131 236 203 / 12%)}.profile-main{padding:35px 34px 30px;text-align:center}.portrait-wrap{width:118px;height:118px;margin:0 auto 20px;padding:4px;border:1px solid rgb(71 197 225 / 45%);border-radius:50%;background:linear-gradient(135deg,#47c5e1,#596de0)}.portrait{width:100%;height:100%;border:3px solid #112c46;border-radius:50%;object-fit:cover;object-position:50% 23%}.eyebrow{margin:0 0 8px;color:#80dbee;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(2.3rem,8vw,3.3rem);font-weight:800;letter-spacing:-.065em;line-height:1.07}h1 span{color:var(--blue)}.handle{margin:7px 0 0;color:var(--muted);font-size:.92rem;font-weight:600;letter-spacing:.04em}.intro{max-width:410px;margin:18px auto 20px;color:#d0deea;font-size:.97rem}.skills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.skills span{padding:6px 11px;border:1px solid rgb(174 206 229 / 15%);border-radius:999px;color:#d0e2ef;background:rgb(255 255 255 / 3%);font-size:.72rem;font-weight:600}.actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:11px 19px;border:1px solid transparent;border-radius:12px;font-size:.87rem;font-weight:700;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.button-primary{color:#061e30;background:var(--blue)}.button-primary:hover{background:#78d8e9}.button-secondary{border-color:#45627c;color:var(--text);background:rgb(255 255 255 / 4%)}.button-secondary:hover{background:rgb(255 255 255 / 9%)}.card-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgb(174 206 229 / 12%);border-bottom:1px solid rgb(174 206 229 / 12%)}.card-links a{display:flex;min-height:59px;align-items:center;justify-content:center;gap:6px;padding:10px 7px;color:#d4e3ee;font-size:.75rem;font-weight:600;text-align:center}.card-links a+a{border-left:1px solid rgb(174 206 229 / 12%)}.card-links a:hover,.card-footer a:hover{color:var(--blue)}.card-links span{color:var(--blue)}.card-footer{display:flex;justify-content:space-between;gap:14px;padding:17px 24px;color:#91a9bc;font-size:.7rem}.card-footer a{color:#c6d7e5;font-weight:600}.page-note{margin:16px 0 0;color:#7892a8;font-size:.71rem;text-align:center}@media(max-width:480px){.page-shell{padding:20px 13px}.profile-card{border-radius:22px}.card-topline{padding:16px 17px}.status{font-size:.64rem}.profile-main{padding:28px 19px 24px}.portrait-wrap{width:104px;height:104px}h1{font-size:2.5rem}.intro{font-size:.91rem}.skills{gap:6px}.skills span{padding:6px 9px;font-size:.68rem}.actions{gap:8px}.button{min-height:46px;padding:10px 14px;font-size:.82rem}.card-links a{min-height:57px;flex-direction:column;gap:1px;font-size:.68rem}.card-footer{padding:15px 16px;font-size:.64rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

.card-tools{display:flex;align-items:center;gap:12px}.theme-toggle{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border:1px solid rgb(174 206 229 / 22%);border-radius:999px;color:var(--text);background:rgb(255 255 255 / 5%);font:600 .72rem 'Segoe UI',Arial,sans-serif;cursor:pointer}.theme-toggle:hover{border-color:var(--blue)}.theme-toggle span:first-child{color:var(--blue);font-size:.95rem}.theme-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
:root[data-theme="light"]{color-scheme:light;--bg:#edf3f7;--card:#fff;--line:#d9e3eb;--text:#132d45;--muted:#61788d;--blue:#087e9f;--mint:#228262;background:radial-gradient(ellipse at 50% 0%,#fff 0%,var(--bg) 62%)}
:root[data-theme="light"] .profile-card{border-color:#d8e3eb;background:linear-gradient(155deg,#fff,#f8fbfd);box-shadow:0 25px 70px rgb(27 58 84 / 14%)}
:root[data-theme="light"] .card-topline,:root[data-theme="light"] .card-links{border-color:#dce5ec}
:root[data-theme="light"] .brand,:root[data-theme="light"] .status,:root[data-theme="light"] .skills span,:root[data-theme="light"] .card-links a,:root[data-theme="light"] .card-footer a{color:#263f55}
:root[data-theme="light"] .status i{background:#228262}
:root[data-theme="light"] .eyebrow{color:#08748f}
:root[data-theme="light"] .intro{color:#415b70}
:root[data-theme="light"] .skills span{border-color:#d8e3eb;background:#f2f7fa}
:root[data-theme="light"] .button-secondary{border-color:#cbd8e2;color:#18364e;background:#f2f6f9}
:root[data-theme="light"] .button-secondary:hover{background:#e6eef4}
:root[data-theme="light"] .card-links a+a{border-color:#dce5ec}
:root[data-theme="light"] .card-links a:hover,:root[data-theme="light"] .card-footer a:hover{color:#087e9f}
:root[data-theme="light"] .card-footer{color:#637a8e}
:root[data-theme="light"] .theme-toggle{border-color:#cbd8e2;color:#304b62;background:#f4f8fa}
:root[data-theme="light"] .theme-toggle:hover{border-color:#087e9f}
:root[data-theme="light"] .page-note{color:#61788d}
@media(max-width:480px){.card-tools{gap:0}.status{display:none}.theme-toggle{min-height:36px;padding:6px 9px;font-size:.68rem}}
