.background-canvas{grid-row:1 / -1;grid-column:1;min-height:0;overflow:hidden;display:grid;grid-template:"layer" 1fr / 1fr}.background-canvas canvas,.background-loader{grid-area:layer}.background-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:pinch-zoom}.background-loader{place-self:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:1;transition:opacity .4s ease-out;pointer-events:none}.background-canvas.is-ready .background-loader{opacity:0}.background-spinner{width:2.5rem;height:2.5rem;border:.2rem solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:background-spin .8s linear infinite}.background-loader-text{color:#ffffffb3;font-size:1rem;letter-spacing:.03em}@keyframes background-spin{to{transform:rotate(360deg)}}.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))}.header-title{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)}.header-title--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}}.header-title-prefix{font-weight:400;font-style:italic;color:#b8b8b8}.header-title-name{font-weight:700}.header-btn{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}.header-btn: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}.header-btn-about:before{background:linear-gradient(90deg,#e0e0ff,#80dfff,#b0fff0,#ffe8b0,#80dfff,#e0e0ff)}.header-btn-projects:before{background:linear-gradient(90deg,#ffe8c0,#ffb060,#ff7840,#e86030,#ffb060,#ffe8c0)}.header-buttons{display:flex;gap:.5rem}.header-btn-projects:active{box-shadow:0 0 .875rem .25rem #ff9632b3,0 .0625rem .25rem #0006}.header-btn-about:active{box-shadow:0 0 .875rem .25rem #50c8ffb3,0 .0625rem .25rem #0006}@media(hover:hover){.header-btn-projects:hover{box-shadow:0 0 .875rem .25rem #ff9632b3,0 .0625rem .25rem #0006;transform:translateY(-.1rem)}.header-btn-about:hover{box-shadow:0 0 .875rem .25rem #50c8ffb3,0 .0625rem .25rem #0006;transform:translateY(-.1rem)}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);animation:backdrop-fade-in .35s ease both}.modal-backdrop-closing{animation:backdrop-fade-out .35s ease both}.modal-card{position:fixed;top:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100vh - 2rem);overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem;border-radius:1rem;background-color:#fff;color:#6c757d;box-shadow:0 .5rem 1rem #00000080;animation:modal-slide-down .35s cubic-bezier(.25,.46,.45,.94) both}.modal-card-closing{animation:modal-slide-up .35s cubic-bezier(.55,.06,.68,.19) both}.contact-title{font-size:1.1rem;margin:0}.contact-area{width:100%;box-sizing:border-box;min-height:20vh;resize:vertical;border:.125rem solid #c0c0c0;border-radius:1rem;padding:.375rem .75rem;font-size:1rem;color:#495057;background-color:#f8f9fa;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}.contact-area:focus{border-color:#adb5bd;box-shadow:inset 0 .0625rem .25rem #00000014,0 0 0 .2rem #adb5bd40}.contact-footer{display:flex;justify-content:flex-end;gap:.5rem}.btn-light,.btn-info{color:#fff;background-color:var(--btn-bg);border-color:var(--btn-bg)}.btn-light{--btn-bg: #aaa}.btn-info{--btn-bg: #17a2b8}.btn-light:active,.btn-info:active{filter:brightness(.88);transform:translateY(0)}@media(hover:hover){.btn-light:hover,.btn-info:hover{filter:brightness(1.06);transform:translateY(-.1rem)}}.page-bg{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;pointer-events:all}@keyframes about-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes about-slide-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.about-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:#050c1273;backdrop-filter:blur(1.375rem);-webkit-backdrop-filter:blur(1.375rem);border-radius:1rem;box-shadow:0 .5rem 2rem #0009;animation:about-slide-down .35s cubic-bezier(.25,.46,.45,.94) both}.about-panel-closing{animation:about-slide-up .35s cubic-bezier(.55,.06,.68,.19) both}.sections-grid{display:grid;grid-template-columns:max-content minmax(0,max-content);column-gap:.35rem;row-gap:clamp(.5rem,2vw,1rem);width:fit-content;max-width:100%;padding:0 clamp(1rem,4vw,2rem);box-sizing:border-box}.section-label,.items-list li{line-height:1.65;text-shadow:0 .0625rem .375rem rgba(0,0,0,.8)}.section-label{align-self:start;text-align:right;white-space:nowrap;font-weight:700}.items-list{list-style:disc;margin:0 0 0 .25rem;padding-left:1rem;min-width:0;overflow-wrap:break-word;word-break:break-word}.btn{display:inline-block;font-weight:600;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:.0625rem solid transparent;padding:.45rem 1.25rem;font-size:1rem;line-height:1.5;border-radius:1rem;cursor:pointer;transition:filter .15s ease-in-out,transform .15s ease-in-out}.btn-secondary{position:relative;color:#fff;background:transparent;border:none;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-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:.125rem;background:linear-gradient(90deg,#bbb,#fff,#ddd,#fff,#bbb);-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-secondary:active{box-shadow:0 0 .4rem .15rem #ffffffbf,0 .0625rem .25rem #0006;transform:translateY(0)}@media(hover:hover){.btn-secondary:hover{box-shadow:0 0 .4rem .15rem #ffffffbf,0 .0625rem .25rem #0006;transform:translateY(-.1rem)}}.btn-container{display:flex;justify-content:center;margin:clamp(.5rem,2vw,1rem) 0}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%}.app-shell{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100%}.app-main{grid-row:2;grid-column:1;overflow-y:auto;pointer-events:none}