:root{--accent:#ff8400;--secondary:#ff8a3d;--ink:#171923;--muted:#696b77;--paper:#f4f1ec;--white:#fff;--line:rgba(22,24,35,.1);--shadow:0 28px 90px rgba(33,27,55,.18)}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper);scroll-behavior:smooth}body{min-height:100%;margin:0;color:var(--ink);font-family:Inter,Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-page{position:relative;min-height:100vh;min-height:100dvh;padding:42px 20px 64px;overflow-x:hidden;background:#dedbd7}.profile-page:before{content:"SELÇUK";position:fixed;left:-1vw;top:6vh;color:rgba(255,255,255,.29);font-size:clamp(112px,20vw,300px);font-weight:950;letter-spacing:-.09em;line-height:.75;pointer-events:none}.profile-page:after{content:"ÖZKAN";position:fixed;right:-1vw;bottom:3vh;color:rgba(255,255,255,.22);font-size:clamp(112px,20vw,300px);font-weight:950;letter-spacing:-.09em;line-height:.75;pointer-events:none}
.ambient{position:fixed;border-radius:50%;filter:blur(3px);pointer-events:none}.ambient-a{width:44vw;height:44vw;left:-18vw;top:-17vw;background:color-mix(in srgb,var(--accent) 52%,transparent);opacity:.5}.ambient-b{width:38vw;height:38vw;right:-15vw;bottom:-14vw;background:color-mix(in srgb,var(--secondary) 57%,transparent);opacity:.5}.grid-field{position:fixed;inset:0;background-image:radial-gradient(rgba(30,28,36,.13) 1.1px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black,transparent 36%,transparent 67%,black);opacity:.32;pointer-events:none}
.bg-grid{background:#e7e5e1}.bg-grid .ambient{display:none}.bg-grid .grid-field{opacity:.6}.bg-midnight{background:#171822;color:#fff}.bg-midnight:before,.bg-midnight:after{color:rgba(255,255,255,.035)}.bg-midnight .grid-field{background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.2px)}
.profile-shell{position:relative;z-index:2;width:100%;max-width:720px;margin:auto}.profile-card{position:relative;padding:26px 30px 24px;border:1px solid rgba(255,255,255,.74);border-radius:44px;background:rgba(250,249,247,.91);box-shadow:var(--shadow);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);overflow:hidden}.profile-card:before{content:"";position:absolute;width:290px;height:290px;right:-130px;top:-150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%);pointer-events:none}.profile-card:after{content:"";position:absolute;left:28px;right:28px;top:88px;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);pointer-events:none}.bg-midnight .profile-card{border-color:rgba(255,255,255,.1);background:rgba(28,29,39,.92);box-shadow:0 32px 100px rgba(0,0,0,.38)}
.profile-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:42px}.personal-mark{width:42px;height:42px;display:grid;grid-template-columns:1fr 1fr;place-items:center;border-radius:14px;background:var(--ink);box-shadow:0 9px 20px rgba(23,25,35,.18);overflow:hidden;transform:rotate(-3deg)}.personal-mark b,.personal-mark i{color:#fff;font-size:12px;font-style:normal;font-weight:950}.personal-mark i{width:100%;height:100%;display:grid;place-items:center;background:var(--secondary)}.share-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.78);color:#343641;cursor:pointer;transition:.24s ease}.share-button:hover{transform:translateY(-2px);background:#fff;box-shadow:0 10px 24px rgba(30,27,43,.11)}.share-button svg{width:19px;height:19px}.bg-midnight .share-button{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff}
.identity{position:relative;z-index:1;padding:34px 28px 25px;text-align:center}.portrait-wrap{position:relative;width:126px;height:126px;margin:0 auto 22px}.portrait-orbit{position:absolute;inset:-7px;border:2px solid transparent;border-top-color:var(--accent);border-right-color:var(--secondary);border-radius:50%;animation:portrait-spin 8s linear infinite}.portrait-orbit:after{content:"";position:absolute;right:8px;top:5px;width:8px;height:8px;border:4px solid #faf9f7;border-radius:50%;background:var(--secondary)}.portrait{position:absolute;inset:0;width:126px;height:126px;border:6px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 17px 34px rgba(34,28,60,.18);object-fit:cover;object-position:center}.portrait-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#6f3800));color:#fff;font-size:36px;font-weight:950;letter-spacing:-.08em}.online-dot{position:absolute;right:4px;bottom:11px;width:20px;height:20px;border:5px solid #faf9f7;border-radius:50%;background:#33c86f}.profile-eyebrow{display:inline-flex;margin-bottom:10px;color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.16em}.identity h1{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:var(--ink);font-size:clamp(30px,5vw,43px);font-weight:950;letter-spacing:-.055em;line-height:1.05}.verified{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;letter-spacing:0}.username{margin:7px 0 0;color:#858691;font-size:12px;font-weight:750}.identity h2{margin:20px 0 0;color:var(--ink);font-size:clamp(18px,3vw,24px);font-weight:850;letter-spacing:-.025em}.bio{max-width:540px;margin:12px auto 0;color:var(--muted);font-size:14px;font-weight:550;line-height:1.72}.profile-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:17px}.profile-meta span{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.68);color:#646670;font-size:10px;font-weight:800}.profile-meta svg{width:14px;height:14px}.status-pill i{width:7px;height:7px;border-radius:50%;background:#33c86f;box-shadow:0 0 0 4px rgba(51,200,111,.12)}.bg-midnight .identity h1,.bg-midnight .identity h2{color:#fff}.bg-midnight .bio,.bg-midnight .username{color:#a9abb6}.bg-midnight .profile-meta span{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#c8c9d0}
.links{position:relative;z-index:2;display:grid;gap:12px}.profile-link{--delay:0ms;position:relative;min-height:78px;display:grid;grid-template-columns:54px minmax(0,1fr) auto 36px;align-items:center;gap:14px;padding:11px 14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 9px 24px rgba(35,30,56,.055);animation:link-rise .55s both;animation-delay:var(--delay);transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s}.profile-link:hover{z-index:3;transform:translateY(-3px) scale(1.008);border-color:color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:0 18px 40px rgba(35,30,56,.13)}.profile-link.is-featured{min-height:98px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 93%,#171923),var(--accent));border-color:transparent;color:#fff;box-shadow:0 17px 38px color-mix(in srgb,var(--accent) 25%,transparent)}.link-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#fff3e3;color:var(--accent);overflow:hidden}.link-icon svg{width:25px;height:25px}.link-icon img{width:100%;height:100%;object-fit:cover}.is-featured .link-icon{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.link-icon-oznex:before{content:"OX";font-size:15px;font-weight:950;letter-spacing:-.08em}.link-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.link-copy strong{font-size:14px;font-weight:900;letter-spacing:-.015em}.link-copy small{color:#777984;font-size:10.5px;font-weight:650;line-height:1.35}.is-featured .link-copy strong{font-size:17px}.is-featured .link-copy small{color:rgba(255,255,255,.72)}.profile-link em{padding:6px 8px;border-radius:999px;background:#fff3e3;color:var(--accent);font-size:8px;font-style:normal;font-weight:950;letter-spacing:.08em}.is-featured em{background:rgba(255,255,255,.15);color:#fff}.link-arrow{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#f3f2f0;color:#40424b;transition:.24s}.link-arrow svg{width:17px;height:17px}.profile-link:hover .link-arrow{transform:translateX(2px);background:var(--secondary);color:#fff}.is-featured .link-arrow{background:rgba(255,255,255,.14);color:#fff}.bg-midnight .profile-link:not(.is-featured){border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.055);box-shadow:none}.bg-midnight .link-copy small{color:#9799a7}.bg-midnight .link-arrow{background:rgba(255,255,255,.08);color:#fff}.bg-midnight .link-icon{background:rgba(255,255,255,.08)}
.cards-outline .profile-link:not(.is-featured){background:transparent;border-width:1.5px;box-shadow:none}.cards-solid .profile-link:not(.is-featured){background:#fff;box-shadow:0 12px 30px rgba(35,30,56,.11)}
.socials{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:24px 0 4px}.socials a{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.7);color:#4b4d57;transition:.22s}.socials a:hover{transform:translateY(-3px);border-color:transparent;background:var(--ink);color:#fff}.socials svg{width:20px;height:20px}.bg-midnight .socials a{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff}.profile-footer{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:22px;color:#999aa2;font-size:8px;font-weight:850;letter-spacing:.08em}.profile-footer i{width:3px;height:3px;border-radius:50%;background:var(--secondary)}.profile-footer a:hover{color:var(--accent)}
.share-toast{position:fixed;z-index:20;left:50%;bottom:24px;padding:11px 16px;border-radius:999px;background:#171923;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.26);font-size:11px;font-weight:800;opacity:0;transform:translate(-50%,12px);transition:.22s}.share-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@keyframes portrait-spin{to{transform:rotate(360deg)}}@keyframes link-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:640px){.profile-page{padding:0;background:#f5f2ed}.profile-page:before,.profile-page:after{display:none}.ambient-a{width:90vw;height:90vw;left:-52vw;top:-40vw}.ambient-b{width:85vw;height:85vw;right:-50vw;bottom:-40vw}.grid-field{opacity:.2}.profile-shell{max-width:none}.profile-card{min-height:100vh;min-height:100dvh;padding:18px 14px calc(25px + env(safe-area-inset-bottom));border:0;border-radius:0;background:rgba(250,249,247,.94);box-shadow:none}.profile-card:after{left:16px;right:16px;top:70px}.profile-toolbar{min-height:38px;padding:0 2px}.personal-mark,.share-button{width:38px;height:38px;border-radius:13px}.identity{padding:29px 11px 22px}.portrait-wrap,.portrait{width:112px;height:112px}.portrait-wrap{margin-bottom:20px}.portrait{border-width:5px}.portrait-placeholder{font-size:32px}.identity h1{font-size:31px}.identity h2{margin-top:17px;font-size:19px}.bio{font-size:12.5px;line-height:1.68}.profile-meta{margin-top:15px}.profile-meta span{font-size:9px}.links{gap:10px}.profile-link{min-height:72px;grid-template-columns:48px minmax(0,1fr) auto 32px;gap:11px;padding:10px 11px;border-radius:20px}.profile-link.is-featured{min-height:88px}.link-icon{width:48px;height:48px;border-radius:15px}.link-copy strong{font-size:13px}.is-featured .link-copy strong{font-size:15px}.link-copy small{font-size:9.5px}.link-arrow{width:32px;height:32px;border-radius:11px}.profile-link em{display:none}.socials{margin-top:21px}.socials a{width:41px;height:41px}.profile-footer{margin-top:20px;font-size:7px}.bg-midnight{background:#171822}.bg-midnight .profile-card{background:rgba(27,28,37,.96)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.portrait-orbit{animation:none}.profile-link{animation:none;transition:none}}

/* v2 — OZNEX orange, graphite and white visual identity */
.profile-page{background:#e9edf2}
.profile-page:before{color:rgba(255,132,0,.105)}
.profile-page:after{color:rgba(31,39,51,.055)}
.ambient-a{background:radial-gradient(circle,rgba(255,132,0,.44),rgba(255,132,0,0) 70%);opacity:.7}
.ambient-b{background:radial-gradient(circle,rgba(255,178,67,.36),rgba(255,178,67,0) 70%);opacity:.72}
.grid-field{background-image:radial-gradient(rgba(39,47,58,.14) 1.1px,transparent 1.2px)}
.profile-card{border-color:rgba(255,255,255,.92);background:rgba(255,255,255,.94);box-shadow:0 28px 90px rgba(31,39,51,.17)}
.profile-card:before{background:radial-gradient(circle,rgba(255,132,0,.16),rgba(255,132,0,0) 68%)}
.personal-mark{background:#202735;box-shadow:0 10px 24px rgba(31,39,51,.2)}
.personal-mark i{background:#ff8400}
.portrait-orbit{border-top-color:#ff8400;border-right-color:#202735}
.portrait-orbit:after{background:#ff8400}
.portrait-placeholder{background:linear-gradient(145deg,#ff9d1f,#ee7200);text-shadow:0 2px 0 rgba(116,53,0,.18)}
.profile-eyebrow{color:#e97100}
.verified{background:#ff8400}
.profile-link.is-featured{background:linear-gradient(115deg,#ff9d16 0%,#ff8400 54%,#ed6f00 100%);box-shadow:0 18px 40px rgba(255,132,0,.28)}
.profile-link:hover{border-color:rgba(255,132,0,.34)}
.link-icon{background:#fff3e3;color:#e97100}
.link-icon-oznex:before{content:none!important}
.link-icon-oznex svg{display:block;width:25px;height:25px}
.profile-link em{background:#fff1df;color:#d96800}
.is-featured em{background:rgba(255,255,255,.2);color:#fff}
.profile-link:hover .link-arrow{background:#202735;color:#fff}
.socials a:hover{background:#ff8400;color:#fff}
.profile-footer i{background:#ff8400}
@media(max-width:640px){.profile-page{background:#eef1f6}.profile-card{background:rgba(255,255,255,.96)}}

/* v3 — shared OZNEX Lato typography and stronger link readability */
@font-face{font-family:Lato;src:url('/assets/fonts/lato-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('/assets/fonts/lato-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Lato;src:url('/assets/fonts/lato-900.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
body{font-family:Lato,Arial,sans-serif}
.identity h1{font-family:Lato,Arial,sans-serif;font-size:42px;font-weight:900;line-height:1.08;letter-spacing:.25px}
.identity h2{font-size:23px;font-weight:700;line-height:1.28;letter-spacing:.4px}
.profile-eyebrow{font-size:11px;font-weight:900;letter-spacing:.17em}
.username{font-size:12px;font-weight:700}
.bio{font-size:15px;font-weight:700;line-height:1.7;letter-spacing:.15px}
.profile-meta span{font-size:11px;font-weight:700}
.link-copy strong{font-size:16px;font-weight:900;letter-spacing:.15px}
.link-copy small{color:#596273;font-size:12px;font-weight:700;line-height:1.42;letter-spacing:.1px}
.is-featured .link-copy strong{font-size:19px;font-weight:900}
.is-featured .link-copy small{color:#fff;font-size:12.5px;font-weight:700;line-height:1.42;text-shadow:0 1px 2px rgba(132,57,0,.18)}
.profile-link em{font-size:9px;font-weight:900}
.profile-footer{font-weight:700}
@media(max-width:640px){
  .identity h1{font-size:32px;letter-spacing:.1px}
  .identity h2{font-size:20px;letter-spacing:.2px}
  .bio{font-size:13.5px;line-height:1.7}
  .profile-meta span{font-size:10px}
  .link-copy strong{font-size:14.5px}
  .is-featured .link-copy strong{font-size:16.5px}
  .link-copy small,.is-featured .link-copy small{font-size:11px;line-height:1.36}
}

/* v4 — animated personal monogram */
.personal-mark{
  position:relative;
  width:50px;
  height:44px;
  display:block;
  border:0;
  border-radius:15px;
  background:linear-gradient(145deg,#151a22 0%,#29313c 100%);
  box-shadow:0 12px 28px rgba(31,39,51,.22),inset 0 1px 0 rgba(255,255,255,.12);
  isolation:isolate;
  overflow:hidden;
  transform:none;
  animation:personal-mark-float 4.8s ease-in-out infinite;
}
.personal-mark:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  padding:1.5px;
  border-radius:inherit;
  background:conic-gradient(from 30deg,transparent 0 48%,#ff8400 60%,#ffd29d 68%,transparent 82%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:personal-mark-ring 4s linear infinite;
}
.personal-mark:after{
  content:"";
  position:absolute;
  z-index:1;
  left:-26px;
  top:-18px;
  width:15px;
  height:80px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  transform:rotate(24deg);
  animation:personal-mark-shine 4.8s cubic-bezier(.25,.7,.2,1) infinite;
}
.personal-mark b,.personal-mark i{
  position:absolute;
  z-index:2;
  top:50%;
  width:auto;
  height:auto;
  display:block;
  background:none;
  color:#fff;
  font-family:Lato,Arial,sans-serif;
  font-size:15px;
  font-style:normal;
  font-weight:900;
  line-height:1;
  text-shadow:0 2px 6px rgba(0,0,0,.22);
}
.personal-mark b{left:12px;transform:translateY(-50%)}
.personal-mark i{right:9px;color:#ff941a;transform:translateY(-50%)}
.personal-mark i:after{
  content:"";
  position:absolute;
  right:-5px;
  top:-5px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,132,0,.2);
}
.personal-mark:hover{animation-play-state:paused;transform:translateY(-2px) scale(1.04);box-shadow:0 17px 34px rgba(31,39,51,.26),0 0 0 5px rgba(255,132,0,.08)}
@keyframes personal-mark-ring{to{transform:rotate(360deg)}}
@keyframes personal-mark-shine{0%,64%{left:-26px}82%,100%{left:70px}}
@keyframes personal-mark-float{0%,100%{translate:0 0}50%{translate:0 -2px}}
@media(max-width:640px){.personal-mark{width:46px;height:40px;border-radius:14px}.personal-mark b,.personal-mark i{font-size:14px}.personal-mark b{left:11px}.personal-mark i{right:8px}}
@media(prefers-reduced-motion:reduce){.personal-mark,.personal-mark:before,.personal-mark:after{animation:none}.personal-mark:hover{transform:none}}

/* v5 — letter-free animated developer mark */
.code-mark{width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,#141922,#27303b);animation:code-mark-float 4.6s ease-in-out infinite}
.code-mark svg{position:absolute;z-index:2;inset:9px;width:30px;height:30px;color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.24))}
.code-mark svg path{fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:0;animation:code-glyph-draw 4.6s ease-in-out infinite}
.code-mark svg .code-slash{stroke:#ff941a;stroke-width:2.5;animation-delay:.16s}
.code-mark .code-dot{position:absolute;z-index:3;right:5px;bottom:5px;width:7px;height:7px;border:2px solid #202735;border-radius:50%;background:#ff8400;box-shadow:0 0 0 3px rgba(255,132,0,.18);animation:code-dot-pulse 1.9s ease-in-out infinite}
.code-mark b,.code-mark i{display:none!important}
@keyframes code-mark-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -2px;rotate:1deg}}
@keyframes code-glyph-draw{0%,9%{stroke-dashoffset:30;opacity:.45}26%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-30;opacity:.45}}
@keyframes code-dot-pulse{0%,100%{transform:scale(.8);opacity:.72}50%{transform:scale(1.16);opacity:1}}
@media(max-width:640px){.code-mark{width:44px;height:44px;border-radius:16px}.code-mark svg{inset:8px;width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.code-mark,.code-mark svg path,.code-mark .code-dot{animation:none}}

/* v6 — lighter glass code mark and layered portrait orbit */
.code-mark{
  border:1px solid rgba(255,255,255,.9);
  background:
    radial-gradient(circle at 76% 22%,rgba(255,153,38,.24),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,241,233,.94));
  box-shadow:0 12px 28px rgba(31,39,51,.14),inset 0 1px 0 #fff,0 0 0 1px rgba(255,132,0,.07);
}
.code-mark:before{
  background:conic-gradient(from 30deg,transparent 0 43%,#ff8400 56%,#ffc270 67%,transparent 81%);
}
.code-mark:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent)}
.code-mark svg{color:#303744;filter:drop-shadow(0 2px 5px rgba(31,39,51,.12))}
.code-mark svg .code-slash{stroke:#f47b00}
.code-mark .code-dot{border-color:#fff;background:#ff8400;box-shadow:0 0 0 3px rgba(255,132,0,.14),0 3px 9px rgba(231,107,0,.25)}
.code-mark:hover{box-shadow:0 17px 34px rgba(31,39,51,.16),0 0 0 5px rgba(255,132,0,.07)}

.portrait-wrap{isolation:isolate}
.portrait-wrap:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-20px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,132,0,.2) 0,rgba(255,157,31,.09) 43%,transparent 68%);
  animation:portrait-halo 3.8s ease-in-out infinite;
}
.portrait-wrap:after{
  content:"";
  position:absolute;
  z-index:3;
  left:calc(50% - 6px);
  top:-13px;
  width:12px;
  height:12px;
  border:3px solid rgba(255,255,255,.96);
  border-radius:50%;
  background:linear-gradient(145deg,#ffb13b,#ff7800);
  box-shadow:0 4px 12px rgba(235,111,0,.32),0 0 0 4px rgba(255,132,0,.09);
  transform-origin:6px 76px;
  animation:portrait-satellite 7.2s linear infinite;
}
.portrait-orbit{
  z-index:0;
  inset:-10px;
  border:0;
  background:conic-gradient(from 0deg,#ff7c00 0 10%,#ffb347 15%,rgba(255,132,0,.15) 24%,transparent 35% 51%,rgba(41,49,61,.2) 58%,#29313d 63% 67%,transparent 74% 88%,rgba(255,132,0,.22) 96%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));
  filter:drop-shadow(0 3px 7px rgba(255,132,0,.16));
  animation:portrait-spin 7.2s linear infinite;
}
.portrait-orbit:before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px dashed rgba(255,132,0,.35);
  border-radius:50%;
  animation:portrait-counterspin 12s linear infinite;
}
.portrait-orbit:after{display:none}
.portrait{z-index:1;box-shadow:0 18px 38px rgba(34,28,60,.17),0 0 0 1px rgba(255,132,0,.08)}
.online-dot{z-index:4;box-shadow:0 5px 12px rgba(51,200,111,.26),0 0 0 4px rgba(51,200,111,.08)}
@keyframes portrait-halo{0%,100%{transform:scale(.94);opacity:.52}50%{transform:scale(1.06);opacity:1}}
@keyframes portrait-satellite{to{transform:rotate(360deg)}}
@keyframes portrait-counterspin{to{transform:rotate(-360deg)}}
@media(max-width:640px){.portrait-wrap:after{top:-12px;transform-origin:6px 69px}.portrait-orbit{inset:-9px}.portrait-wrap:before{inset:-17px}}
@media(prefers-reduced-motion:reduce){.portrait-wrap:before,.portrait-wrap:after,.portrait-orbit,.portrait-orbit:before{animation:none}}

/* v7 — staged developer-style page entrance */
.has-js .profile-card{
  opacity:0;
  transform:translate3d(0,18px,0) scale(.986);
  animation:page-shell-enter .78s .06s cubic-bezier(.16,1,.3,1) both;
}
.has-js .profile-card:after{
  transform:scaleX(0);
  transform-origin:left center;
  animation:code-line-scan .72s .22s cubic-bezier(.2,.8,.2,1) both;
}
.has-js .reveal-item{
  opacity:0;
  filter:blur(7px);
  transform:translate3d(0,16px,0) scale(.985);
  will-change:opacity,transform,filter;
}
.has-js .reveal-item.reveal-left{transform:translate3d(-18px,0,0) scale(.97)}
.has-js .reveal-item.reveal-right{transform:translate3d(18px,0,0) scale(.97)}
.has-js .reveal-item.reveal-zoom{transform:translate3d(0,8px,0) scale(.82)}
.has-js .reveal-item.reveal-card{transform:translate3d(0,22px,0) scale(.975)}
.has-js .is-page-ready .reveal-item{
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0) scale(1);
  transition:
    opacity .56s cubic-bezier(.2,.7,.2,1),
    transform .72s cubic-bezier(.16,1,.3,1),
    filter .52s ease;
  transition-delay:calc(150ms + (var(--reveal-order) * 78ms));
}
.has-js .profile-link.reveal-item{animation:none}
.code-line{position:relative;width:fit-content;max-width:100%;margin-left:auto!important;margin-right:auto!important}
.code-line:after{
  content:"_";
  display:inline-block;
  margin-left:3px;
  color:var(--accent);
  opacity:0;
}
.has-js .is-page-ready .code-line:after{
  animation:terminal-caret .7s step-end 5;
  animation-delay:calc(330ms + (var(--reveal-order) * 78ms));
}
.has-js .ambient-a{animation:ambient-enter-left 1.25s .08s cubic-bezier(.16,1,.3,1) both}
.has-js .ambient-b{animation:ambient-enter-right 1.25s .14s cubic-bezier(.16,1,.3,1) both}
.has-js .grid-field{animation:grid-boot .9s .1s ease both}
.has-js .is-page-ready .profile-link.reveal-item:hover{transition-delay:0ms}
@keyframes page-shell-enter{from{opacity:0;transform:translate3d(0,18px,0) scale(.986)}to{opacity:1;transform:none}}
@keyframes code-line-scan{0%{transform:scaleX(0);opacity:0}35%{opacity:1}100%{transform:scaleX(1);opacity:1}}
@keyframes terminal-caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@keyframes ambient-enter-left{from{opacity:0;transform:translate3d(-42px,-26px,0) scale(.84)}}
@keyframes ambient-enter-right{from{opacity:0;transform:translate3d(42px,26px,0) scale(.84)}}
@keyframes grid-boot{from{opacity:0;background-size:36px 36px}to{background-size:24px 24px}}
@media(max-width:640px){
  .has-js .is-page-ready .reveal-item{transition-delay:calc(105ms + (var(--reveal-order) * 64ms))}
  .has-js .profile-card{animation-duration:.58s}
}
@media(prefers-reduced-motion:reduce){
  .has-js .profile-card,.has-js .reveal-item{opacity:1;filter:none;transform:none;animation:none!important;transition:none!important}
  .has-js .profile-card:after{transform:scaleX(1);animation:none!important}
  .has-js .ambient-a,.has-js .ambient-b,.has-js .grid-field,.has-js .code-line:after{animation:none!important}
  .code-line:after{display:none}
}

/* v9 — contained code mark and close-fit portrait ring */
.code-mark{
  overflow:hidden;
  contain:paint;
  transform:none;
  animation:none;
}
.code-mark:before{inset:2px;padding:1px;border-radius:14px}
.code-mark:after{top:-12px;height:70px}
.code-mark .code-dot{
  right:6px;
  bottom:6px;
  width:6px;
  height:6px;
  box-shadow:0 0 0 2px rgba(255,132,0,.12);
}
.code-mark:hover{
  transform:translateY(-1px);
  box-shadow:0 13px 27px rgba(31,39,51,.15),inset 0 1px 0 #fff;
}
.portrait-wrap:before{
  inset:-11px;
  background:radial-gradient(circle,rgba(255,132,0,.14) 0,rgba(255,157,31,.055) 48%,transparent 70%);
}
.portrait-wrap:after{
  z-index:0;
  inset:-2px;
  width:auto;
  height:auto;
  border:1px solid rgba(255,132,0,.14);
  border-radius:50%;
  background:transparent;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 0 18px rgba(255,132,0,.08);
  transform:none;
  transform-origin:center;
  animation:portrait-soft-ring 3.8s ease-in-out infinite;
}
.portrait-orbit{
  inset:-4px;
  background:conic-gradient(from 18deg,#ff7a00 0 9%,#ffad36 14%,rgba(255,132,0,.12) 24%,transparent 33% 55%,rgba(42,49,60,.12) 62%,#38404b 69% 73%,transparent 80% 93%,rgba(255,132,0,.2) 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));
  filter:drop-shadow(0 2px 4px rgba(255,132,0,.11));
  animation-duration:6.4s;
}
.portrait-orbit:before{display:none}
.online-dot{
  right:5px;
  bottom:9px;
  width:19px;
  height:19px;
  border-width:5px;
  box-shadow:0 4px 10px rgba(51,200,111,.2);
}
@keyframes portrait-soft-ring{0%,100%{opacity:.52;transform:scale(.995)}50%{opacity:1;transform:scale(1.015)}}
@media(max-width:640px){
  .code-mark:before{border-radius:13px}
  .portrait-wrap:before{inset:-9px}
  .portrait-wrap:after{inset:-2px;transform-origin:center}
  .portrait-orbit{inset:-4px}
  .online-dot{right:4px;bottom:8px;width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.portrait-wrap:after{animation:none}}

/* v10 — desktop terminal ambience and falling code */
.desktop-code-layer{display:none}
@media(min-width:901px){
  .desktop-code-layer{
    position:fixed;
    z-index:1;
    inset:0;
    display:block;
    overflow:hidden;
    pointer-events:none;
  }
  .code-streams{
    position:absolute;
    inset:0;
    overflow:hidden;
    opacity:.9;
    -webkit-mask-image:linear-gradient(90deg,#000 0 19%,rgba(0,0,0,.6) 26%,transparent 37% 63%,rgba(0,0,0,.6) 74%,#000 81% 100%);
    mask-image:linear-gradient(90deg,#000 0 19%,rgba(0,0,0,.6) 26%,transparent 37% 63%,rgba(0,0,0,.6) 74%,#000 81% 100%);
  }
  .code-stream{
    position:absolute;
    left:var(--stream-x);
    top:0;
    width:max-content;
    max-width:230px;
    color:#313946;
    font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    font-size:9px;
    font-weight:650;
    line-height:2.2;
    letter-spacing:.015em;
    white-space:pre;
    opacity:var(--stream-opacity);
    text-shadow:0 1px 0 rgba(255,255,255,.6);
    transform:translate3d(-50%,-115%,0);
    animation:desktop-code-fall var(--stream-speed) linear var(--stream-delay) infinite;
  }
  .code-stream.is-accent{color:#f07a00;text-shadow:0 0 12px rgba(255,132,0,.18)}
  .terminal-ghost{
    position:absolute;
    width:226px;
    overflow:hidden;
    border:1px solid rgba(46,54,65,.1);
    border-radius:18px;
    background:rgba(255,255,255,.36);
    box-shadow:0 18px 50px rgba(40,46,56,.07),inset 0 1px 0 rgba(255,255,255,.72);
    color:rgba(43,50,61,.58);
    font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    animation:terminal-drift 7s ease-in-out infinite;
  }
  .terminal-ghost-left{left:24px;top:20vh;transform:rotate(-1.5deg)}
  .terminal-ghost-right{right:24px;bottom:16vh;transform:rotate(1.5deg);animation-delay:-3.5s}
  .terminal-ghost header{
    height:31px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 11px;
    border-bottom:1px solid rgba(46,54,65,.08);
    background:rgba(255,255,255,.38);
  }
  .terminal-ghost header i{width:6px;height:6px;border-radius:50%;background:rgba(48,56,68,.18)}
  .terminal-ghost header i:first-child{background:rgba(255,132,0,.55)}
  .terminal-ghost header span{margin-left:4px;font-size:7px;font-weight:800;letter-spacing:.05em}
  .terminal-ghost code{display:block;padding:13px 14px 15px;font-size:8px;line-height:2;color:rgba(44,51,62,.57)}
  .terminal-ghost code b{color:#ef7a00}.terminal-ghost code em{color:rgba(219,105,0,.74);font-style:normal}.terminal-ghost code strong{color:#2aa561}
  .terminal-caret{margin-left:2px;color:#ff8400;animation:terminal-caret .8s step-end infinite}
}
@media(min-width:901px) and (max-width:1219px){.terminal-ghost{display:none}.code-stream{font-size:8px}}
@keyframes desktop-code-fall{to{transform:translate3d(-50%,115vh,0)}}
@keyframes terminal-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(prefers-reduced-motion:reduce){
  .code-streams{display:none}
  .terminal-ghost,.terminal-caret{animation:none!important}
}

/* v13 — human-style typing terminal for profile message */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.identity-terminal{
  max-width:560px;
  margin:20px auto 0;
  overflow:hidden;
  border:1px solid rgba(43,50,61,.1);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(250,245,238,.86));
  box-shadow:0 15px 34px rgba(34,40,50,.075),inset 0 1px 0 rgba(255,255,255,.95);
  text-align:left;
}
.identity-terminal>header{
  min-height:32px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border-bottom:1px solid rgba(43,50,61,.08);
  background:rgba(255,255,255,.56);
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
}
.terminal-lights{display:flex;gap:5px}.terminal-lights i{width:6px;height:6px;border-radius:50%;background:#d8dadd}.terminal-lights i:first-child{background:#ff8400}.terminal-lights i:nth-child(2){background:#ffbf58}.terminal-lights i:last-child{background:#37c973}
.identity-terminal>header b{color:#4c5360;font-size:8px;font-weight:800;letter-spacing:.025em}
.identity-terminal>header em{margin-left:auto;color:#9a9da4;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.identity-terminal-body{min-height:112px;padding:15px 17px 16px;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.identity-terminal-command{display:flex;align-items:flex-start;gap:8px;min-height:27px}
.terminal-prompt{flex:0 0 auto;color:#f07a00;font-size:19px;font-weight:900;line-height:1.25;text-shadow:0 0 14px rgba(255,132,0,.18)}
.identity .identity-terminal h2{width:auto;max-width:calc(100% - 30px);margin:0;color:#252c37;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:-.03em;line-height:1.38;text-align:left}
.identity-terminal-body p{min-height:48px;margin:10px 0 0 21px;color:#69707c;font-size:11px;font-weight:600;line-height:1.62;text-align:left}
.human-cursor{display:none;flex:0 0 auto;width:7px;height:17px;margin-top:4px;border-radius:2px;background:#ff8400;box-shadow:0 0 12px rgba(255,132,0,.25);animation:human-caret .72s step-end infinite}
.cursor-body{width:6px;height:14px;margin:0 0 -2px 3px;vertical-align:middle}
.is-title-typing .cursor-title,.is-body-typing .cursor-body{display:inline-block}
.is-terminal-idle .cursor-body{display:inline-block;opacity:.72}
.is-terminal-idle>header em{color:#2aa561}
.bg-midnight .identity-terminal{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.055);box-shadow:none}.bg-midnight .identity-terminal>header{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045)}.bg-midnight .identity-terminal>header b,.bg-midnight .identity-terminal h2{color:#fff}.bg-midnight .identity-terminal-body p{color:#a9abb6}
@keyframes human-caret{0%,46%{opacity:1}47%,100%{opacity:0}}
@media(max-width:640px){
  .identity-terminal{margin-top:17px;border-radius:18px}
  .identity-terminal>header{min-height:29px;padding:0 10px}
  .identity-terminal>header b{font-size:7px}.identity-terminal>header em{font-size:6px}
  .identity-terminal-body{min-height:106px;padding:13px 12px 14px}
  .identity .identity-terminal h2{font-size:15px;line-height:1.4}
  .identity-terminal-body p{min-height:50px;margin:9px 0 0 20px;font-size:9.5px;line-height:1.58}
  .terminal-prompt{font-size:17px}
}

/* v15 — real developer terminal and portrait quick-action bubbles */
.profile-card:after{display:none}
.identity{padding-top:12px}
.portrait-actions{position:absolute;z-index:6;inset:0;pointer-events:none}
.portrait-action{
  --bubble-delay:.9s;
  position:absolute;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.9);
  border-radius:14px;
  background:rgba(255,255,255,.95);
  box-shadow:0 12px 26px rgba(33,40,51,.16),inset 0 1px 0 #fff;
  color:#343b47;
  cursor:pointer;
  pointer-events:auto;
  opacity:0;
  transform-origin:right center;
  animation:portrait-bubble-launch .65s var(--bubble-delay) cubic-bezier(.16,1,.3,1) both,portrait-bubble-float 3.8s calc(var(--bubble-delay) + .65s) ease-in-out infinite;
}
.portrait-action:after{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;border-top:1px solid rgba(255,255,255,.9);border-right:1px solid rgba(255,255,255,.9);background:inherit;transform:translateY(-50%) rotate(45deg)}
.portrait-action svg{position:relative;z-index:1;width:19px;height:19px;stroke-width:1.9}
.portrait-action:hover{animation-play-state:paused;transform:translateY(-2px) scale(1.08);box-shadow:0 16px 32px rgba(33,40,51,.2)}
.portrait-action-share{--bubble-delay:.82s;left:-44px;top:2px;color:#fff;background:linear-gradient(145deg,#ff9e1d,#f27600);box-shadow:0 13px 28px rgba(242,118,0,.24)}
.portrait-action-instagram{--bubble-delay:1.02s;left:-58px;top:44px;color:#dc5a33;background:linear-gradient(145deg,#fff,#fff3e7)}
.portrait-action-youtube{--bubble-delay:1.22s;left:-44px;top:88px;color:#e52d27;background:linear-gradient(145deg,#fff,#fff1ed)}
@keyframes portrait-bubble-launch{from{opacity:0;transform:translate3d(20px,0,0) scale(.35) rotate(8deg)}to{opacity:1;transform:none}}
@keyframes portrait-bubble-float{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}

.identity-terminal{
  max-width:560px;
  border-color:rgba(255,132,0,.16);
  background:linear-gradient(145deg,#151b23,#202833 72%,#171e27);
  box-shadow:0 18px 38px rgba(24,30,39,.19),inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(255,132,0,.035);
}
.identity-terminal>header{min-height:34px;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.045)}
.identity-terminal>header b{color:#aab2bf;font-size:7.5px;font-weight:650}.identity-terminal>header em{color:#ff9b2d}
.identity-terminal-body{min-height:168px;padding:14px 17px 15px;color:#c7ced8}
.terminal-shell-line,.terminal-log-line,.terminal-code-row,.terminal-build-result{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;text-align:left}
.terminal-shell-line{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:9px;line-height:1.65}.terminal-user{color:#5fd39a}.terminal-separator{color:#687381}.terminal-path{color:#65a9ea}.terminal-shell-line .terminal-prompt{margin:0 7px 0 5px;color:#ff9220;font-size:10px;line-height:inherit}.terminal-shell-line code{color:#e6e9ee;font-family:inherit}
.terminal-log-line{margin:5px 0 8px 0;color:#778291;font-size:8px;line-height:1.5}.terminal-log-line span{color:#d7802e}
.terminal-code-row{position:relative;display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:start;min-height:28px;padding:4px 7px 4px 0;border-radius:7px;font-size:10px;line-height:1.55}.terminal-code-row:hover{background:rgba(255,255,255,.025)}
.terminal-code-row code{min-width:0;color:#d9dee6;font-family:inherit;white-space:normal;overflow-wrap:anywhere}.terminal-line-no{color:#4d5866;font-size:8px;text-align:right;padding:2px 7px 0 0;user-select:none}.syntax-keyword{color:#ff8d45}.syntax-variable{color:#67b6ef}.syntax-string{color:#98c379}.syntax-comment{color:#7f8997}
.terminal-code-title{font-size:14px;font-weight:700;letter-spacing:-.02em}
.terminal-comment-row{min-height:54px}.terminal-build-result{margin:7px 0 0 23px;color:#6f7b89;font-size:8px;opacity:0;transform:translateY(3px);transition:.25s ease}.terminal-build-result span{color:#47ca7d;font-weight:900}.is-terminal-idle .terminal-build-result{opacity:1;transform:none}.is-terminal-idle>header em{color:#47ca7d}
.human-cursor{width:6px;height:14px;margin:1px 0 0 3px;border-radius:1px;background:#ff941a}.cursor-body{width:5px;height:12px;margin:1px 0 0 3px}
.bg-midnight .identity-terminal{background:linear-gradient(145deg,#11161d,#1b222c);border-color:rgba(255,132,0,.18)}
@media(max-width:640px){
  .identity{padding-top:8px}
  .portrait-action{width:35px;height:35px;border-radius:13px}.portrait-action svg{width:17px;height:17px}
  .portrait-action-share{left:-39px;top:-1px}.portrait-action-instagram{left:-51px;top:37px}.portrait-action-youtube{left:-39px;top:76px}
  .identity-terminal>header{min-height:31px}.identity-terminal>header b{font-size:6.5px}
  .identity-terminal-body{min-height:160px;padding:12px 10px 13px}
  .terminal-shell-line{font-size:7.5px}.terminal-log-line{font-size:7px}.terminal-code-row{grid-template-columns:20px minmax(0,1fr) auto;font-size:8.5px;padding-right:3px}.terminal-code-title{font-size:12px}.terminal-line-no{font-size:7px;padding-right:5px}.terminal-comment-row{min-height:59px}.terminal-build-result{margin-left:20px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){.portrait-action{animation:portrait-bubble-launch .01s both}}

/* v16 — light code editor terminal and gentle keyboard audio control */
.identity-terminal{
  border-color:rgba(53,61,72,.12);
  background:linear-gradient(145deg,#fbfaf7,#f3f5f7 70%,#f8f2ea);
  box-shadow:0 16px 34px rgba(35,42,52,.105),inset 0 1px 0 #fff,0 0 0 1px rgba(255,132,0,.035);
}
.identity-terminal>header{min-height:34px;border-color:rgba(53,61,72,.09);background:linear-gradient(180deg,#f7f8f9,#eef1f3)}
.identity-terminal>header b{color:#65707d}.identity-terminal>header em{color:#db7200}
.identity-terminal-body{min-height:150px;color:#303844}
.terminal-shell-line{color:#3d4652}.terminal-user{color:#21875a}.terminal-separator{color:#8c959f}.terminal-path{color:#2d72b4}.terminal-shell-line code{color:#303844}.terminal-shell-line .terminal-prompt{color:#e87500;text-shadow:none}
.terminal-log-line{color:#89919b}.terminal-log-line span{color:#d36b00}
.terminal-code-row:hover{background:rgba(255,132,0,.035)}
.terminal-code-row code{color:#39424e}.terminal-line-no{color:#adb3ba}.syntax-keyword{color:#c75a19}.syntax-variable{color:#256da8}.syntax-string{color:#557e2c}.syntax-comment{color:#7d858e}
.terminal-code-title{font-size:12.5px;font-weight:680;letter-spacing:-.015em}
.terminal-build-result{color:#818a94}.terminal-build-result span{color:#229b59}
.is-terminal-idle>header em{color:#229b59}
.human-cursor{background:#ed7a00;box-shadow:0 0 9px rgba(237,122,0,.2)}
.terminal-sound{
  flex:0 0 auto;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(52,61,73,.09);
  border-radius:8px;
  background:rgba(255,255,255,.7);
  color:#e67900;
  cursor:pointer;
  transition:.2s ease;
}
.terminal-sound:hover{transform:translateY(-1px);border-color:rgba(230,121,0,.2);background:#fff;box-shadow:0 7px 16px rgba(40,47,57,.1)}
.terminal-sound svg{width:14px;height:14px;stroke-width:1.8}.terminal-sound .sound-off-mark{display:none}.terminal-sound.is-muted{color:#8f969e;background:rgba(255,255,255,.42)}.terminal-sound.is-muted .sound-wave{display:none}.terminal-sound.is-muted .sound-off-mark{display:block}
.bg-midnight .identity-terminal{background:linear-gradient(145deg,#f7f5f1,#e9edf0);border-color:rgba(255,132,0,.15)}
@media(max-width:640px){
  .identity-terminal-body{min-height:150px}
  .terminal-code-title{font-size:11px;font-weight:680}
  .identity-terminal>header{gap:6px}.identity-terminal>header b{max-width:158px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-sound{width:22px;height:22px;border-radius:7px}.terminal-sound svg{width:13px;height:13px}
}

/* v17 — one-shot HTML editor animation with a real keyboard recording */
.identity-terminal-body{min-height:158px;padding-top:13px}
.terminal-html-row{min-height:25px;padding-top:3px;padding-bottom:3px}
.terminal-html-row.is-indented code{padding-left:10px}
.terminal-html-row code{font-size:9.5px;line-height:1.55}
.syntax-tag{color:#b94f16}.syntax-attr{color:#2b6fa9}.syntax-value{color:#5d7f32}.syntax-html-text{color:#4e5865}
.terminal-code-title{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:#3f4a56}
.terminal-title-row{min-height:27px}.terminal-comment-row{min-height:58px}
.terminal-build-result{margin-top:6px;color:#7c8792}.is-terminal-idle .terminal-build-result{opacity:1}
.identity-terminal audio{display:none}
@media(max-width:640px){
  .identity-terminal-body{min-height:158px;padding-top:11px}
  .terminal-html-row code{font-size:8.5px;line-height:1.5}
  .terminal-code-title{font-size:inherit;font-weight:inherit}
  .terminal-html-row.is-indented code{padding-left:6px}
  .terminal-comment-row{min-height:66px}
}

/* v18 — social links on the left, share action on the right */
.portrait-action-youtube{--bubble-delay:.82s;left:-44px;top:2px;color:#e52d27;background:linear-gradient(145deg,#fff,#fff1ed)}
.portrait-action-instagram{--bubble-delay:1.02s;left:-58px;top:44px;color:#dc5a33;background:linear-gradient(145deg,#fff,#fff3e7)}
.portrait-action-github{--bubble-delay:1.22s;left:-44px;top:88px;color:#252b34;background:linear-gradient(145deg,#fff,#edf0f4)}
.portrait-action-share{
  --bubble-delay:1.08s;
  left:auto;
  right:-48px;
  top:44px;
  transform-origin:left center;
  color:#fff;
  background:linear-gradient(145deg,#ff9e1d,#f27600);
  box-shadow:0 13px 28px rgba(242,118,0,.24);
  animation:portrait-bubble-launch-right .65s var(--bubble-delay) cubic-bezier(.16,1,.3,1) both,portrait-bubble-float 3.8s calc(var(--bubble-delay) + .65s) ease-in-out infinite;
}
.portrait-action-share:after{
  left:-5px;
  right:auto;
  width:8px;
  height:10px;
  border:0;
  background:inherit;
  clip-path:polygon(0 50%,100% 0,100% 100%);
  transform:translateY(-50%);
}
@keyframes portrait-bubble-launch-right{from{opacity:0;transform:translate3d(-20px,0,0) scale(.35) rotate(-8deg)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .portrait-action-youtube{left:-39px;top:-1px}
  .portrait-action-instagram{left:-51px;top:37px}
  .portrait-action-github{left:-39px;top:76px}
  .portrait-action-share{left:auto;right:-42px;top:37px}
}
@media(prefers-reduced-motion:reduce){.portrait-action-share{animation:portrait-bubble-launch-right .01s both}}

/* v19 — larger portrait composition; duplicate lower social row removed */
.portrait-wrap,.portrait{width:148px;height:148px}
.portrait-wrap{margin-bottom:25px}
.portrait-action{width:44px;height:44px;border-radius:16px}
.portrait-action svg{width:21px;height:21px}
.portrait-action-youtube{left:-48px;top:8px}
.portrait-action-instagram{left:-64px;top:54px}
.portrait-action-github{left:-48px;top:100px}
.portrait-action-share{right:-52px;top:54px}
@media(max-width:640px){
  .portrait-wrap,.portrait{width:132px;height:132px}
  .portrait-wrap{margin-bottom:23px}
  .portrait-action{width:40px;height:40px;border-radius:15px}
  .portrait-action svg{width:19px;height:19px}
  .portrait-action-youtube{left:-43px;top:3px}
  .portrait-action-instagram{left:-55px;top:46px}
  .portrait-action-github{left:-43px;top:89px}
  .portrait-action-share{right:-46px;top:46px}
}

/* v20 — compact premium link cards */
.links{max-width:580px;margin:0 auto;gap:8px}
.profile-link{
  min-height:62px;
  grid-template-columns:42px minmax(0,1fr) auto 30px;
  gap:10px;
  padding:8px 10px;
  overflow:hidden;
  border-color:rgba(36,43,53,.09);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(246,245,242,.9));
  box-shadow:0 7px 20px rgba(34,40,50,.055),inset 0 1px 0 rgba(255,255,255,.94);
}
.profile-link:not(.is-featured):before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:0 3px 3px 0;background:linear-gradient(#ffad39,#f27600);opacity:.72}
.profile-link:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(34,40,50,.11)}
.profile-link:active{transform:translateY(0) scale(.993)}
.profile-link.is-featured{min-height:70px;border-radius:19px;background:linear-gradient(120deg,#ff9d16 0%,#ff8400 56%,#ee7300 100%);box-shadow:0 11px 25px rgba(242,118,0,.2),inset 0 1px 0 rgba(255,255,255,.24)}
.profile-link:not(:has(em)){grid-template-columns:42px minmax(0,1fr) 30px}
.profile-link:not(:has(em)) .link-arrow{grid-column:3}
.link-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#fff7eb,#ffeed9);box-shadow:inset 0 0 0 1px rgba(255,132,0,.07)}
.link-icon svg,.link-icon-oznex svg{width:20px;height:20px}
.is-featured .link-icon{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.link-copy{gap:3px}
.link-copy strong,.is-featured .link-copy strong{font-size:14px;line-height:1.18;letter-spacing:.08px}
.link-copy small,.is-featured .link-copy small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:10px;line-height:1.25}
.profile-link em{padding:5px 7px;font-size:7px}
.link-arrow{grid-column:4;width:30px;height:30px;border-radius:10px;background:rgba(40,47,57,.055)}
.link-arrow svg{width:14px;height:14px}
.is-featured .link-arrow{background:rgba(255,255,255,.16)}
@media(max-width:640px){
  .links{gap:7px}
  .profile-link{min-height:58px;grid-template-columns:40px minmax(0,1fr) 28px;gap:9px;padding:7px 9px;border-radius:17px}
  .profile-link.is-featured{min-height:64px;border-radius:18px}
  .link-icon{width:40px;height:40px;border-radius:12px}
  .link-icon svg,.link-icon-oznex svg{width:19px;height:19px}
  .link-copy strong,.is-featured .link-copy strong{font-size:13px}
  .link-copy small,.is-featured .link-copy small{font-size:9.25px}
  .link-arrow{grid-column:3;width:28px;height:28px;border-radius:9px}
}