@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Tektur:wght@400;500;600&display=swap";#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;pointer-events:none}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 75% 44%,rgba(136,44,128,.28),transparent 45%),radial-gradient(ellipse at 8% 75%,rgba(22,128,156,.2),transparent 50%),linear-gradient(180deg,#070b1e,#131b38 52%,#0a1028)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(3,6,20,.2) 30%,rgba(3,6,20,.2) 65%,transparent),radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(2,4,14,.2) 100%)}.curtain.is-ready{opacity:0}@media (max-width: 767px){body:after{background:#0306142e}}@media (prefers-reduced-motion: reduce){.curtain{transition:none}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer .endOfContent.active{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.app{width:min(1180px,100%);margin:auto;padding:0 2.5rem}.skip-link{position:fixed;top:-100px;left:1rem;z-index:20;padding:.7rem 1rem;background:#101a34}.skip-link:focus{top:1rem}.site-header{position:fixed;inset:0 0 auto;z-index:10;background:#060a1bd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.header-inner{max-width:1340px;margin:auto;min-height:80px;padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--displayFont);font-size:1.35rem;font-weight:600}.brand svg{color:var(--cyan);font-size:1.6rem}.brand-accent,.title-dot{color:var(--cyan)}.site-header nav{display:flex;gap:2rem;align-items:center}.site-header nav a{position:relative;padding:1.6rem 0;color:var(--muted);font-size:.9rem;transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--cyan)}.site-header nav a[aria-current]:after{content:"";position:absolute;bottom:.85rem;height:2px;left:0;right:0;background:linear-gradient(90deg,var(--cyan),var(--violet))}.language-button{display:flex;align-items:center;gap:.4rem;border:1px solid var(--border);background:#101a33b3;border-radius:8px;padding:.45rem .65rem;font-size:.8rem}.language-button svg{color:var(--cyan);font-size:1.1rem}.language-alternative{color:var(--muted)}.hero{min-height:min(900px,100svh);padding:12rem 0 5rem;display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;column-gap:5rem;position:relative}.eyebrow{font-family:var(--displayFont);letter-spacing:.13em;font-size:.73rem;font-weight:500;color:var(--cyan)}.hero .eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:1.3rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #73d8efa6}.hero h1{font-size:clamp(2.6rem,5.2vw,4.7rem);font-weight:600;letter-spacing:-.055em;margin-bottom:1rem}.type-wrap{min-height:3.5rem;font-size:clamp(1.1rem,2.1vw,1.6rem);color:#d9c5fc;line-height:1.5}.hero-intro{max-width:620px;font-size:1.12rem;line-height:1.85;color:#e0e6f4;text-shadow:0 2px 12px #06091c}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:44px;padding:.7rem 1.05rem;border:1px solid transparent;border-radius:8px;font-size:.85rem;font-weight:500;line-height:1.4;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.button-primary{background:var(--cyan);color:#071522;border-color:var(--cyan)}.button-primary:hover{color:#071522;background:#a3e8f8;box-shadow:0 0 22px #73d8ef2e;transform:translateY(-2px)}.button-secondary{background:#0e172ed9;border-color:var(--border);color:#e0e7f5}.button-secondary:hover,.icon-button:hover{border-color:var(--cyan);background:#14263e;color:var(--cyan)}.hero-contact{display:inline-flex;gap:.5rem;align-items:center;font-size:.85rem;padding:.6rem}.about-details{margin-top:1.8rem;max-width:660px}.about-details summary{color:var(--muted);font-size:.85rem;cursor:pointer;width:fit-content}.about-details summary:hover{color:var(--cyan)}.about-details p{margin-top:1rem;padding:1.2rem;border-left:1px solid var(--cyan);background:var(--panel);border-radius:0 8px 8px 0;font-size:.93rem;line-height:1.85}.portrait-frame{position:relative;padding:10px;border:1px solid rgba(115,216,239,.4);border-radius:22px 5px;background:#0b1228a6;box-shadow:12px 12px 0 -1px #7249a629;transform:rotate(3deg)}.portrait-frame:before{content:"";position:absolute;width:40%;height:3px;left:15%;top:-2px;background:var(--cyan);box-shadow:0 0 12px #73d8ef59}.photo{width:100%;height:265px;object-fit:cover;object-position:center 24%;border-radius:14px 2px}.portrait-caption{display:block;font-family:var(--displayFont);font-size:.62rem;letter-spacing:.1em;text-align:center;padding-top:12px;color:var(--muted)}.hero .hero-scroll{grid-column:1 / -1;margin:4rem 0 0;color:var(--muted);width:fit-content}.hero-scroll span{color:var(--cyan);font-size:1.2rem}.content-section{padding:3rem 0 4.5rem;scroll-margin-top:1rem}.section-heading{margin-bottom:2.5rem}.section-heading h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.04em;font-weight:600;margin:.7rem 0 1rem}.section-heading>p:last-child{max-width:610px;font-size:1rem}.timeline{position:relative;margin-left:8px;padding-left:2rem;border-left:1px solid rgba(115,216,239,.25);display:grid;gap:1.3rem}.experience-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.6rem 1.8rem}.experience-card:before{content:"";position:absolute;left:calc(-2rem - 6px);top:2rem;width:10px;height:10px;border-radius:50%;background:#697796;border:2px solid #10182c}.experience-card.is-current{border-color:#73d8ef66;background:linear-gradient(120deg,#11293cf0,#0f142bf0)}.experience-card.is-current:before{background:var(--cyan);box-shadow:0 0 14px #73d8ef66}.experience-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.experience-date{color:#acb8cf;font-family:var(--displayFont);font-size:.76rem}.current-badge{font-size:.65rem;color:var(--cyan);background:#73d8ef17;padding:.1rem .5rem;border:1px solid rgba(115,216,239,.25);border-radius:4px}.experience-body{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:2rem}.experience-company{color:var(--cyan);font-size:.8rem;margin-bottom:.45rem}.experience-body h3{font-size:1.15rem;font-weight:500;margin-bottom:.8rem}.experience-description,.experience-description p{color:var(--muted);font-size:.9rem;line-height:1.85}.experience-logo-frame{width:72px;height:72px;border-radius:10px;background:#fff;overflow:hidden}.experience-logo{width:100%;height:100%;object-fit:contain}.web-link{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.project-list{display:grid;gap:2rem}.project{display:grid;grid-template-columns:1.05fr 1fr;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s}.project:hover{border-color:#bc98f48c}.project-preview{min-width:0;background:#0d1224;display:flex;flex-direction:column;border-right:1px solid var(--border)}.preview-bar{display:flex;align-items:center;gap:5px;padding:.7rem 1rem;background:#141d33;border-bottom:1px solid var(--border)}.preview-bar>span:not(.preview-label){width:6px;height:6px;background:#66728e;border-radius:50%}.preview-bar>span:first-child{background:#b387c6}.preview-bar>span:nth-child(2){background:#8baac9}.preview-bar>span:nth-child(3){background:#6cb8c6}.preview-label{color:#a6b3cf;font-family:var(--displayFont);font-size:.65rem;margin-left:.7rem}.project-preview img{width:100%;height:auto;aspect-ratio:8 / 5;object-fit:cover;margin:auto}.project-content{padding:2rem;display:flex;flex-direction:column;align-items:flex-start}.project-number{color:var(--violet);font-size:.65rem;vertical-align:middle}.project-content h3{font-size:1.5rem;font-weight:500;margin:.7rem 0 1rem}.project-content>p{font-size:.88rem;line-height:1.85}.project-tags{padding:0;margin:1.2rem 0 1.6rem;list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.tag{display:inline-block;font-family:var(--displayFont);font-size:.65rem;padding:.2rem .5rem;border-radius:4px;border:1px solid currentColor;background:#050a1a73;color:#c6cfe4}.tag-react,.tag-r3f,.tag-tailwind,.tag-css{color:#88d6f0}.tag-js{color:#ebd98c}.tag-graphql{color:#eda8dd}.tag-c,.tag-threejs{color:#d2d7e6}.tag-python,.tag-devkitpro{color:#a1cafa}.tag-javaservlets{color:#edb1b5}.tag-mariadb{color:#b7dba0}.project-buttons{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-top:auto}.project-buttons .button{padding:.6rem .75rem;font-size:.75rem}.button-demo{color:var(--cyan);background:transparent;padding-left:.3rem}.button-demo:hover{color:#d0f5ff}.unavailable-action{color:#a1abc1;font-size:.7rem;display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}.contact-section{padding-bottom:6rem}.contact-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:2rem;background:linear-gradient(110deg,#0f2134f2,#1e1633f2);border:1px solid var(--border);border-radius:14px}.email-block{min-width:0}.email-block label{margin-bottom:.8rem;display:block}.email{display:flex;align-items:center;gap:.3rem}.email-input{background:transparent;color:#edf3ff;width:100%;min-width:0;border:0;font-size:clamp(.8rem,1.6vw,1.1rem);padding:.5rem 0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:#0e172eb3;border:1px solid var(--border);border-radius:8px;color:#dce8ff;transition:border-color .2s,background .2s}.copy-feedback{font-size:.75rem;color:var(--cyan);min-height:1.4rem;margin-top:.4rem}.copy-feedback.is-error{color:#ffb9bf}.social-links{display:flex;gap:.75rem;flex-wrap:wrap}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;padding:1.8rem 2.5rem;margin:auto;border-top:1px solid var(--border);color:#aab5cd;font-size:.75rem}.site-footer a{display:inline-flex;gap:.5rem;align-items:center}.cv-dialog{width:min(850px,calc(100% - 2rem));max-height:calc(100svh - 2rem);padding:0;border:1px solid var(--border);border-radius:14px;background:#0d152b;color:#edf3ff}.cv-dialog::backdrop{background:#030614cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cv-toolbar{display:flex;align-items:center;gap:.6rem;padding:1rem}.cv-toolbar h2{flex:1;font-size:1.1rem}.pdf-container{margin:0 1rem;min-height:150px}.pdf-container{border-radius:10px;overflow:hidden}.pdf-message{padding:2rem 1rem;color:var(--muted)}.cv-footer{display:flex;justify-content:flex-end;gap:.7rem;padding:1rem}@media (max-width: 1000px){.hero{column-gap:2.5rem;grid-template-columns:minmax(0,1fr) 200px}.photo{height:235px}.project-content{padding:1.5rem}.contact-panel{grid-template-columns:minmax(0,1fr);gap:1rem}}@media (max-width: 767px){.app{padding:0 1.25rem}.header-inner{min-height:96px;padding:.7rem 1.25rem 0;flex-wrap:wrap;gap:.3rem 1rem}.brand{font-size:1.1rem}.site-header nav{order:3;width:100%;justify-content:space-between;gap:.75rem}.site-header nav a{padding:.5rem 0 .8rem;font-size:.8rem}.site-header nav a[aria-current]:after{bottom:.3rem}.language-button{padding:.35rem .5rem}.language-alternative{display:none}.hero{padding:10rem 0 3rem;min-height:auto;grid-template-columns:minmax(0,1fr);gap:2.5rem}.portrait-frame{grid-row:1;width:145px}.photo{height:150px}.portrait-caption{font-size:.45rem;padding-top:8px}.hero h1{font-size:clamp(2.5rem,9vw,3.8rem)}.hero .eyebrow{font-size:.63rem}.hero-intro{font-size:1rem}.type-wrap{min-height:3.8rem;font-size:1.1rem;max-width:100%}.hero-actions{gap:.65rem;margin-top:1.5rem}.hero .hero-scroll{margin-top:0}.content-section{padding:2rem 0 3rem}.section-heading{margin-bottom:1.7rem}.section-heading>p:last-child{font-size:.9rem}.timeline{padding-left:1.2rem}.experience-card{padding:1.2rem}.experience-card:before{left:calc(-1.2rem - 6px)}.experience-body{grid-template-columns:minmax(0,1fr);gap:1rem}.experience-logo-frame{grid-row:1;width:52px;height:52px}.experience-meta{gap:.5rem}.experience-date{font-size:.7rem}.project{grid-template-columns:minmax(0,1fr)}.project-preview{border-right:0;border-bottom:1px solid var(--border)}.project-content{padding:1.4rem}.contact-panel{padding:1.1rem;gap:1.2rem}.email{gap:.2rem;flex-wrap:wrap}.email-input{flex-basis:100%;font-size:clamp(.75rem,3.6vw,1rem)}.social-links{gap:.5rem}.social-links .button{font-size:.8rem}.site-footer{margin:0 1.25rem;padding:1.5rem 0;flex-wrap:wrap;font-size:.7rem}.site-footer>span{flex-basis:100%}}:root{font-family:Poppins,sans-serif;color:#eef2ff;--mainFont: "Poppins", sans-serif;--displayFont: "Tektur", sans-serif;--cyan: #73d8ef;--violet: #bc98f4;--muted: #b7c1d6;--panel: rgba(11, 18, 40, .88);--border: rgba(160, 186, 231, .2);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;min-width:320px;font-family:var(--mainFont);color:#eef2ff;line-height:1.7}::selection{color:#07101e;background:var(--cyan)}h1,h2,h3,p{margin:0}h1,h2,h3{color:#f4f6ff;line-height:1.2}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}a:hover{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{display:block;max-width:100%}svg{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}