*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-96{height:24rem}.h-full{height:100%}.w-96{width:24rem}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.px-2{padding-left:.5rem;padding-right:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.capitalize{text-transform:capitalize}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-linear{transition-timing-function:linear}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}.ease-linear{animation-timing-function:linear}.running{animation-play-state:running}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#2b2b2b;--foreground-color:#a9b7c6;--selection-background-color:#214283;--selection-foreground-color:#fff;--caret-color:#fff;--line-number-color:#606366;--gutter-background-color:#313335;--keyword-color:#cc7832;--string-color:#6a8759;--comment-color:grey;--annotation-color:#bbb529}body{background-color:#2b2b2b;color:#a9b7c6;color:var(--foreground-color)}.selection{background-color:#214283;background-color:var(--selection-background-color);color:#fff;color:var(--selection-foreground-color)}.caret{color:#fff;color:var(--caret-color)}.line-number{color:#606366;color:var(--line-number-color)}.gutter{background-color:#313335;background-color:var(--gutter-background-color)}.keyword{color:#cc7832;color:var(--keyword-color)}.string{color:#6a8759;color:var(--string-color)}.comment{color:grey;color:var(--comment-color)}.annotation{color:#bbb529;color:var(--annotation-color)}.error{color:#ff6b68;color:var(--error-color)}.warning{color:#ffc66d;color:var(--warning-color)}@media (min-width:768px){.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}}.\[\&\>\*\]\:\[transform-style\:preserve-3d\]>*{transform-style:preserve-3d}.splash-screen{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;transition:opacity .5s ease;width:100%;z-index:9999}.splash-title{color:#fff}.splash-screen.fade-out{opacity:0}.splash-logo{left:50%;top:50%}@media (max-width:600px){.splash-logo{transform:translateX(-10%)}.splash-title{font-size:x-large}}footer{align-items:center;background:var(--background-color);border-top:1px solid var(--primary-color);bottom:0;color:var(--primary-color);display:flex;flex-direction:column;padding:5px;width:100%}.footer-text{font-size:19px;text-align:center}.footer-text:hover{color:var(--text-primary)}.footer-link{color:inherit;margin-left:8px;text-decoration:underline;transition:color .3s ease}.footer-link:hover{color:var(--text-primary);opacity:.8}[data-theme=light] footer{background:var(--primary-color);border-top:1px solid var(--primary-color);color:var(--text-white)}[data-theme=light] .footer-text:hover{color:var(--text-light)}[data-theme=light] .footer-link{color:var(--text-white)}[data-theme=light] .footer-link:hover{color:var(--text-light);opacity:.9}@media (max-width:600px){footer{align-items:center;display:flex;flex-direction:column}.footer-text{font-size:12px}.footer-link{margin-left:4px}}.typewrite>.wrap{color:var(--primary-color);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:2em;font-weight:bolder}@media (max-width:600px){.typewrite>.wrap{color:var(--primary-color);font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:2em;font-weight:bolder}}.typewrite .word-block{display:inline-flex;white-space:nowrap}.intro-section{background-attachment:fixed;background-image:url(https://images.unsplash.com/photo-1531366936337-7c912a4589a7?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;filter:brightness(.8);flex-direction:column;height:50vh;margin:0;overflow:hidden;padding:0;position:relative;text-align:center;width:100vw}.intro-section,.typing-effect-container{align-items:center;justify-content:center}.typing-effect-container{height:14vh;padding-top:1rem}.profile-container{text-align:center}.profile-card,.profile-card-container{align-items:center;display:flex;height:260px;justify-content:center;width:260px}.profile-card-container{padding:0}.profile-card-body{background:#0000}.profile-card-body,.profile-card-item{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.profile-image{background-color:#fff;border:5px solid var(--primary-color);border-radius:50%;box-shadow:0 0 15px #ffb702cc;height:100%;object-fit:contain;object-position:60% 60% 20% 20%;width:100%}[data-theme=light] .profile-image{border:5px solid var(--accent-purple);box-shadow:0 0 15px #774e90cc}.intro-section-header{color:var(--text-light);font-size:2em;padding:3rem}.intro-section-header,.intro-section-paragraph{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.intro-section-paragraph{font-size:1.5em;line-height:50px;margin:3rem;padding:5px}.intro-section-paragraph,[data-theme=light] .intro-section-header{color:var(--text-primary)}[data-theme=light] .intro-section-paragraph{color:var(--text-secondary)}@media (max-width:600px){.intro-section{background-attachment:scroll;background-position:50%;background-size:cover;min-height:50vh}.typing-effect-container{height:22vh;padding:.5rem}.profile-card,.profile-card-container{height:160px;width:160px}.profile-image{height:100%;width:100%;z-index:10}.profile-container{margin-bottom:5px}.intro-section-header{font-size:1.5em;line-height:50px;margin:1rem;padding:10px}.intro-section-paragraph{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2.5em;line-height:50px;margin:1rem;padding:20px}}@media screen and (max-height:450px) and (orientation:landscape){.intro-section{background-attachment:scroll;background-position:50%;background-size:cover;height:100vh;min-height:100vh}.typing-effect-container{height:8vh;min-height:60px;padding-top:2rem}.profile-card,.profile-card-container{height:130px;width:130px}.profile-image{border:3px solid var(--primary-color);height:100%;margin:.5rem 0;width:100%;z-index:10}.profile-container{margin-bottom:.5rem}.intro-section-header{font-size:1.2em;line-height:1.4;margin:1rem 2rem;padding:.5rem}.intro-section-paragraph{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1em;line-height:1.5;margin:1rem 2rem;padding:.5rem}[data-theme=light] .profile-image{border:3px solid var(--accent-purple)}}@media screen and (min-width:900px) and (max-height:500px) and (orientation:landscape){.profile-card,.profile-card-container{height:170px;width:170px}.intro-section-header{font-size:1.5em;margin:1rem 3rem;padding:.5rem}.intro-section-paragraph{font-size:1.1em;margin:1rem 3rem;padding:.5rem}.typing-effect-container{height:10vh;min-height:70px;padding-top:1.5rem}}:root{--primary-color:#e07c24;--primary-hover:#b8693d;--primary-light:#ff8c42;--primary-dark:#cc7832;--secondary-color:#fff;--secondary-hover:#f0f0f0;--background-color:#000;--background-secondary:#2b2b2b;--background-tertiary:#313335;--background-card:#2e2d2d80;--background-card-hover:#45454599;--text-primary:#a9b7c6;--text-secondary:#333;--text-muted:grey;--text-white:#fff;--text-light:#f0f0f0;--color-black:#000;--color-white:#fff;--accent-color:#ffc96b;--accent-purple:#774e90;--accent-purple-dark:#5e0097;--success-color:#6a8759;--warning-color:#ffc66d;--error-color:#ff6b68;--font-family-primary:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-family-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.85rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.8;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000040;--shadow-glow:0 0 20px #e07c244d;--shadow-glow-hover:0 0 30px #e07c2480;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}[data-theme=light]{--primary-color:#5e0097;--primary-hover:#4a0076;--primary-light:#7d00c7;--primary-dark:#3d0061;--background-color:#fff;--background-secondary:#f8f9fa;--background-tertiary:#e9ecef;--background-card:#d3d3d399;--background-card-hover:#d3d3d3b3;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--text-white:#fff;--text-light:#f8f9fa;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000026;--shadow-glow:0 0 20px #5e00974d;--shadow-glow-hover:0 0 30px #5e009780}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4)}.section{padding:5rem 0;padding:var(--space-20) 0}.card{background-color:#2e2d2d80;background-color:var(--background-card);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--space-6);transition:.3s ease;transition:var(--transition-normal)}.card:hover{background-color:#45454599;background-color:var(--background-card-hover);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.button{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:inline-flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:.3s ease}.button-primary{background-color:#e07c24;background-color:var(--primary-color);color:#fff;color:var(--text-white)}.button-primary:hover{background-color:#b8693d;background-color:var(--primary-hover);box-shadow:0 0 20px #e07c244d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.button-secondary{background-color:#313335;background-color:var(--background-tertiary);color:#a9b7c6;color:var(--text-primary)}.button-secondary:hover{background-color:#45454599;background-color:var(--background-card-hover);transform:translateY(-2px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.grid{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (max-width:768px){.container{padding:0 .75rem;padding:0 var(--space-3)}.section{padding:3rem 0;padding:var(--space-12) 0}.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:640px){.container{padding:0 .5rem;padding:0 var(--space-2)}.section{padding:2rem 0;padding:var(--space-8) 0}.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.about-section{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;margin:0;padding:var(--space-1);width:100%}.about-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;padding:var(--space-8)}.about-content:has(:hover) .about-section-item:not(:hover){filter:greyscale(1) brightness(.6);transform:scale(.95)}.about-section-item{background-color:var(--background-card);border-radius:var(--radius-lg);isolation:isolate;overflow:hidden;padding:var(--space-8);position:relative;transition:var(--transition-normal)}.about-section-item-bg{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.about-section-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.about-section-item-content{position:relative;z-index:1}.about-section-header{border-bottom:2px solid var(--primary-color);color:var(--primary-color);font-size:var(--font-size-2xl);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.about-paragraph{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0;text-align:left}.about-section-sparkles{color:#8a2be2;display:flex;filter:blur(.2px);height:100%;inset:0;mix-blend-mode:screen;opacity:.45;pointer-events:none;position:absolute;width:100%}.about-section-item-bg>div{height:100%!important;inset:0!important;position:absolute!important;width:100%!important}.about-section-item-bg canvas{display:block;height:100%!important;width:100%!important}@media (max-width:600px){.intro-section-header{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin:var(--space-4);padding:var(--space-2)}.intro-section-paragraph{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.about-section{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;margin:0;padding:var(--space-1);width:100%}.about-content{gap:var(--space-6);grid-template-columns:1fr;padding:var(--space-4)}.about-section-item{padding:var(--space-6)}.about-section-header{font-size:var(--font-size-xl)}.about-paragraph{font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}}.section-container{align-items:center;text-align:center}.skills-container{align-content:center;align-items:center;gap:3rem;justify-content:center}.skill-category{border-radius:12px;isolation:isolate;margin:10px;overflow:hidden;position:relative}.skill-category:hover{background-color:var(--background-card-hover)}.skill-category-title{color:var(--primary-color);font-size:1.8rem;letter-spacing:2px;margin-bottom:2rem;position:relative;text-transform:uppercase;z-index:1}.skill-category-bg{z-index:0}.skill-category-bg,.skill-category-sparkles{inset:0;pointer-events:none;position:absolute}.skill-category-sparkles{color:#8a2be2;display:flex;mix-blend-mode:screen;opacity:.45}.skill-category-sparkles>div{height:100%!important;inset:0!important;position:absolute!important;width:100%!important}.skill-category-sparkles canvas{display:flex;height:100%!important;width:100%!important}.skill-category-content{border:.1px solid var(--primary-color);border-radius:var(--radius-lg);overflow:hidden;padding:2rem;position:relative;transition:var(--transition-normal);z-index:1}.skill-category-content:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow)}.skills-grid{display:flex;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));justify-content:center;justify-items:stretch}.skill-card-wrapper{align-items:stretch;display:flex;height:100%;max-width:8rem}.skill-card-container,.skill-card-inner{height:100%;width:100%}.skill-card-container{padding:0}.skill-logo-wrapper{width:100%}.skill-card,.skill-logo-wrapper{align-items:center;display:flex;justify-content:center}.skill-card{background-color:#45454599;border:2px solid #0000;border-radius:12px;cursor:pointer;flex-direction:column;height:180px;transition:all .3s ease}.skill-card:hover{background-color:#e07c241a;border-color:var(--primary-color);box-shadow:0 8px 16px #e07c244d}.skill-logo{background-color:#fff;border-radius:12px;height:80px;margin-bottom:1rem;object-fit:contain;padding:10px;transition:transform .3s ease;width:80px}.skill-card:hover .skill-logo{transform:scale(1.1)}.skill-name{color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-weight:600;margin-top:.5rem;padding:0 2px;text-align:center;white-space:nowrap;width:100%}[data-theme=light] .skill-name{color:var(--color-black)}@media (max-width:768px){.skills-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.skill-card{height:160px;padding:1rem}.skill-logo{height:60px;width:60px}.skill-category-title{font-size:1.5rem}}@media (max-width:600px){.section-container{padding:1rem}.skills-container{gap:2rem;padding:1rem}.skill-category{margin:5px;padding:1rem}.skills-grid{grid-gap:.75rem;align-content:center;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));justify-content:center}.skill-card{height:140px;padding:.75rem}.skill-logo{height:50px;width:50px}.skill-name{font-size:.75rem}}@media screen and (max-height:450px) and (orientation:landscape){.skill-name{font-size:.85rem}.skill-logo{height:40px;width:40px}.skill-card{height:120px;padding:5px;width:90px}}.projects-container{flex-direction:column;min-height:100vh;padding:var(--space-8) var(--space-4)}.projects-container,.projects-section{align-items:center;display:flex;justify-content:center;width:100%}.projects-section{flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-16);padding:0 var(--space-4)}.project-card-container{align-items:stretch;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout style paint;display:flex;justify-content:center;max-width:400px;min-width:280px;padding:var(--space-4);perspective:1000px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:100%}.project-card-container>div{transition:opacity ease-linear .2s,filter ease-linear .2s!important}@media (max-width:768px){.project-card-container{perspective:none;transform-style:flat;-webkit-transform-style:flat}.project-card{min-height:490px}}.project-card{background-color:var(--background-card);border:1px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-4);isolation:isolate;max-width:400px;min-height:550px;overflow:hidden;padding:var(--space-6);position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:box-shadow var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal);width:100%}@media (hover:hover) and (pointer:fine){.project-card:hover{background-color:var(--background-card-hover);border-color:var(--primary-color);box-shadow:var(--shadow-glow)}}.project-card:active{transform:translateY(-4px) scale(.98);transition:transform var(--transition-fast)}.project-image-wrapper{height:220px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:100%}.project-card>div[class*=w-full],.project-image-wrapper{background:var(--background-tertiary);border-radius:var(--radius-md);overflow:hidden;position:relative}.project-card>div[class*=w-full]{display:block;flex-shrink:0;height:220px!important;width:100%!important}.project-image{border-radius:var(--radius-md);display:block;flex-shrink:0;height:100%;max-height:220px;min-height:220px;object-fit:cover;object-position:center;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform var(--transition-slow),box-shadow var(--transition-slow);width:100%;will-change:transform}@media (hover:hover) and (pointer:fine){.group\/card:hover .project-image{box-shadow:var(--shadow-lg);transform:scale(1.05) translateZ(0)}}.project-card-content{height:100%;padding:var(--space-2);position:relative;z-index:1}.project-card-content,.project-content{display:flex;flex-direction:column;gap:var(--space-4)}.project-content{flex-grow:1;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.project-title{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);transition:color var(--transition-normal)}.project-description,.project-title{margin:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.project-description{color:var(--text-primary);flex-grow:1;font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:60px}[data-theme=light] .project-description{color:var(--text-secondary)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.tech-tag{background-color:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-2xl);color:var(--text-primary);cursor:default;display:inline-block;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);transition:all var(--transition-normal);white-space:nowrap;will-change:background-color,color,transform}@media (hover:hover) and (pointer:fine){.tech-tag:hover{background-color:#ffffff40;box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-2px) scale(1.05)}}[data-theme=light] .tech-tag{background-color:#0000000d;border:1px solid #0000001a;color:var(--text-primary)}[data-theme=light] .tech-tag:hover{background-color:var(--primary-color);color:var(--text-white)}.project-actions{display:flex;gap:var(--space-4);margin-top:auto;padding-top:var(--space-4);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:100%}.project-actions>:only-child{width:100%}.demo-button,.github-button{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;min-height:44px;min-width:0;padding:var(--space-3) var(--space-4);transform:translateZ(0);-webkit-transform:translateZ(0);transition:all var(--transition-normal);will-change:transform,box-shadow,background-color}.demo-button{background-color:var(--primary-color);color:var(--text-white)}.demo-button:focus,.demo-button:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-glow);outline:none;transform:translateY(-2px) translateZ(0)}.demo-button:active{transform:translateY(0) scale(.98);transition:transform var(--transition-fast)}.github-button{background-color:var(--primary-color);border:1px solid #ffffff1a;color:var(--text-white)}.github-button:focus,.github-button:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);color:var(--text-white);outline:none;transform:translateY(-2px) translateZ(0)}[data-theme=dark] .github-button:focus,[data-theme=dark] .github-button:hover{background-color:var(--text-primary);color:var(--color-black)}[data-theme=light] .github-button:focus,[data-theme=light] .github-button:hover{background-color:var(--color-black);color:var(--text-white)}.github-button:active{transform:translateY(0) scale(.98);transition:transform var(--transition-fast)}.more-projects{color:var(--primary-color);display:flex;flex-direction:row;font-size:var(--font-size-2xl);justify-content:center;margin-top:var(--space-8);padding:var(--space-4);text-align:center;transition:color var(--transition-normal),transform var(--transition-normal)}.more-projects,.more-projects a{align-items:center;text-decoration:none}.more-projects a{color:inherit;display:inline-flex;gap:var(--space-2);transition:inherit}.more-projects-text{display:inline;font-size:var(--font-size-xl);line-height:var(--line-height-normal);margin:0}.more-projects-icon{display:inline-block;transition:transform var(--transition-normal);vertical-align:middle}@media (hover:hover) and (pointer:fine){.more-projects:hover{color:var(--primary-hover);transform:scale(1.05)}.more-projects:hover .more-projects-icon{transform:translateX(4px)}}.more-projects:active{transform:scale(.98);transition:transform var(--transition-fast)}[data-theme=light] .more-projects:hover{color:var(--primary-color)}@media (prefers-reduced-motion:reduce){.demo-button,.github-button,.more-projects,.project-card,.project-image,.tech-tag{animation:none;transition:none}.demo-button:hover,.github-button:hover,.group\/card:hover .project-image,.more-projects:hover,.project-card:hover,.tech-tag:hover{transform:none}}@media (max-width:1024px){.projects-section{gap:var(--space-5);padding:0 var(--space-3)}.project-card-container{max-width:350px;min-width:300px}.project-card{max-width:350px;min-height:480px;padding:var(--space-5)}.project-image-wrapper{height:200px}.project-card>div[class*=w-full]{height:200px!important}.project-image{max-height:200px;min-height:200px}}@media (max-width:768px){.projects-container{padding:var(--space-6) var(--space-2)}.projects-section{flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-12);padding:0 var(--space-2)}.project-card-container{max-width:100%;min-width:100%;padding:var(--space-2)}.project-card{margin:0 auto;max-width:100%;min-height:auto;padding:var(--space-4);transform:none;transform-style:flat;-webkit-transform-style:flat;will-change:auto}.project-image-wrapper{height:180px}.project-card>div[class*=w-full]{height:180px!important}.project-image{border-radius:var(--radius-sm);max-height:180px;min-height:180px;will-change:auto}.project-title{font-size:var(--font-size-lg)}.project-description{font-size:var(--font-size-sm);min-height:50px}.project-actions{flex-direction:column;gap:var(--space-3)}.demo-button,.github-button{padding:var(--space-3) var(--space-4);width:100%;will-change:auto}.more-projects{font-size:var(--font-size-lg);margin-top:var(--space-6)}.more-projects-text{font-size:var(--font-size-base)}}@media (max-width:480px){.projects-container{padding:var(--space-4) var(--space-2)}.projects-section{gap:var(--space-4)}.project-card{border-radius:var(--radius-md);min-height:490px;padding:var(--space-2)}.project-image-wrapper{height:160px}.project-card>div[class*=w-full]{height:160px!important}.project-image{max-height:160px;min-height:160px}.project-title{font-size:var(--font-size-base)}.project-description{font-size:var(--font-size-xs)}.tech-tag{font-size:.65rem;padding:var(--space-1) var(--space-2)}.demo-button,.github-button{font-size:var(--font-size-sm);min-height:40px;padding:var(--space-2) var(--space-3)}.more-projects{font-size:var(--font-size-base);padding:var(--space-2)}.more-projects-text{font-size:var(--font-size-sm)}}@media (max-width:768px) and (orientation:landscape){.project-card{min-height:490px}.project-image-wrapper{height:150px}.project-card>div[class*=w-full]{height:150px!important}.project-image{max-height:150px;min-height:150px}.project-description{min-height:40px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.project-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.project-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.more-projects,.project-actions{display:none}}.contact-section{display:flex;flex-direction:column;width:100%}.contact-icon-container-style{display:inline-flex;justify-content:center}.contact-icon-style{color:var(--primary-color);font-size:var(--font-size-5xl);padding:var(--space-8);text-decoration:none;transition:var(--transition-normal)}.contact-icon-style:hover{color:var(--text-primary);transform:scale(1.1)}.contact-info{display:flex;flex-direction:column;gap:var(--space-5);padding-left:var(--space-12)}.contact-info label{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.contact-info label,[data-theme=dark] .contact-info label{color:var(--text-primary)}[data-theme=light] .contact-info input{background:var(--background-secondary);color:var(--text-primary)}.copy-container{align-items:center;display:flex;padding-bottom:var(--space-20)}.contact-info input{background:var(--background-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-3);width:25rem}.contact-info input:focus{background-color:var(--background-tertiary);border:2px solid var(--primary-color);outline:none}.contact-info input:hover{background-color:var(--background-tertiary);color:var(--primary-color)}.copy-icon{color:var(--primary-color);cursor:pointer;font-size:var(--font-size-xl);margin-left:var(--space-3);transition:var(--transition-normal)}.copy-icon:hover{color:var(--text-primary);transform:scale(1.1)}.copy-notification{background-color:#79954fcc;border-radius:5px;color:#fff;font-weight:700;left:50%;padding:10px 20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2000}.resume-section{align-items:center;background-color:#e07c241a;border:2px solid var(--primary-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;margin:var(--space-12) 0;padding:var(--space-8)}.resume-title{color:var(--primary-color);font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.resume-description{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--space-6);text-align:center}.resume-download-button{align-items:center;background-color:var(--primary-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-white);display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-3);padding:var(--space-4) var(--space-8);text-decoration:none;transition:var(--transition-normal)}.resume-download-button:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-glow-hover);transform:translateY(-3px)}.resume-download-button:active{transform:translateY(-1px)}.contact-form-container{align-items:center;background:var(--background-secondary);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:var(--space-16) auto;max-width:50%;padding:var(--space-10);width:100%}.form-title{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);text-align:center}.form-description{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--space-8);text-align:center}[data-theme=dark] .form-description{color:var(--text-light)}.contact-form{width:100%}.form-group{display:flex;flex-direction:column;margin-bottom:var(--space-6)}.form-group label{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}[data-theme=dark] .form-group label{color:var(--text-light)}.form-group input,.form-group textarea{background:var(--background-tertiary);border:2px solid var(--background-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-3);transition:var(--transition-normal)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{color:var(--text-light)}.form-group input:focus,.form-group textarea:focus{background:var(--background-primary);border-color:var(--primary-color);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.form-group textarea{min-height:120px;resize:vertical}.submit-button{background-color:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-white);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--space-4) var(--space-8);transition:var(--transition-normal);width:100%}.submit-button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-glow-hover);transform:translateY(-2px)}[data-theme=light] .submit-button:hover:not(:disabled){background-color:var(--color-black);color:var(--text-white)}[data-theme=dark] .submit-button:hover:not(:disabled){background-color:var(--text-primary);color:var(--color-black)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.form-message{animation:slideDown .3s ease-out;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);margin-top:var(--space-6);padding:var(--space-4);text-align:center}.form-message.success{background:#79954f33;border:2px solid #79954f80;color:#79954f}.form-message.error{background:#dc354533;border:2px solid #dc354580;color:#dc3545}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.title{font-size:var(--font-size-2xl);margin:var(--space-4) 0 var(--space-6) 0;padding:var(--space-2) var(--space-4)}.contact-section{margin-bottom:var(--space-3)}.contact-icon-container-style{display:inline-flex;flex-direction:row;justify-content:center;padding-bottom:0}.contact-icon-style{color:var(--primary-color);font-size:var(--font-size-3xl);padding:var(--space-6);text-decoration:none;transition:var(--transition-normal)}.contact-icon-style:hover{color:var(--text-primary);transform:scale(1.05)}.contact-info{display:flex;flex-direction:column;gap:var(--space-5);margin:var(--space-8);padding-left:0}.contact-info input{width:100%}.copy-icon{color:var(--primary-color);cursor:pointer;font-size:var(--font-size-lg);margin-left:var(--space-3)}.resume-section{margin:var(--space-8) 0;padding:var(--space-6)}.resume-title{font-size:var(--font-size-xl)}.resume-download-button{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6)}.contact-form-container{max-width:80%;padding:var(--space-2)}.form-title{font-size:var(--font-size-xl)}.form-description,.form-group input{font-size:var(--font-size-sm)}.form-group input{padding:0 0 var(--space-3) 0}.form-group textarea{font-size:var(--font-size-sm)}.submit-button{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6)}}.scroll-to-top{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--primary-color);border:none;border-radius:50%;bottom:5rem;box-shadow:var(--shadow-glow);color:var(--text-white);cursor:pointer;display:flex;font-size:1.25rem;height:50px;justify-content:center;opacity:1;position:fixed;right:2rem;transform:translateZ(0);transition:background-color .3s ease,box-shadow .3s ease;-webkit-transition:background-color .3s ease,box-shadow .3s ease;-moz-transition:background-color .3s ease,box-shadow .3s ease;visibility:visible;width:50px;will-change:transform,opacity;z-index:1100}.scroll-to-top:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-glow-hover)}[data-theme=dark] .scroll-to-top:hover{background-color:var(--text-primary);color:var(--color-black)}.scroll-to-top:active{transform:scale(.95)}[data-theme=light] .scroll-to-top{color:var(--text-white)}[data-theme=light] .scroll-to-top:hover{background-color:var(--color-black);color:var(--text-white)}@media (max-width:600px){.scroll-to-top{bottom:4rem;font-size:1rem;height:45px;min-height:44px;min-width:44px;right:1rem;width:45px}}@supports (-webkit-appearance:none){.scroll-to-top{transform:translateZ(0)}}@media screen and (max-device-width:768px){.scroll-to-top{display:flex!important;opacity:1!important;position:fixed!important;visibility:visible!important}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-overflow-scrolling:touch;background-color:var(--background-color);color:var(--text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);min-height:100vh;scroll-behavior:smooth}#root,.app,body{overflow-x:hidden;position:relative;width:100%}.title{background-color:var(--background-color);font-family:var(--font-family-primary);font-size:var(--font-size-4xl);letter-spacing:2px;line-height:var(--line-height-tight);margin-bottom:var(--space-16);margin-top:var(--space-12);position:relative;text-align:center;text-transform:uppercase}.title:after{border-left:40px solid #0000;border-right:40px solid #0000;border-top:12px solid var(--primary-color);content:"";display:block;filter:drop-shadow(0 2px 4px rgba(224,124,36,.3));height:0;margin:var(--space-3) auto 0;width:0}.navbar{background-color:var(--secondary-color);color:var(--primary-color);padding:var(--space-2)}.navbar ul{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}.navbar ul button{color:var(--text-white);font-size:var(--font-size-lg);margin:0 var(--space-4);text-decoration:none;transition:var(--transition-normal)}.container{align-items:center;background-color:var(--background-secondary);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:flex-end;margin:auto;max-width:400px;overflow:hidden;position:relative}.header{border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-white);font-size:var(--font-size-2xl);padding:var(--space-2);text-align:center}.css-cyqh1t-MuiPaper-root-MuiDrawer-paper,[class*=MuiPaper-root][class*=MuiDrawer-paper]{background-color:var(--secondary-color)}.MuiAppBar-root.MuiAppBar-root{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);z-index:1100}.MuiToolbar-root.MuiToolbar-root{box-sizing:border-box;display:flex;min-height:56px;opacity:1;visibility:visible;width:100%}.MuiToolbar-root .MuiButton-root.MuiButton-root{-webkit-appearance:none;appearance:none;display:inline-flex;opacity:1;visibility:visible}.MuiToolbar-root .MuiButton-root.MuiButton-root:hover{background-color:var(--background-tertiary);color:var(--text-primary)}@media (max-width:700px){.MuiToolbar-root.MuiToolbar-root{padding-left:8px;padding-right:8px}.MuiAppBar-root.MuiAppBar-root{position:-webkit-sticky;position:sticky;top:0;width:100%}}@media screen and (max-height:450px) and (orientation:landscape){.MuiToolbar-root.MuiToolbar-root{min-height:48px;overflow:visible;padding-left:4px;padding-right:4px}.MuiAppBar-root.MuiAppBar-root{overflow:visible;position:-webkit-sticky;position:sticky;top:0;width:100%}.MuiToolbar-root .MuiButton-root.MuiButton-root{font-size:.75rem;margin-left:8px;min-width:auto;padding:4px 8px}.MuiToolbar-root .MuiBox-root.MuiBox-root{flex-shrink:0;overflow:visible}.nav-links .nav-button{width:100px}}@media screen and (min-width:900px) and (max-height:500px) and (orientation:landscape){.MuiToolbar-root.MuiToolbar-root{min-height:48px;padding-left:8px;padding-right:8px}.MuiToolbar-root .MuiButton-root.MuiButton-root{font-size:.8rem;margin-left:12px;min-width:auto;padding:6px 12px}.MuiToolbar-root .menu-text.menu-text{font-size:.875rem}.nav-links .nav-button{width:100px}}@media screen and (max-device-width:768px){.MuiAppBar-root.MuiAppBar-root,.MuiToolbar-root.MuiToolbar-root{display:flex;opacity:1;position:-webkit-sticky;position:sticky;top:0;visibility:visible;z-index:1100}}.drawer-list{background-color:var(--secondary-color)}.drawer-list button{color:var(--primary-color);font-size:var(--font-size-lg);text-decoration:none;transition:var(--transition-normal)}.button{background-color:var(--background-color);color:var(--text-white);font-size:var(--font-size-base);margin:var(--space-3) 0;padding:var(--space-3) var(--space-5)}.button,.nav-button{border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal)}.nav-button{color:var(--text-secondary);font-weight:700;padding:var(--space-3);width:150px}.nav-button:active{background-color:var(--secondary-color);color:var(--primary-color)}.nav-button:focus{background-color:var(--primary-color);color:var(--text-light)}.nav-button:hover{background-color:var(--background-tertiary);color:var(--text-light);transform:scale(1.05)}[data-theme=dark] .nav-button{color:#cc7832}[data-theme=dark] .nav-button:hover{background-color:var(--background-tertiary);color:var(--text-primary)}[data-theme=light] .nav-button{color:var(--primary-color)}[data-theme=light] .nav-button:hover{background-color:var(--primary-color);color:var(--text-white)}.hamburger.hamburger,.menu-text.menu-text{display:none}.nav-links{display:flex}@media (max-width:700px){.hamburger.hamburger,.menu-text.menu-text{display:block}.nav-links{display:none}}@media (max-width:768px){.title{font-size:var(--font-size-3xl);letter-spacing:1.5px;margin-bottom:var(--space-12);margin-top:var(--space-10);padding:var(--space-5) var(--space-3)}.title:after{border-left:32px solid #0000;border-right:32px solid #0000;border-top:10px solid var(--primary-color)}}@media (max-width:600px){.title{font-size:var(--font-size-2xl);letter-spacing:1px;margin-bottom:var(--space-10);margin-top:var(--space-8);padding:var(--space-4) var(--space-2)}.title:after{border-left:24px solid #0000;border-right:24px solid #0000;border-top:8px solid var(--primary-color)}}
/*# sourceMappingURL=main.a24c169b.css.map*/