/* Apple-inspired glass: a readable material, soft edge light, and restrained motion. */
:root{--glass:rgba(255,255,255,.62);--glass-solid:#f9f9fc;--glass-edge:rgba(255,255,255,.9);--glass-line:rgba(30,35,55,.09);--glass-shadow:0 12px 32px #1a1e3610,inset 0 1px 0 #ffffffd9,inset 0 -1px 0 #ffffff66;--apple-blue:#087df2}
[data-theme=dark]{--glass:rgba(39,39,47,.64);--glass-solid:#222229;--glass-edge:rgba(255,255,255,.15);--glass-line:rgba(255,255,255,.09);--glass-shadow:0 12px 36px #0003,inset 0 1px 0 #ffffff18,inset 0 -1px 0 #ffffff05;--apple-blue:#54a6ff}
body{background-color:var(--bg);font-family:-apple-system,BlinkMacSystemFont,'Geist','Segoe UI',sans-serif}
.topbar,.topbar.scrolled,.dock{
  --nav-tint:rgba(245,247,255,.26);
  --nav-rim:rgba(255,255,255,.92);
  --nav-bottom:rgba(137,151,190,.26);
  background:linear-gradient(120deg,#ffffff30,transparent 42%,#d8deff18),var(--nav-tint);
  border:1px solid var(--nav-rim);
  box-shadow:0 12px 38px #26375a19,0 2px 5px #26375a0a,inset 0 2px 2px #ffffffc9,inset 0 -1px 1px var(--nav-bottom),inset 1px 0 1px #ffffff80,inset -1px 0 1px #ffffff50;
  backdrop-filter:blur(38px) saturate(200%);
  -webkit-backdrop-filter:blur(38px) saturate(200%);
  transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;
  isolation:isolate;
}
[data-theme=dark] .topbar,[data-theme=dark] .topbar.scrolled,[data-theme=dark] .dock{
  --nav-tint:rgba(27,29,41,.36);
  --nav-rim:rgba(255,255,255,.29);
  --nav-bottom:rgba(174,188,255,.16);
  background:linear-gradient(120deg,#ffffff16,transparent 45%,#a8baff0b),var(--nav-tint);
  box-shadow:0 14px 42px #0004,0 2px 5px #0002,inset 0 2px 2px #ffffff36,inset 0 -1px 1px var(--nav-bottom),inset 1px 0 1px #ffffff20,inset -1px 0 1px #ffffff10;
}
.topbar:before,.dock:before{
  content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(165deg,#ffffff54 0%,#ffffff0a 26%,transparent 46%,#a7b9ff0d 78%,#ffffff20 100%);
  border:1px solid #ffffff24;
  opacity:1;
}
.topbar:after,.dock:after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse 220px 110px at var(--glass-x,30%) 0%,#ffffff5c,transparent 72%);
  opacity:.45;transition:opacity .35s ease;
}
[data-theme=dark] .topbar:before,[data-theme=dark] .dock:before{opacity:.6}
.topbar:hover:after,.dock:hover:after{opacity:.8}
.topbar nav{color:var(--text)}.topbar nav a{opacity:.72;transition:opacity .2s ease}.topbar nav a:hover{opacity:1}
.dock{padding:10px 12px;gap:11px;border-radius:30px}
.dock a{background:linear-gradient(150deg,#ffffff8a,#ffffff12 70%);border-color:#ffffff70;box-shadow:0 4px 10px #26375a10,inset 0 1.5px 1px #ffffffe0,inset 0 -1px 1px #a6b1cf25}
[data-theme=dark] .dock a{background:linear-gradient(150deg,#ffffff26,#ffffff06 70%);border-color:#ffffff20;box-shadow:0 4px 10px #0002,inset 0 1.5px 1px #ffffff50,inset 0 -1px 1px #ffffff08}
.dock a[aria-current]{background:color-mix(in srgb,var(--apple-blue) 12%,var(--glass));color:var(--apple-blue);box-shadow:inset 0 1px 0 var(--glass-edge),0 3px 9px #087df212}
.theme-button,.brand-mark{background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-edge),0 3px 9px #20243808;border-color:var(--glass-line)}
.button{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s;min-height:46px}.button:active{transform:scale(.97)}
.button.primary{background:linear-gradient(160deg,#34343c,#111116);color:#fff;border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff35,0 5px 12px #11111b15}
[data-theme=dark] .button.primary{background:linear-gradient(160deg,#fff,#dbdbe6);color:#15151a;border-color:#ffffff85;box-shadow:inset 0 1px 0 #fff,0 5px 18px #0002}
.button.secondary,.availability{background:var(--glass);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-edge),0 4px 12px #24243805;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.secondary:hover{background:var(--glass-solid);box-shadow:var(--glass-shadow)}
.glass-tile.tile-front{background:linear-gradient(135deg,#ffffffed 0%,#ffffffbb 42%,#d9ceffb8);box-shadow:0 28px 55px #53388d20,inset 0 2px 2px #fff,inset -1px -1px 1px #ffffffaa;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.tile-front:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff60,transparent 35% 70%,#ffffff25);border:1px solid #ffffff80}
.stat-card,.services article,.education-item,.certification-list,.skills-panel,.timeline article{background:linear-gradient(145deg,color-mix(in srgb,var(--card) 93%,#a5b8ff),var(--card));border-color:var(--glass-line);box-shadow:0 8px 24px #17172b06,inset 0 1px 0 var(--glass-edge)}
.service-icon{background:var(--glass);border-color:var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-edge);border-radius:15px}.services article:hover{box-shadow:0 16px 35px #6366a012,inset 0 1px 0 var(--glass-edge)}
.filter-group{width:fit-content;max-width:100%;padding:6px 8px;border:1px solid var(--glass-line);border-radius:28px;background:color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:inset 0 1px 3px #16162406;gap:4px}.filter-label{padding-left:9px;width:78px}.filter-chip{border:1px solid transparent;background:transparent;font-weight:500;padding:9px 15px;color:var(--muted)}
.filter-chip[aria-pressed=true]{background:var(--card);color:var(--text);border-color:var(--glass-line);box-shadow:0 2px 7px #11122510,inset 0 1px 0 var(--glass-edge)}.filter-chip:hover{border-color:transparent;color:var(--text)}
.contact-section{background:radial-gradient(ellipse at 95% 0%,#9d9ff017,transparent 65%),var(--surface);box-shadow:inset 0 1px 0 var(--glass-edge),0 15px 45px #14142606;border-color:var(--glass-line)}
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:25px}.contact-actions .contact-button{margin-top:0}.copy-email{gap:10px;font-size:12px}.copy-email svg{width:16px;height:16px}
.contact-form input,.contact-form textarea{border-color:var(--glass-line);background:color-mix(in srgb,var(--bg) 78%,transparent);box-shadow:inset 0 1px 3px #16162405;border-radius:14px}
dialog{background:var(--glass-solid);border-color:var(--glass-line);box-shadow:0 32px 90px #0003,inset 0 1px 0 var(--glass-edge);border-radius:28px}dialog::backdrop{background:#14141e45;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#sileo-root [data-sileo-viewport]{z-index:60;--sileo-width:340px;font-family:-apple-system,BlinkMacSystemFont,'Geist',sans-serif}
#sileo-root [data-sileo-svg]{width:100%;height:100%;stroke:none;filter:drop-shadow(0 5px 12px #1111251c)}
#sileo-root .liquid-toast-title{color:var(--text);font-size:12px;font-weight:600;text-transform:none;letter-spacing:-.15px}
#sileo-root .liquid-toast-description{color:var(--muted);font-size:12px;line-height:1.65}
.notification-fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@supports not (backdrop-filter:blur(1px)){.topbar,.topbar.scrolled,.dock,.button.secondary,.availability{background:var(--glass-solid)}}
@media(max-width:700px){.dock{gap:7px;padding:9px}.filter-group{border-radius:22px;padding:10px;gap:5px}.filter-label{width:100%;padding-left:4px;margin-bottom:4px}.filter-chip{padding:9px 12px}.contact-actions{align-items:stretch}.contact-actions .button{padding-inline:18px}#sileo-root [data-sileo-viewport]{--sileo-width:min(330px,calc(100vw - 48px));top:88px!important;right:8px!important}.button{min-height:44px}}
@media(prefers-reduced-transparency:reduce){.topbar,.topbar.scrolled,.dock,.button.secondary,.availability{background:var(--glass-solid);backdrop-filter:none;-webkit-backdrop-filter:none}.topbar:after,.dock:after{display:none}}