/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.mt-\[-35px\]{margin-top:-35px}.mt-\[40px\]{margin-top:40px}.mt-\[50px\]{margin-top:50px}.mt-\[80px\]{margin-top:80px}.mt-\[100px\]{margin-top:100px}.mt-auto{margin-top:auto}.mb-\[10px\]{margin-bottom:10px}.mb-\[20px\]{margin-bottom:20px}.mb-\[25px\]{margin-bottom:25px}.mb-\[50px\]{margin-bottom:50px}.mb-\[60px\]{margin-bottom:60px}.mb-\[100px\]{margin-bottom:100px}.ml-\[10px\]{margin-left:10px}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\[40vh\]{height:40vh}.h-\[260px\]{height:260px}.h-\[350px\]{height:350px}.h-full{height:100%}.max-h-\[600px\]{max-height:600px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\[5px\]{gap:5px}.gap-\[8px\]{gap:8px}.gap-\[25px\]{gap:25px}.gap-\[50px\]{gap:50px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-contain{background-size:contain}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.p-\[40px\]{padding:40px}.px-\[80px\]{padding-inline:80px}.py-\[5px\]{padding-block:5px}.pr-\[10px\]{padding-right:10px}.pr-\[40px\]{padding-right:40px}.pl-\[40px\]{padding-left:40px}.text-center{text-align:center}.text-justify{text-align:justify}.text-\[25px\]{font-size:25px}.text-\[30px\]{font-size:30px}.text-\[50px\]{font-size:50px}.text-\[clamp\(1\.5rem\,4vw\,4rem\)\]{font-size:clamp(1.5rem,4vw,4rem)}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.whitespace-pre-line{white-space:pre-line}.opacity-20{opacity:.2}.brightness-18{--tw-brightness:brightness(18%);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-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media (prefers-color-scheme:dark){.dark\:brightness-80{--tw-brightness:brightness(80%);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,)}}:root{color-scheme:light dark;--text-light:#213547;--text-dark:#fff;--bg-light:#fff;--bg-dark:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.banner-text h1{animation:2s linear infinite glitch;position:relative;color:#fff!important}.banner-text h1:before,.banner-text h1:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.banner-text h1:before{clip-path:polygon(0 0,100% 0,100% 33%,0 33%);animation:1s linear infinite glitchTop}.banner-text h1:after{clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);animation:1.5s linear infinite glitchBottom}.banner-background{background-position:50%;background-size:cover;background-attachment:fixed}.banner-overlay{background:#000}@media (max-width:768px){.banner-background{background-attachment:scroll}}.glitch-h2{font-size:1.5rem;animation:2s linear infinite glitch-h2-effect;position:relative;color:#fff!important}@media (max-width:768px){.glitch-h2{font-size:1rem}}.glitch-h2 span{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#5d70eb80;padding-right:1px}.glitch-h2:before,.glitch-h2:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-h2:before{clip-path:polygon(0 0,100% 0,100% 50%,0 50%);animation:.5s linear infinite glitch-h2-top}.glitch-h2:after{clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);animation:.75s linear infinite glitch-h2-bottom}@keyframes glitch-h2-effect{2%,64%{transform:translate(1px)skew(0)}4%,60%{transform:translate(-1px)skew(0)}62%{transform:translate(0)skew(2deg)}}@keyframes glitch-h2-top{2%,64%{transform:translate(1px,-1px)}4%,60%{transform:translate(-1px,1px)}62%{transform:translate(7px,-.5px)skew(-7deg)}}@keyframes glitch-h2-bottom{2%,64%{transform:translate(-1px)}4%,60%{transform:translate(-1px)}62%{transform:translate(-10px,2px)skew(10deg)}}html{scroll-behavior:smooth;scroll-padding-top:90px}@media (min-width:768px){html{scroll-padding-top:80px}}.topbtn{color:#fff;cursor:pointer;background-color:#747bff;border:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-top:-5rem;padding:0;font-size:1.5rem;font-weight:700;position:fixed;bottom:5rem;right:2rem}.counter-band{color:#fff;background:linear-gradient(90deg,#434f98,#747bff);border-radius:12px;justify-content:space-around;align-items:center;gap:2rem;margin:2rem 1rem;padding:4rem 2rem;display:flex}h1{font-size:3.2em;line-height:1.1}.h2-animated{display:inline-block;position:relative}.h2-animated:after{content:"";background-color:#434f98;width:0;height:2px;transition:width .6s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.h2-animated:hover:after{width:100%}@media (max-width:768px){.h2-animated:after{height:1px;bottom:-3px}}@media (max-width:480px){.h2-animated:after{height:1px;transition:width .4s;bottom:-2px}}p{text-shadow:1px 1px 3px #0003;font-size:.9rem;line-height:2}button{cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s,background-color .25s,color .25s}button:hover{text-shadow:0 0 8px #3b82f699;background-color:#434f98;border-color:#7a85c1;transform:scale(1.05);box-shadow:0 5px 15px #3b82f666}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#535458,#000) 0 0/200% 200%;border-top:1px solid #2c2c2c;border-bottom:1px solid #000;height:50px;transition:all .3s;animation:3s infinite gradientShift;position:fixed;top:0;left:0;right:0}@media (max-width:768px){header{height:50px}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}header .flex.items-center.space-x-4 button,header button{color:#fff!important}a{color:inherit;text-decoration:none}span{background-color:inherit;font-weight:700}span:visited{color:inherit}nav a{border:1px solid #0000;border-radius:8px;margin:0 1rem;padding:.5rem 1rem;font-weight:700;display:inline-block;color:#fff!important}nav a:hover{text-shadow:0 0 8px #3b82f699;background-color:#434f98;border-color:#7a85c1;transform:scale(1.05);box-shadow:0 5px 15px #3b82f666}nav a:visited{color:inherit}.nav-desktop{display:none}.hamburger{color:#fff;cursor:pointer;z-index:1050;background:0 0;border:0;padding:.5rem;font-size:1.5rem;display:inline-flex}header{color:#fff}header nav a{color:#fff!important}@media (min-width:768px){.nav-desktop{align-items:center;display:flex}.hamburger{display:none}}.mobile-menu{background:#2f2e2e;border-color:#747bff;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-radius:1rem}.mobile-menu a{color:#fff!important}#contact a:visited,#projects a:visited{color:inherit}#profile{padding-top:20px;padding-bottom:20px}body{background-color:var(--bg-light);min-width:320px;min-height:100vh;color:var(--text-light);flex-direction:column;margin:0;padding-top:70px;transition:background-color .3s,color .3s;display:flex}@media (min-width:768px){body{padding-top:60px}}@media (prefers-color-scheme:light){:root{--text-light:#213547;--text-dark:#fff;--bg-light:#fff;--bg-dark:#242424}a:hover{color:#747bff}}body.dark{background-color:var(--bg-dark);color:var(--text-dark)}html,body,#root{height:100%}section{border-top:1px solid #9d9ea1}.profile-photo{-o-object-fit:cover;object-fit:cover;width:20rem;height:26rem;transition:transform .3s,border-color .3s;box-shadow:0 10px 20px #00000040}.profile-photo:hover{border-color:#434f98;transform:scale(1.05)}@media (max-width:768px){.profile-grid{text-align:center;display:block}.profile-photo{width:10rem;height:14rem;margin:0 auto 1rem}}@media (min-width:769px){.profile-grid{grid-template-columns:1fr 2fr;align-items:center;gap:2rem;display:grid}}.experience-grid{grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);grid-template-areas:"text1 video""image text2";gap:2rem;display:grid}.experience-grid>.text1{grid-area:text1}.experience-grid>.video{grid-area:video}.experience-grid>.image{grid-area:image}.experience-grid>.text2{grid-area:text2}@media (max-width:768px){.experience-grid{flex-direction:column;gap:1.5rem;display:flex}.experience-grid>.text1{order:1}.experience-grid>.video{order:2}.experience-grid>.text2{order:3}.experience-grid>.image{order:4}}footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#535458,#000) 0 0/200% 200%;border-top:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c;margin-top:0;transition:all .3s;animation:3s infinite gradientShift;top:0;left:0;right:0;color:#fff!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
