:root{
  --bg:#030b18;
  --bg-2:#061224;
  --panel:rgba(7,23,45,.86);
  --panel-soft:rgba(11,31,58,.78);
  --line:rgba(50,139,255,.28);
  --line-strong:rgba(67,154,255,.62);
  --text:#edf5ff;
  --muted:#8ba3c2;
  --blue:#2587ff;
  --cyan:#38cfff;
  --violet:#9b6cff;
  --lime:#72f0bf;
  --shadow:0 25px 80px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 70% 0%,rgba(27,95,205,.18),transparent 30%),
    radial-gradient(circle at 15% 45%,rgba(26,106,216,.12),transparent 35%),
    linear-gradient(180deg,#020816,#041020 55%,#020915);
  font-family:Manrope,system-ui,sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
svg{width:20px;height:20px}
.boot-screen{
  position:fixed;inset:0;z-index:9999;background:#020814;
  display:grid;place-content:center;justify-items:center;gap:18px;
  transition:.7s ease;
}
body.loaded .boot-screen{opacity:0;visibility:hidden}
.boot-logo{
  width:80px;height:80px;border:1px solid var(--line-strong);border-radius:24px;
  display:grid;place-items:center;font-family:"Space Grotesk";font-size:1.5rem;font-weight:700;
  background:linear-gradient(145deg,rgba(37,135,255,.2),rgba(56,207,255,.05));
  box-shadow:0 0 60px rgba(37,135,255,.25),inset 0 0 40px rgba(56,207,255,.07);
  animation:pulse 1.5s ease-in-out infinite;
}
.boot-text{font-size:.7rem;letter-spacing:.28em;color:var(--muted)}
.boot-bar{width:220px;height:3px;background:rgba(255,255,255,.06);overflow:hidden}
.boot-bar span{display:block;width:40%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:boot 1.1s ease-in-out infinite}
#networkCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none}
.scanline{
  position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;
  background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(255,255,255,.12) 4px);
}
.cursor-halo{
  position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,rgba(38,136,255,.14),transparent 68%);
  transform:translate(-50%,-50%);
}
.page-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:150;background:rgba(255,255,255,.03)}
.page-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--violet))}
.cv-shell{min-height:100vh;display:grid;grid-template-columns:92px 1fr}
.sidebar{
  position:fixed;left:0;top:0;bottom:0;width:92px;z-index:60;
  border-right:1px solid var(--line);background:rgba(3,11,24,.82);backdrop-filter:blur(18px);
  display:flex;flex-direction:column;align-items:center;padding:24px 0;
}
.side-brand span{
  width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line-strong);
  clip-path:polygon(50% 0,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);
  background:linear-gradient(145deg,rgba(37,135,255,.28),rgba(56,207,255,.06));
  font-family:"Space Grotesk";font-weight:700;box-shadow:0 0 30px rgba(37,135,255,.25);
}
.side-nav{display:flex;flex-direction:column;gap:16px;margin:auto 0}
.side-nav a{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#6f88aa;
  position:relative;transition:.25s;
}
.side-nav a:after{
  content:attr(data-label);position:absolute;left:60px;white-space:nowrap;padding:7px 10px;
  border-radius:8px;background:#0d2342;border:1px solid var(--line);font-size:.7rem;
  opacity:0;transform:translateX(-6px);pointer-events:none;transition:.25s;
}
.side-nav a:hover:after{opacity:1;transform:none}
.side-nav a:hover,.side-nav a.active{
  color:var(--cyan);background:linear-gradient(145deg,rgba(37,135,255,.18),rgba(56,207,255,.06));
  box-shadow:0 0 25px rgba(37,135,255,.13);
}
.side-nav a.active:before{
  content:"";position:absolute;right:-23px;width:3px;height:18px;border-radius:4px;background:var(--blue);
  box-shadow:0 0 16px var(--blue);
}
.side-caption{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.63rem;letter-spacing:.2em;color:#40658f}
.dashboard{
  grid-column:2;padding:24px;display:grid;
  grid-template-columns:minmax(340px,.9fr) minmax(560px,1.7fr);
  grid-template-areas:
    "profile experience"
    "profile skills"
    "education projects"
    "contact projects"
    "footer footer";
  gap:16px;max-width:1800px;width:100%;margin:0 auto;
}
.panel{
  position:relative;border:1px solid var(--line);background:
  linear-gradient(145deg,rgba(9,29,56,.9),rgba(4,18,37,.88));
  box-shadow:var(--shadow),inset 0 0 50px rgba(35,112,255,.025);
  overflow:hidden;
}
.panel:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,var(--blue),transparent 14%) top left/55% 1px no-repeat,
    linear-gradient(180deg,var(--blue),transparent 18%) top left/1px 55% no-repeat,
    linear-gradient(270deg,var(--cyan),transparent 12%) bottom right/40% 1px no-repeat,
    linear-gradient(0deg,var(--cyan),transparent 15%) bottom right/1px 42% no-repeat;
  opacity:.55;
}
.profile-panel{grid-area:profile;min-height:780px;display:flex;flex-direction:column}
.profile-visual{height:48%;min-height:370px;position:relative;overflow:hidden;background:#071a34}
.profile-visual img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.92) contrast(1.04)}
.profile-grid-bg{
  position:absolute;inset:0;z-index:1;opacity:.25;
  background-image:linear-gradient(rgba(52,145,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(52,145,255,.12) 1px,transparent 1px);
  background-size:28px 28px;
}
.profile-overlay{
  position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,rgba(3,12,26,.02) 30%,rgba(5,20,40,.24) 65%,rgba(5,20,40,.98) 100%);
}
.floating-code{
  position:absolute;z-index:3;color:rgba(67,187,255,.62);font-family:"Space Grotesk";
  border:1px solid rgba(53,150,255,.22);background:rgba(6,23,45,.55);backdrop-filter:blur(10px);
  padding:8px 12px;border-radius:12px;animation:float 5s ease-in-out infinite;
}
.code-a{right:7%;top:18%;font-size:1.6rem}.code-b{left:8%;bottom:28%;animation-delay:-2s}.code-c{right:15%;bottom:18%;animation-delay:-3.4s}
.profile-copy{padding:0 28px 28px;margin-top:-26px;position:relative;z-index:4}
.status-line{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#a9bed8;margin-bottom:24px}
.status-line span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime);animation:pulse 1.6s infinite}
.micro-label{font-size:.64rem;letter-spacing:.2em;color:#4b91db;margin:0 0 8px}
.profile-copy h1{font-family:"Space Grotesk";font-size:clamp(2rem,3vw,3.7rem);line-height:1;margin:0 0 10px;letter-spacing:-.04em}
.profile-copy h2{font-family:"Space Grotesk";font-size:1.15rem;color:var(--blue);margin:0 0 18px}
.profile-summary{color:var(--muted);font-size:.9rem}
.profile-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}
.profile-meta div{padding:12px;border:1px solid var(--line);display:grid;gap:3px;background:rgba(255,255,255,.018)}
.profile-meta svg{color:var(--blue);width:17px;height:17px}
.profile-meta span{font-size:.62rem;color:var(--muted)}
.profile-meta strong{font-size:.72rem}
blockquote{margin:20px 0 0;padding:18px;border-left:2px solid var(--blue);background:rgba(37,135,255,.05);color:#b8cbe2;font-size:.8rem}
.experience-panel{grid-area:experience;padding:22px 24px}
.skills-panel{grid-area:skills;padding:22px 24px}
.projects-panel{grid-area:projects;padding:22px 24px}
.education-panel{grid-area:education;padding:22px 24px}
.contact-panel{grid-area:contact;padding:24px}
.cv-footer{grid-area:footer}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.panel-heading>div{display:flex;align-items:center;gap:12px}
.panel-icon{width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;color:var(--cyan);background:rgba(37,135,255,.08)}
.panel-heading small{font-size:.58rem;letter-spacing:.17em;color:#4776a8}
.panel-heading h3{margin:2px 0 0;font-family:"Space Grotesk";font-size:1rem;text-transform:uppercase;letter-spacing:.04em}
.panel-badge,.panel-link{font-size:.67rem;color:var(--blue)}
.panel-link{display:flex;align-items:center;gap:8px}.panel-link svg{width:14px}
.timeline{position:relative;display:grid;gap:14px;padding-top:4px}
.timeline:before{
  content:"";position:absolute;left:160px;top:8px;bottom:8px;width:1px;
  background:linear-gradient(rgba(37,135,255,.55),rgba(37,135,255,.08));
}
.timeline-item{
  display:grid;grid-template-columns:140px 24px 1fr;gap:14px;position:relative;align-items:start;
}
.timeline-period{
  display:flex;justify-content:flex-end;align-items:flex-start;padding-top:12px;
}
.timeline-item time{
  display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;min-width:116px;
  border:1px solid rgba(37,135,255,.22);background:rgba(37,135,255,.07);
  color:var(--blue);font-size:.72rem;font-weight:700;letter-spacing:.02em;
  box-shadow:inset 0 0 18px rgba(37,135,255,.04);
}
.timeline-dot{
  width:14px;height:14px;border-radius:50%;border:2px solid var(--blue);
  background:#071a34;margin-top:18px;box-shadow:0 0 16px rgba(37,135,255,.35);
  position:relative;z-index:2;
}
.timeline-card{
  padding:16px 18px;border:1px solid rgba(37,135,255,.16);
  background:linear-gradient(145deg,rgba(10,30,57,.86),rgba(4,18,37,.78));
  box-shadow:inset 0 0 26px rgba(37,135,255,.025);
}
.timeline-card-top{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:8px;
}
.timeline-title-wrap h4{margin:0;font-size:1rem;line-height:1.35}
.timeline-title-wrap strong{
  display:inline-flex;margin-top:6px;padding:5px 10px;border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);font-size:.68rem;font-weight:700;color:#b5c7db;
  text-transform:uppercase;letter-spacing:.04em;
}
.timeline-period-mobile{
  display:none;font-size:.65rem;color:var(--blue);border:1px solid rgba(37,135,255,.18);
  padding:5px 8px;background:rgba(37,135,255,.06);white-space:nowrap;
}
.timeline-item p{
  margin:0;color:var(--muted);font-size:.76rem;line-height:1.7;max-width:90%;
}
.signal{display:flex;gap:4px}.signal i{width:4px;height:4px;border-radius:50%;background:var(--cyan);animation:signal 1.2s infinite}.signal i:nth-child(2){animation-delay:.2s}.signal i:nth-child(3){animation-delay:.4s}
.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.skill-chip{border:1px solid var(--line);padding:12px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;background:rgba(255,255,255,.018);transition:.25s}
.skill-chip:hover{border-color:var(--line-strong);transform:translateY(-3px);background:rgba(37,135,255,.05)}
.skill-chip>span{width:32px;height:32px;display:grid;place-items:center;color:var(--cyan);background:rgba(37,135,255,.08)}
.skill-chip strong{font-size:.69rem}
.skill-chip b{font-size:.62rem;color:#5f89b8;font-weight:600}
.skill-bar{height:3px;background:rgba(255,255,255,.05);margin-top:7px;overflow:hidden}
.skill-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.project-card{min-height:250px;padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,31,59,.9),rgba(5,19,38,.85));position:relative;overflow:hidden;transform-style:preserve-3d;transition:border-color .25s}
.project-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(47,141,255,.13),transparent 70%)}
.project-card:hover{border-color:var(--line-strong)}
.project-number{position:absolute;right:14px;top:10px;font-family:"Space Grotesk";font-size:2rem;color:rgba(255,255,255,.04)}
.project-icon{width:48px;height:48px;border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--cyan);background:rgba(37,135,255,.08);box-shadow:0 0 24px rgba(37,135,255,.12)}
.project-card>span{display:block;font-size:.56rem;letter-spacing:.13em;color:#487eb8;text-transform:uppercase;margin-top:16px}
.project-card h4{font-family:"Space Grotesk";font-size:1.05rem;margin:4px 0 8px}
.project-card p{color:var(--muted);font-size:.7rem;line-height:1.55}
.project-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.project-tags em{font-style:normal;font-size:.56rem;color:#7fa1c7;border:1px solid rgba(63,122,190,.28);padding:4px 6px}
.education-content{display:grid;grid-template-columns:120px 1fr 58px;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:18px}
.education-year{font-family:"Space Grotesk";color:var(--blue);font-size:.9rem}.education-content h4{margin:0 0 4px}.education-content strong{font-size:.72rem;color:#abc0d9}.education-content p{margin:6px 0 0;color:var(--muted);font-size:.7rem}
.education-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);color:var(--cyan)}
.contact-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;background:linear-gradient(135deg,rgba(20,72,155,.35),rgba(5,21,43,.92))}
.contact-intro>span{font-size:.58rem;letter-spacing:.18em;color:var(--cyan)}.contact-intro h3{font-family:"Space Grotesk";font-size:1.4rem;line-height:1.15;margin:10px 0}.contact-intro p{font-size:.72rem;color:var(--muted)}
.contact-list{display:grid;gap:8px}
.contact-list a{display:grid;grid-template-columns:28px 70px 1fr;align-items:center;gap:8px;padding:9px;border-bottom:1px solid rgba(255,255,255,.05);transition:.2s}
.contact-list a:hover{background:rgba(37,135,255,.05);padding-left:14px}
.contact-list svg{width:16px;color:var(--cyan)}.contact-list span{font-size:.62rem;color:var(--muted)}.contact-list strong{font-size:.68rem;font-weight:600}
.cv-footer{display:flex;justify-content:space-between;color:#41658e;font-size:.62rem;padding:10px 4px}
.reveal{opacity:0;transform:translateY(20px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes pulse{50%{transform:scale(1.06);opacity:.68}}@keyframes boot{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes signal{50%{opacity:.2;transform:scale(.5)}}
@media(max-width:1180px){
  .dashboard{grid-template-columns:1fr;grid-template-areas:"profile" "experience" "skills" "projects" "education" "contact" "footer";max-width:900px}
  .profile-panel{min-height:auto}.profile-visual{height:520px}
}
@media(max-width:760px){
  .cv-shell{grid-template-columns:1fr}.sidebar{left:10px;right:10px;top:auto;bottom:10px;width:auto;height:62px;flex-direction:row;padding:8px 14px;border:1px solid var(--line);border-radius:18px;justify-content:center}
  .side-brand,.side-caption{display:none}.side-nav{flex-direction:row;margin:0;gap:6px}.side-nav a{width:42px;height:42px}.side-nav a:after,.side-nav a.active:before{display:none}
  .dashboard{grid-column:1;padding:12px 12px 90px}.profile-visual{height:420px;min-height:0}.profile-copy{padding:0 20px 22px}.profile-meta{grid-template-columns:1fr}.skill-grid,.project-grid{grid-template-columns:1fr}.contact-panel{grid-template-columns:1fr}.timeline{gap:10px}.timeline:before{left:11px;top:10px;bottom:10px}.timeline-item{grid-template-columns:24px 1fr;gap:12px}.timeline-period{display:none}.timeline-dot{margin-top:14px}.timeline-card{padding:14px 14px 14px 16px}.timeline-card-top{flex-direction:column;gap:8px}.timeline-period-mobile{display:inline-flex}.timeline-item p{max-width:100%}.education-content{grid-template-columns:1fr}.education-icon{display:none}.panel-heading{align-items:flex-start}.panel-badge,.panel-link{display:none}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* === Interactive Patch v2 === */
body{--mx:50vw;--my:50vh}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(37,135,255,.10),transparent 70%);
}
.hud-clock{
  position:fixed;right:20px;top:20px;z-index:70;display:flex;align-items:center;gap:10px;
  padding:10px 13px;border:1px solid var(--line);background:rgba(4,15,31,.72);
  backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(0,0,0,.25);
}
.hud-clock small{display:block;font-size:.48rem;letter-spacing:.18em;color:#5278a3}
.hud-clock strong{font-family:"Space Grotesk";font-size:.78rem;color:var(--cyan);letter-spacing:.08em}
.hud-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime);animation:pulse 1.4s infinite}
.command-trigger{
  position:fixed;right:20px;bottom:20px;z-index:75;border:1px solid var(--line);color:#cde0f5;
  background:rgba(5,19,38,.84);backdrop-filter:blur(16px);display:flex;align-items:center;gap:9px;
  padding:10px 12px;cursor:pointer;box-shadow:0 15px 40px rgba(0,0,0,.3);transition:.25s;
}
.command-trigger:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.command-trigger svg{width:16px;color:var(--cyan)}
.command-trigger span{font-size:.66rem}.command-trigger kbd,.command-search kbd{font-size:.54rem;color:#6f91b8;border:1px solid rgba(255,255,255,.10);padding:3px 6px;background:rgba(255,255,255,.03)}
.mini-terminal{border:1px solid rgba(49,135,224,.25);background:rgba(0,7,18,.58);margin:18px 0;padding:0;overflow:hidden}
.terminal-top{height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.05)}
.terminal-top span{width:7px;height:7px;border-radius:50%;background:#ff6b6b}
.terminal-top span:nth-child(2){background:#ffd166}.terminal-top span:nth-child(3){background:#65d17a}
.terminal-top em{font-style:normal;font-size:.55rem;color:#466b94;margin-left:6px}
.terminal-body{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;font-family:monospace;font-size:.72rem}
.terminal-prompt{color:var(--lime)}.terminal-body strong{color:#8fdcff}.terminal-body i{width:1px;height:17px;background:var(--cyan);animation:terminalBlink .8s infinite}
.panel{transition:border-color .35s,transform .35s,box-shadow .35s}
.panel:hover{border-color:rgba(58,148,255,.42);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 40px rgba(37,135,255,.035)}
.panel-heading:after{content:"";height:1px;flex:1;margin-left:8px;background:linear-gradient(90deg,rgba(37,135,255,.22),transparent)}
.profile-visual:after{
  content:"";position:absolute;inset:-30%;z-index:2;pointer-events:none;
  background:linear-gradient(115deg,transparent 42%,rgba(91,191,255,.12) 49%,transparent 56%);
  transform:translateX(-60%) rotate(6deg);animation:profileSweep 7s ease-in-out infinite;
}
.profile-visual img{transition:transform .2s ease-out,filter .35s}
.profile-panel:hover .profile-visual img{filter:saturate(1.04) contrast(1.08)}
.skill-chip{position:relative;overflow:hidden}
.skill-chip:after{
  content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.06),transparent 65%);
  transform:translateX(-120%);transition:.55s;
}
.skill-chip:hover:after{transform:translateX(120%)}
.project-card{cursor:pointer}
.project-card:after{
  content:"";position:absolute;left:var(--spot-x,50%);top:var(--spot-y,50%);
  width:220px;height:220px;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(54,157,255,.17),transparent 67%);opacity:0;transition:opacity .22s;pointer-events:none;
}
.project-card:hover:after{opacity:1}
.project-open{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);color:#559eea;font-size:.62rem}
.project-open svg{width:14px;transition:.25s}.project-card:hover .project-open svg{transform:translate(3px,-3px)}
.timeline-item{transition:.25s}
.timeline-item:hover{transform:translateX(4px)}
.timeline-item:hover .timeline-dot{background:var(--blue);box-shadow:0 0 22px var(--blue)}
.timeline-item:hover .timeline-card{border-color:rgba(56,207,255,.30);background:linear-gradient(145deg,rgba(11,34,64,.92),rgba(4,20,40,.84))}
.timeline-item:hover h4{color:var(--cyan)}
.contact-list a{position:relative;overflow:hidden}
.contact-list a:after{content:"";position:absolute;left:-100%;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transition:.45s}
.contact-list a:hover:after{left:100%}
.project-modal,.command-palette{position:fixed;inset:0;z-index:500;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.28s}
.project-modal.open,.command-palette.open{opacity:1;visibility:visible}
.modal-backdrop,.command-backdrop{position:absolute;inset:0;background:rgba(0,5,14,.78);backdrop-filter:blur(14px)}
.modal-card{
  width:min(560px,calc(100% - 28px));position:relative;z-index:1;padding:34px;border:1px solid var(--line-strong);
  background:linear-gradient(145deg,rgba(8,31,61,.97),rgba(3,15,31,.98));box-shadow:0 35px 100px rgba(0,0,0,.65);
  transform:translateY(18px) scale(.96);transition:.3s;
}
.project-modal.open .modal-card{transform:none}
.modal-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--blue),transparent 30%) top/100% 1px no-repeat}
.modal-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;display:grid;place-items:center;cursor:pointer}
.modal-close:hover{color:var(--cyan);border-color:var(--line-strong)}
.modal-kicker{font-size:.58rem;letter-spacing:.18em;color:var(--cyan)}
.modal-card h3{font-family:"Space Grotesk";font-size:2rem;margin:10px 0}.modal-card>p{color:var(--muted);font-size:.85rem}
.modal-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.modal-tags span{font-size:.62rem;border:1px solid var(--line);padding:6px 8px;color:#9bb9d8}
.modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-meta div{padding:12px;border:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;align-items:center}
.modal-meta svg{grid-row:1/3;color:var(--cyan);width:17px}.modal-meta span{font-size:.55rem;color:var(--muted)}.modal-meta strong{font-size:.67rem}
.command-box{width:min(580px,calc(100% - 28px));position:relative;z-index:1;border:1px solid var(--line-strong);background:rgba(4,17,35,.98);box-shadow:0 35px 100px rgba(0,0,0,.68);transform:translateY(-18px) scale(.97);transition:.25s}
.command-palette.open .command-box{transform:none}
.command-search{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:15px;border-bottom:1px solid var(--line)}
.command-search svg{color:var(--cyan);width:18px}.command-search input{border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:.86rem}
.command-results{padding:8px;display:grid;gap:4px;max-height:390px;overflow:auto}
.command-results button{border:0;background:transparent;color:#d9e7f7;display:grid;grid-template-columns:36px 1fr;gap:10px;text-align:left;padding:11px;cursor:pointer}
.command-results button:hover,.command-results button.active{background:rgba(37,135,255,.10)}
.command-results svg{grid-row:1/3;color:var(--cyan);width:18px}.command-results span{font-size:.75rem;font-weight:700}.command-results small{font-size:.6rem;color:var(--muted)}
.interaction-toast{position:fixed;right:20px;bottom:72px;z-index:90;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);background:rgba(5,19,38,.92);color:#bcd0e7;font-size:.62rem;box-shadow:0 15px 40px rgba(0,0,0,.32);transform:translateX(130%);transition:.45s}
.interaction-toast.show{transform:none}.interaction-toast svg{width:15px;color:var(--cyan)}
.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .65s linear;background:rgba(255,255,255,.18);pointer-events:none}
@keyframes terminalBlink{50%{opacity:0}}@keyframes profileSweep{0%,55%{transform:translateX(-65%) rotate(6deg)}75%,100%{transform:translateX(65%) rotate(6deg)}}@keyframes ripple{to{transform:scale(4);opacity:0}}
@media(max-width:760px){
  .hud-clock{right:10px;top:10px}.command-trigger{right:10px;bottom:82px}.interaction-toast{left:10px;right:10px;bottom:138px}
  .modal-meta{grid-template-columns:1fr}.mini-terminal{margin-bottom:14px}
}


/* === Print CV Patch === */
.print-header,.print-footer{display:none}
.floating-actions{
  position:fixed;right:20px;bottom:20px;z-index:75;
  display:flex;flex-direction:column;align-items:flex-end;gap:8px;
}
.floating-actions .command-trigger{position:static}
.print-trigger{
  border:1px solid rgba(56,207,255,.35);color:#dff6ff;
  background:linear-gradient(135deg,rgba(37,135,255,.92),rgba(17,94,207,.94));
  backdrop-filter:blur(16px);display:flex;align-items:center;gap:9px;
  padding:11px 14px;cursor:pointer;box-shadow:0 15px 40px rgba(0,0,0,.34),0 0 24px rgba(37,135,255,.13);
  transition:.25s;
}
.print-trigger:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(0,0,0,.42),0 0 32px rgba(37,135,255,.2)}
.print-trigger svg{width:16px;color:#fff}
.print-trigger span{font-size:.68rem;font-weight:800}
.side-print-button{
  width:46px;height:46px;border-radius:14px;border:0;display:grid;place-items:center;
  color:#6f88aa;background:transparent;position:relative;cursor:pointer;transition:.25s;margin-bottom:14px;
}
.side-print-button:hover{
  color:var(--cyan);background:linear-gradient(145deg,rgba(37,135,255,.18),rgba(56,207,255,.06));
  box-shadow:0 0 25px rgba(37,135,255,.13);
}
.side-print-button:after{
  content:attr(data-label);position:absolute;left:60px;white-space:nowrap;padding:7px 10px;
  border-radius:8px;background:#0d2342;border:1px solid var(--line);font-size:.7rem;
  opacity:0;transform:translateX(-6px);pointer-events:none;transition:.25s;
}
.side-print-button:hover:after{opacity:1;transform:none}
.side-print-button svg{width:19px;height:19px}

@media(max-width:760px){
  .floating-actions{right:10px;bottom:82px}
  .floating-actions .command-trigger{position:static}
  .side-print-button{display:none}
}

@page{
  size:A4 portrait;
  margin:10mm;
}

@media print{
  :root{
    --text:#142238;
    --muted:#53657a;
    --blue:#176fd1;
    --cyan:#087da5;
    --line:rgba(17,65,117,.18);
  }

  *{
    animation:none!important;
    transition:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
  }

  html,body{
    width:210mm;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
    color:var(--text)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }

  body:after,
  #networkCanvas,
  .scanline,
  .cursor-halo,
  .page-progress,
  .boot-screen,
  .sidebar,
  .hud-clock,
  .floating-actions,
  .interaction-toast,
  .project-modal,
  .command-palette,
  .floating-code,
  .profile-grid-bg,
  .profile-overlay,
  .profile-visual:after,
  .project-open,
  .signal,
  .mini-terminal,
  .cv-footer{
    display:none!important;
  }

  .cv-shell{
    display:block!important;
    min-height:0!important;
  }

  .dashboard{
    display:grid!important;
    grid-template-columns:72mm 1fr!important;
    grid-template-areas:
      "printhead printhead"
      "profile experience"
      "profile skills"
      "education projects"
      "contact projects"
      "printfoot printfoot"!important;
    gap:4mm!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  .print-header{
    grid-area:printhead;
    display:flex!important;
    justify-content:space-between;
    align-items:flex-end;
    padding:0 0 3mm;
    border-bottom:1.5pt solid #176fd1;
  }

  .print-header>div{display:grid;gap:1mm}
  .print-header strong{
    font-family:"Space Grotesk",Arial,sans-serif;
    font-size:15pt;
    line-height:1;
    color:#0f2c4e;
  }
  .print-header span{font-size:7pt;color:#53657a}
  .print-header>div:last-child{text-align:right}

  .print-footer{
    grid-area:printfoot;
    display:flex!important;
    justify-content:space-between;
    padding-top:2.5mm;
    border-top:.6pt solid #9fb1c5;
    font-size:6.5pt;
    color:#65778a;
  }

  .panel{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    overflow:hidden!important;
    border:.7pt solid #aabbd0!important;
    background:#fff!important;
    color:var(--text)!important;
  }

  .panel:before{display:none!important}
  .profile-panel{grid-area:profile!important;min-height:0!important}
  .experience-panel{grid-area:experience!important}
  .skills-panel{grid-area:skills!important}
  .projects-panel{grid-area:projects!important}
  .education-panel{grid-area:education!important}
  .contact-panel{grid-area:contact!important}

  .profile-visual{
    height:84mm!important;
    min-height:0!important;
    background:#eaf3fb!important;
  }

  .profile-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 18%!important;
    filter:none!important;
    transform:none!important;
  }

  .profile-copy{
    margin:0!important;
    padding:5mm!important;
  }

  .status-line,.micro-label{display:none!important}

  .profile-copy h1{
    font-size:17pt!important;
    line-height:1.05!important;
    color:#102d4d!important;
    margin:0 0 1.5mm!important;
  }

  .profile-copy h2{
    font-size:9pt!important;
    margin:0 0 3mm!important;
    color:#176fd1!important;
  }

  .profile-summary{
    font-size:7.4pt!important;
    line-height:1.48!important;
    color:#53657a!important;
    margin:0!important;
  }

  .profile-meta{
    grid-template-columns:1fr!important;
    gap:1.4mm!important;
    margin:4mm 0!important;
  }

  .profile-meta div{
    grid-template-columns:7mm 1fr!important;
    align-items:center!important;
    padding:2mm!important;
    background:#f4f8fc!important;
    border:.5pt solid #d0dce9!important;
  }

  .profile-meta svg{
    grid-row:1/3;
    width:13px!important;
    height:13px!important;
  }

  .profile-meta span{font-size:5.8pt!important}
  .profile-meta strong{font-size:6.7pt!important}

  blockquote{
    margin:3mm 0 0!important;
    padding:3mm!important;
    font-size:6.8pt!important;
    line-height:1.45!important;
    background:#f4f8fc!important;
    border-left:2pt solid #176fd1!important;
    color:#41566d!important;
  }

  .experience-panel,.skills-panel,.projects-panel,.education-panel,.contact-panel{
    padding:4mm!important;
  }

  .panel-heading{
    margin-bottom:3mm!important;
    gap:2mm!important;
  }

  .panel-heading:after,.panel-badge,.panel-link{display:none!important}

  .panel-heading>div{gap:2mm!important}
  .panel-icon{
    width:8mm!important;
    height:8mm!important;
    border:.6pt solid #9eb8d2!important;
    background:#eef5fb!important;
  }

  .panel-icon svg{width:13px!important;height:13px!important}
  .panel-heading small{font-size:5pt!important;color:#6585a6!important}
  .panel-heading h3{font-size:8.5pt!important;color:#15375d!important}

  .timeline{
    gap:2mm!important;
    padding:0!important;
  }

  .timeline:before{left:31mm!important;top:2mm!important;bottom:2mm!important}

  .timeline-item{
    grid-template-columns:27mm 4mm 1fr!important;
    gap:2mm!important;
    transform:none!important;
  }

  .timeline-period{padding-top:1.8mm!important}
  .timeline-item time{
    min-width:0!important;
    width:100%!important;
    padding:1.4mm!important;
    font-size:5.8pt!important;
    border:.5pt solid #b9cadc!important;
    background:#eef5fb!important;
  }

  .timeline-dot{
    width:3mm!important;
    height:3mm!important;
    margin-top:2.8mm!important;
    border-width:1pt!important;
    box-shadow:none!important;
  }

  .timeline-card{
    padding:2.5mm!important;
    border:.5pt solid #d3deea!important;
    background:#fff!important;
  }

  .timeline-card-top{margin-bottom:1.2mm!important}
  .timeline-title-wrap h4{font-size:7.4pt!important;color:#15375d!important}
  .timeline-title-wrap strong{
    margin-top:1mm!important;
    padding:1mm 1.5mm!important;
    font-size:5.2pt!important;
    background:#f3f7fb!important;
    color:#526980!important;
  }

  .timeline-item p{
    max-width:100%!important;
    font-size:5.9pt!important;
    line-height:1.42!important;
  }

  .skill-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:1.6mm!important;
  }

  .skill-chip{
    padding:2mm!important;
    grid-template-columns:7mm 1fr auto!important;
    gap:1.5mm!important;
    border:.5pt solid #ccd9e6!important;
    background:#fff!important;
  }

  .skill-chip>span{
    width:7mm!important;height:7mm!important;
    background:#eef5fb!important;color:#176fd1!important;
  }

  .skill-chip svg{width:12px!important;height:12px!important}
  .skill-chip strong{font-size:5.8pt!important;color:#223c59!important}
  .skill-chip b{font-size:5pt!important}
  .skill-bar{height:1.2mm!important;background:#e6edf5!important}
  .skill-bar i{width:var(--print-progress,100%)!important;background:#176fd1!important}

  .project-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:2mm!important;
  }

  .project-card{
    min-height:0!important;
    padding:3mm!important;
    border:.5pt solid #c8d7e6!important;
    background:#fff!important;
    transform:none!important;
    cursor:default!important;
  }

  .project-card:before,.project-card:after{display:none!important}
  .project-number{font-size:13pt!important;color:#d5e1ed!important}
  .project-icon{
    width:9mm!important;height:9mm!important;
    background:#eef5fb!important;
    border:.6pt solid #a7bed7!important;
  }
  .project-icon svg{width:14px!important;height:14px!important}
  .project-card>span{font-size:4.8pt!important;margin-top:2mm!important}
  .project-card h4{font-size:7.8pt!important;margin:1mm 0!important;color:#163b63!important}
  .project-card p{font-size:5.6pt!important;line-height:1.4!important;margin:0!important}
  .project-tags{margin-top:2mm!important;gap:1mm!important}
  .project-tags em{font-size:4.5pt!important;padding:.8mm 1.2mm!important}

  .education-content{
    grid-template-columns:1fr!important;
    gap:1.5mm!important;
    padding-top:2.5mm!important;
  }
  .education-year{font-size:7pt!important}
  .education-content h4{font-size:7.5pt!important}
  .education-content strong{font-size:5.8pt!important}
  .education-content p{font-size:5.5pt!important;line-height:1.4!important}
  .education-icon{display:none!important}

  .contact-panel{
    display:block!important;
    background:#f7fafc!important;
  }
  .contact-intro>span{font-size:4.8pt!important}
  .contact-intro h3{font-size:9pt!important;margin:1.5mm 0!important;color:#15375d!important}
  .contact-intro p{font-size:5.7pt!important;line-height:1.4!important}
  .contact-list{gap:0!important;margin-top:2mm!important}
  .contact-list a{
    grid-template-columns:5mm 14mm 1fr!important;
    gap:1mm!important;padding:1.4mm 0!important;
    border-bottom:.4pt solid #dbe4ee!important;
  }
  .contact-list svg{width:11px!important;height:11px!important}
  .contact-list span{font-size:5pt!important}
  .contact-list strong{font-size:5.4pt!important;color:#274766!important}

  .reveal{
    opacity:1!important;
    transform:none!important;
  }

  a{color:inherit!important;text-decoration:none!important}
}


/* === Print CV One Page Fix v5 === */
@page{
  size:A4 landscape;
  margin:6mm;
}

@media print{
  html,body{
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
  }

  body{
    zoom:1!important;
  }

  .cv-shell{
    display:block!important;
    min-height:0!important;
    width:100%!important;
  }

  .dashboard{
    display:grid!important;
    grid-template-columns:68mm 1fr 1fr!important;
    grid-template-rows:auto auto auto 1fr auto!important;
    grid-template-areas:
      "printhead printhead printhead"
      "profile experience skills"
      "profile experience education"
      "profile projects contact"
      "printfoot printfoot printfoot"!important;
    gap:3mm!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    align-items:stretch!important;
  }

  .print-header{
    grid-area:printhead!important;
    padding-bottom:2mm!important;
  }

  .print-footer{
    grid-area:printfoot!important;
    padding-top:1.5mm!important;
  }

  .panel{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:hidden!important;
    break-inside:auto!important;
    page-break-inside:auto!important;
  }

  .profile-panel{
    grid-area:profile!important;
    display:flex!important;
    flex-direction:column!important;
  }

  .experience-panel{grid-area:experience!important}
  .skills-panel{grid-area:skills!important}
  .projects-panel{grid-area:projects!important}
  .education-panel{grid-area:education!important}
  .contact-panel{grid-area:contact!important}

  .profile-visual{
    height:59mm!important;
    min-height:59mm!important;
    flex:0 0 59mm!important;
  }

  .profile-copy{
    padding:3.2mm!important;
  }

  .profile-copy h1{
    font-size:14pt!important;
    margin:0 0 1mm!important;
  }

  .profile-copy h2{
    font-size:7.5pt!important;
    margin:0 0 2mm!important;
  }

  .profile-summary{
    font-size:6.1pt!important;
    line-height:1.36!important;
  }

  .profile-meta{
    margin:2.2mm 0!important;
    gap:1mm!important;
  }

  .profile-meta div{
    padding:1.4mm!important;
    grid-template-columns:5mm 1fr!important;
  }

  .profile-meta svg{
    width:10px!important;
    height:10px!important;
  }

  .profile-meta span{font-size:4.7pt!important}
  .profile-meta strong{font-size:5.5pt!important}

  blockquote{
    margin:2mm 0 0!important;
    padding:2mm!important;
    font-size:5.5pt!important;
    line-height:1.35!important;
  }

  .experience-panel,
  .skills-panel,
  .projects-panel,
  .education-panel,
  .contact-panel{
    padding:2.8mm!important;
  }

  .panel-heading{
    margin-bottom:2mm!important;
  }

  .panel-icon{
    width:6.5mm!important;
    height:6.5mm!important;
  }

  .panel-icon svg{
    width:11px!important;
    height:11px!important;
  }

  .panel-heading small{font-size:4.3pt!important}
  .panel-heading h3{font-size:7pt!important}

  .timeline{
    gap:1.1mm!important;
  }

  .timeline:before{
    left:24.5mm!important;
  }

  .timeline-item{
    grid-template-columns:21mm 3.5mm 1fr!important;
    gap:1.4mm!important;
  }

  .timeline-period{
    padding-top:1mm!important;
  }

  .timeline-item time{
    padding:1mm!important;
    font-size:4.8pt!important;
  }

  .timeline-dot{
    width:2.4mm!important;
    height:2.4mm!important;
    margin-top:2mm!important;
  }

  .timeline-card{
    padding:1.7mm!important;
  }

  .timeline-card-top{
    margin-bottom:.6mm!important;
  }

  .timeline-title-wrap h4{
    font-size:6.2pt!important;
  }

  .timeline-title-wrap strong{
    margin-top:.5mm!important;
    padding:.5mm 1mm!important;
    font-size:4.3pt!important;
  }

  .timeline-item p{
    font-size:4.7pt!important;
    line-height:1.28!important;
  }

  .skill-grid{
    grid-template-columns:1fr 1fr!important;
    gap:1mm!important;
  }

  .skill-chip{
    padding:1.4mm!important;
    grid-template-columns:5.5mm 1fr auto!important;
    gap:1mm!important;
  }

  .skill-chip>span{
    width:5.5mm!important;
    height:5.5mm!important;
  }

  .skill-chip svg{
    width:10px!important;
    height:10px!important;
  }

  .skill-chip strong{font-size:4.7pt!important}
  .skill-chip b{font-size:4.2pt!important}
  .skill-bar{
    height:.8mm!important;
    margin-top:.8mm!important;
  }

  .project-grid{
    grid-template-columns:1fr 1fr!important;
    gap:1.2mm!important;
  }

  .project-card{
    padding:2mm!important;
  }

  .project-icon{
    width:7mm!important;
    height:7mm!important;
  }

  .project-icon svg{
    width:12px!important;
    height:12px!important;
  }

  .project-number{
    font-size:10pt!important;
  }

  .project-card>span{
    font-size:4pt!important;
    margin-top:1mm!important;
  }

  .project-card h4{
    font-size:6.3pt!important;
    margin:.6mm 0!important;
  }

  .project-card p{
    font-size:4.5pt!important;
    line-height:1.25!important;
  }

  .project-tags{
    margin-top:1mm!important;
    gap:.6mm!important;
  }

  .project-tags em{
    padding:.5mm .8mm!important;
    font-size:3.7pt!important;
  }

  .education-content{
    padding-top:1.5mm!important;
    gap:.8mm!important;
  }

  .education-year{font-size:5.6pt!important}
  .education-content h4{font-size:6.2pt!important}
  .education-content strong{font-size:4.8pt!important}
  .education-content p{
    font-size:4.5pt!important;
    line-height:1.25!important;
    margin-top:.8mm!important;
  }

  .contact-intro>span{font-size:4pt!important}
  .contact-intro h3{
    font-size:7pt!important;
    margin:.8mm 0!important;
  }

  .contact-intro p{
    font-size:4.5pt!important;
    line-height:1.25!important;
    margin:0!important;
  }

  .contact-list{
    margin-top:1mm!important;
  }

  .contact-list a{
    grid-template-columns:4mm 11mm 1fr!important;
    padding:.8mm 0!important;
  }

  .contact-list svg{
    width:9px!important;
    height:9px!important;
  }

  .contact-list span{font-size:4pt!important}
  .contact-list strong{font-size:4.4pt!important}

  .print-header strong{font-size:11pt!important}
  .print-header span{font-size:5.8pt!important}
  .print-footer{font-size:5.2pt!important}

  .reveal{
    opacity:1!important;
    transform:none!important;
  }
}


/* === Print CV Portrait One Page v6 === */
@page{
  size:A4 portrait;
  margin:6mm;
}

@media print{
  html,body{
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
  }

  .dashboard{
    display:grid!important;
    grid-template-columns:62mm 1fr!important;
    grid-template-rows:auto auto auto auto auto!important;
    grid-template-areas:
      "printhead printhead"
      "profile experience"
      "profile skills"
      "education projects"
      "contact projects"
      "printfoot printfoot"!important;
    gap:2.5mm!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    align-items:start!important;
  }

  .print-header{
    grid-area:printhead!important;
    padding-bottom:2mm!important;
  }

  .print-footer{
    grid-area:printfoot!important;
    padding-top:1.5mm!important;
  }

  .profile-panel{grid-area:profile!important}
  .experience-panel{grid-area:experience!important}
  .skills-panel{grid-area:skills!important}
  .projects-panel{grid-area:projects!important}
  .education-panel{grid-area:education!important}
  .contact-panel{grid-area:contact!important}

  .profile-visual{
    height:54mm!important;
    min-height:54mm!important;
    flex:0 0 54mm!important;
  }

  .profile-copy{
    padding:3mm!important;
  }

  .profile-copy h1{
    font-size:13pt!important;
    margin:0 0 .8mm!important;
  }

  .profile-copy h2{
    font-size:7pt!important;
    margin:0 0 1.8mm!important;
  }

  .profile-summary{
    font-size:5.7pt!important;
    line-height:1.32!important;
  }

  .profile-meta{
    margin:2mm 0!important;
    gap:.8mm!important;
  }

  .profile-meta div{
    padding:1.2mm!important;
    grid-template-columns:4.5mm 1fr!important;
  }

  .profile-meta svg{
    width:9px!important;
    height:9px!important;
  }

  .profile-meta span{font-size:4.4pt!important}
  .profile-meta strong{font-size:5.1pt!important}

  blockquote{
    margin:1.6mm 0 0!important;
    padding:1.6mm!important;
    font-size:5.1pt!important;
    line-height:1.3!important;
  }

  .experience-panel,
  .skills-panel,
  .projects-panel,
  .education-panel,
  .contact-panel{
    padding:2.4mm!important;
  }

  .panel-heading{
    margin-bottom:1.6mm!important;
  }

  .panel-icon{
    width:6mm!important;
    height:6mm!important;
  }

  .panel-icon svg{
    width:10px!important;
    height:10px!important;
  }

  .panel-heading small{font-size:4pt!important}
  .panel-heading h3{font-size:6.5pt!important}

  .timeline{
    gap:.8mm!important;
  }

  .timeline:before{
    left:22.5mm!important;
  }

  .timeline-item{
    grid-template-columns:19mm 3mm 1fr!important;
    gap:1.2mm!important;
  }

  .timeline-item time{
    padding:.8mm!important;
    font-size:4.3pt!important;
  }

  .timeline-dot{
    width:2.2mm!important;
    height:2.2mm!important;
    margin-top:1.8mm!important;
  }

  .timeline-card{
    padding:1.4mm!important;
  }

  .timeline-title-wrap h4{
    font-size:5.8pt!important;
  }

  .timeline-title-wrap strong{
    margin-top:.4mm!important;
    padding:.4mm .8mm!important;
    font-size:4pt!important;
  }

  .timeline-item p{
    font-size:4.35pt!important;
    line-height:1.22!important;
  }

  .skill-grid{
    grid-template-columns:1fr 1fr!important;
    gap:.8mm!important;
  }

  .skill-chip{
    padding:1.1mm!important;
    grid-template-columns:5mm 1fr auto!important;
    gap:.8mm!important;
  }

  .skill-chip>span{
    width:5mm!important;
    height:5mm!important;
  }

  .skill-chip svg{
    width:9px!important;
    height:9px!important;
  }

  .skill-chip strong{font-size:4.3pt!important}
  .skill-chip b{font-size:3.9pt!important}
  .skill-bar{
    height:.7mm!important;
    margin-top:.6mm!important;
  }

  .project-grid{
    grid-template-columns:1fr 1fr!important;
    gap:1mm!important;
  }

  .project-card{
    padding:1.6mm!important;
  }

  .project-icon{
    width:6mm!important;
    height:6mm!important;
  }

  .project-icon svg{
    width:10px!important;
    height:10px!important;
  }

  .project-number{
    font-size:8pt!important;
  }

  .project-card>span{
    font-size:3.7pt!important;
    margin-top:.8mm!important;
  }

  .project-card h4{
    font-size:5.8pt!important;
    margin:.4mm 0!important;
  }

  .project-card p{
    font-size:4.1pt!important;
    line-height:1.2!important;
  }

  .project-tags{
    margin-top:.8mm!important;
    gap:.4mm!important;
  }

  .project-tags em{
    padding:.35mm .6mm!important;
    font-size:3.4pt!important;
  }

  .education-content{
    padding-top:1.2mm!important;
    gap:.6mm!important;
  }

  .education-year{font-size:5.2pt!important}
  .education-content h4{font-size:5.8pt!important}
  .education-content strong{font-size:4.4pt!important}
  .education-content p{
    font-size:4.1pt!important;
    line-height:1.2!important;
    margin-top:.6mm!important;
  }

  .contact-intro>span{font-size:3.7pt!important}
  .contact-intro h3{
    font-size:6.3pt!important;
    margin:.6mm 0!important;
  }

  .contact-intro p{
    font-size:4.1pt!important;
    line-height:1.2!important;
    margin:0!important;
  }

  .contact-list{
    margin-top:.8mm!important;
  }

  .contact-list a{
    grid-template-columns:3.5mm 10mm 1fr!important;
    padding:.6mm 0!important;
  }

  .contact-list svg{
    width:8px!important;
    height:8px!important;
  }

  .contact-list span{font-size:3.7pt!important}
  .contact-list strong{font-size:4pt!important}

  .print-header strong{font-size:10pt!important}
  .print-header span{font-size:5.2pt!important}
  .print-footer{font-size:4.8pt!important}
}