/* --- Apple-glass shared (glass1) --- */
.gl-glow{position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;overflow:hidden}
.gl-glow i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.gl-glow i:nth-child(1){width:55vmax;height:55vmax;left:5%;top:0;background:var(--gl-c1);animation:glA 26s ease-in-out infinite alternate}
.gl-glow i:nth-child(2){width:48vmax;height:48vmax;right:0;top:30%;background:var(--gl-c2);animation:glB 32s ease-in-out infinite alternate}
.gl-glow i:nth-child(3){width:42vmax;height:42vmax;left:20%;bottom:0;background:var(--gl-c3);animation:glC 38s ease-in-out infinite alternate}
@keyframes glA{to{transform:translate(8vmax,6vmax) scale(1.08)}}
@keyframes glB{to{transform:translate(-7vmax,-5vmax) scale(.94)}}
@keyframes glC{to{transform:translate(5vmax,-8vmax) scale(1.06)}}
.gl-rv{opacity:0;transform:translateY(18px) scale(.985);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.gl-rv.gl-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.gl-glow i{animation:none!important}.gl-rv{opacity:1!important;transform:none!important;transition:none!important}*{scroll-behavior:auto!important}}

:root{--gl-c1:rgba(210,178,122,.42);--gl-c2:rgba(70,100,160,.22);--gl-c3:rgba(232,205,150,.32);
--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Heebo",sans-serif;--r:14px;
--gl-card:rgba(255,255,255,.58);--gl-brd:rgba(255,255,255,.8);--gl-sh:0 14px 40px -12px rgba(13,19,32,.16),inset 0 1px 0 rgba(255,255,255,.95)}
html{background:var(--paper)}
body{background:transparent}
.about,.bio,.prep,.cert{background:transparent}
.about,.bio,.prep{background:linear-gradient(180deg,rgba(247,243,236,.55),rgba(247,243,236,.35))}
.btn{border-radius:16px;transition:background .3s,transform .18s ease,box-shadow .3s}
.btn:active{transform:scale(.97)}
.btn-gold{box-shadow:0 10px 26px -8px rgba(184,148,92,.55),inset 0 1px 0 rgba(255,255,255,.45)}
.top.solid{background:rgba(13,19,32,.62);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08)}
.langs{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.drawer{background:rgba(13,19,32,.86);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%)}
.hero{border-radius:0 0 28px 28px}
.phead{border-radius:0 0 28px 28px}
.trust{border-radius:24px;margin:14px 12px 0;box-shadow:0 20px 50px -20px rgba(13,19,32,.45),inset 0 1px 0 rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(28,38,56,.96),rgba(20,28,44,.96))}
.svcs,.roles,.ex,.go,.opts.g2{gap:12px;background:transparent;border:0}
.svc,.roles div,.exc,.card,.steps3.c li,form,#faqlist details,.certframe{-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}
.svc,.roles div,.exc{background:var(--gl-card);border:1px solid var(--gl-brd);border-radius:22px;box-shadow:var(--gl-sh);transition:transform .3s var(--ease),box-shadow .3s,background .3s}
.svc:hover,.roles div:hover,.exc:hover{background:rgba(255,255,255,.78);transform:translateY(-3px);box-shadow:0 22px 50px -16px rgba(13,19,32,.22),inset 0 1px 0 #fff}
.exc:active,.svc:active{transform:scale(.98)}
.card{background:var(--gl-card);border:1px solid var(--gl-brd);border-radius:24px;box-shadow:var(--gl-sh)}
.steps3.c li{background:var(--gl-card);border:1px solid var(--gl-brd);border-radius:20px;box-shadow:var(--gl-sh)}
.go div,.opts.g2 li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.photo img,.ph-photo img{border-radius:24px}
.certframe{border-radius:20px;background:rgba(255,255,255,.75);border:1px solid var(--gl-brd);box-shadow:0 30px 60px -28px rgba(13,19,32,.35),inset 0 1px 0 #fff}
.certframe img{border-radius:8px}
.zoom{border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lb{background:rgba(8,12,20,.72);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}
.lb img{border-radius:12px}
.lb-x{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#faqlist details,#faqlist details:last-child{background:var(--gl-card);border:1px solid var(--gl-brd);border-radius:18px;box-shadow:var(--gl-sh);padding:0 20px;margin-bottom:10px}
form{background:rgba(251,249,245,.9);border-radius:24px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6),inset 0 1px 0 #fff}
input,select,textarea{border-radius:14px;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(184,148,92,.18)}
.sticky .btn{box-shadow:0 12px 30px -8px rgba(0,0,0,.45)}
.sticky .call{background:rgba(13,19,32,.7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.chips li{background:rgba(255,255,255,.04)}
@media (min-width:900px){.trust{margin:18px 24px 0}.svcs,.roles,.ex,.go,.opts.g2{gap:16px}}
@media (prefers-reduced-motion:reduce){.svc,.roles div,.exc,.btn{transition:none}}