.header{grid-row:1;grid-column:1;isolation:isolate;display:flex;align-items:center;justify-content:space-between;padding:.65rem max(.65rem,calc(env(safe-area-inset-right) + .5rem)) .4rem max(.65rem,calc(env(safe-area-inset-left) + .5rem))}.title-header{color:#fff;font-size:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s ease;text-shadow:0 .125rem .5rem rgba(0,0,0,.7)}.title-header-storm{background:linear-gradient(90deg,#c8860a,#f5d060,#ffeaa0,#f0b840,#e8880c,#f5d060,#c8860a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-shimmer 3s linear infinite;text-shadow:none}@keyframes title-shimmer{0%{background-position:0% center}to{background-position:200% center}}.text-title-prefix{font-weight:400;font-style:italic;color:#b8b8b8}.text-title-name{font-weight:700}.btn-header{position:relative;display:inline-block;align-self:center;padding:.45rem 1.25rem;font-size:1rem;font-weight:700;color:#fff;background:#0a141e73;border:none;border-radius:1rem;cursor:pointer;text-shadow:0 .0625rem .25rem rgba(0,0,0,.6);box-shadow:0 .0625rem .25rem #0006;transition:box-shadow .2s ease,transform .15s ease-in-out}.btn-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:.125rem;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.btn-header-about{--btn-glow: rgba(80, 200, 255, .7)}.btn-header-about:before{background:linear-gradient(90deg,#e0e0ff,#80dfff,#b0fff0,#ffe8b0,#80dfff,#e0e0ff)}.btn-header-projects{--btn-glow: rgba(255, 150, 50, .7)}.btn-header-projects:before{background:linear-gradient(90deg,#ffe8c0,#ffb060,#ff7840,#e86030,#ffb060,#ffe8c0)}.actions-header{display:flex;gap:.5rem}.btn-header:active{box-shadow:0 0 .875rem .25rem var(--btn-glow),0 .0625rem .25rem #0006}@media(hover:hover){.btn-header:hover{box-shadow:0 0 .875rem .25rem var(--btn-glow),0 .0625rem .25rem #0006;transform:translateY(-.1rem)}}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-size:clamp(.9375rem,.7721rem + .2757vw,1.125rem);font-family:sans-serif;color:#fff;background:#141820}#root{height:100%}.shell-app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100%}.main-app{grid-row:2;grid-column:1;overflow-y:auto;pointer-events:none}.bg-page{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;pointer-events:all}@keyframes panel-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes panel-slide-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.panel{width:100%;max-width:min(40rem,calc(100vw - 1rem));box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem 0;margin-bottom:.5rem;background:var(--panel-bg, rgba(5, 12, 18, .45));backdrop-filter:blur(1.375rem);-webkit-backdrop-filter:blur(1.375rem);border-radius:1rem;box-shadow:0 .5rem 2rem #0009,var(--panel-extra-shadow, 0 0);animation:panel-slide-down .35s cubic-bezier(.25,.46,.45,.94) both}.panel-closing{animation:panel-slide-up .35s cubic-bezier(.55,.06,.68,.19) both}