:root{font-family:SansAtwic;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #9ca3af;--color-secondary: #ff9d42;--color-background: #2a2a2a;--color-text: rgba(255, 255, 255, .87);--color-border: #ff9d42;--card-bg: #111111;--card-border: #2a2a2a;--button-bg: #4f46e5;--button-text: #ffffff;--link-color: #ff9d42}a{font-weight:500;color:#9ca3af;text-decoration:inherit}a:hover{color:#ff9d42}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ff9d42}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#ff9d42}button{background-color:#f9f9f9}}@font-face{font-family:SansAtwic;src:url(/assets/SansAtwicLi-CC2eWICr.otf) format("opentype");font-weight:400}@font-face{font-family:SansAtwic;src:url(/assets/SansAtwicReg-Bf7DVCLN.otf) format("opentype");font-weight:500}@font-face{font-family:SansAtwic;src:url(/assets/SansAtwicMid-Dl1IwemZ.otf) format("opentype");font-weight:600}@font-face{font-family:SansAtwic;src:url(/assets/SansAtwicSemiB-cKAAUEm2.otf) format("opentype");font-weight:700}@font-face{font-family:SansAtwic;src:url(/assets/SansAtwicBold-dus_QADB.otf) format("opentype");font-weight:800}@font-face{font-family:SansAtwic;src:url(/assets/SansAtwicBlack-BJxYiqE5.otf) format("opentype");font-weight:900}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.hero{display:flex;align-items:center;justify-content:space-between;min-height:80vh;padding:60px 40px;gap:60px}.hero-left{flex:1;max-width:650px;text-align:left}.hero-left h1{font-size:48px;line-height:1.2;margin-bottom:25px}.hero-left p{font-size:18px;color:#cfcfcf;margin-bottom:16px}.highlight{color:#ff9d42}.underline{text-decoration:underline;font-size:xx-large}.hero-right{flex:1;display:flex;flex-direction:column;align-items:center}.profile-image{width:260px;border-radius:20px;margin-bottom:20px;position:relative;z-index:2}.profile-image:hover{width:270px;bottom:10px}.image-wrapper{position:relative;display:inline-block;overflow:visible}.image-wrapper:after{content:"";position:absolute;border-radius:12px;margin-bottom:24px;width:100%;height:92%;transform:rotate(-3deg);bottom:0;left:0;background:#454545b3;z-index:1}.socials{display:flex;gap:20px}.socials a{color:#ff9d42;text-decoration:none}@media(max-width:900px){.hero{flex-direction:column;text-align:center}.hero-left h1{font-size:36px}}.hero-vertical{flex-direction:column-reverse;text-align:center;align-items:center}.hero-vertical .hero-left{max-width:1200px;margin-top:-40px}.hero-vertical .hero-right{margin-bottom:10px}.hero-vertical .socials{justify-content:center}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translate(-50%,15px);background:#fff;color:#000;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;border:1px solid #ffffff;opacity:0;transition:opacity .15s ease,transform .15s cubic-bezier(.22,1,.36,1);z-index:100}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%)}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#ffffff transparent transparent transparent}.magnetic-container{position:relative;display:inline-block;z-index:2}.magnetic-tooltip{position:absolute;transform:translate(-50%,-140%);will-change:transform;background:#0f1a2b;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;white-space:nowrap;border:1px solid #2b3648;opacity:0;animation:tooltipFade .5s forwards;pointer-events:none;transition:opacity .15s ease}@keyframes tooltipFade{to{opacity:1}}.jobdesks{padding:80px 40px}.jobdesks-header{margin-bottom:40px}.jobdesks-header h2{font-size:48px;margin-bottom:10px}.jobdesks-header p{font-size:18px;color:#cfcfcf}.jobdesk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.jobdesk-card{background:#1d1d1d;border-radius:12px;padding:10px;border:1px solid #212121;transition:all .25s ease;box-shadow:3px 3px 0 1px #9c9c9c}.jobdesk-card:hover{box-shadow:1px 1px 0 1px #9c9c9c}.jobdesk-icon{font-size:28px;margin-bottom:5px;text-align:left}.jobdesk-card h3{color:#ff9d42;margin-bottom:10px;margin-top:0;text-align:left}.jobdesk-card p{color:#d0d0d0;line-height:1.6;text-align:left}@media(max-width:1000px){.jobdesks-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.jobdesks-grid{grid-template-columns:1fr}}.blog-hero{text-align:center;padding:120px 20px 60px}.blog-hero h1{font-size:60px;margin-bottom:10px}.blog-hero p{color:#cfcfcf;margin-bottom:25px}.blog-search{width:600px;max-width:90%;padding:12px 16px;background:#0f1a2b;border:1px solid #2b3648;border-radius:8px;color:#fff}.article-list{max-width:1100px;margin:auto;padding:60px 20px;display:flex;flex-direction:column;gap:80px}.article-card{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;text-align:left}.article-date{color:#9ca3af;font-size:14px;white-space:pre-wrap}.article-card h2{font-size:28px;margin:8px 0}.article-card--featured h2{font-size:medium}.article-card p{color:#cfcfcf;line-height:1.7}.article-tags{margin-top:15px;white-space:pre-wrap}.article-image img{width:85%;border-radius:14px;height:auto}.article-page{align-items:baseline;text-align:left}.article-title{color:#ebebeb}.article-title:hover{color:#ff9d42}.featured-posts{border-radius:12px;padding:0 20px 50px;max-width:1100px;margin:120px auto;border:2px solid #2b3648;transition:all .25s ease}.featured-header{text-align:left;font-size:x-large;row-gap:50%}.featured-header h2{margin-bottom:.1em;font-weight:500}.post-divider{margin-top:30px;margin-bottom:0;opacity:30%}.link-blog p{margin-bottom:0;color:#cbd5e1;font-weight:400;align-items:center}.link-blog p:hover{color:#ff9d42}.blog-image{width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-hero{text-align:center;padding:120px 20px 60px}.project-hero h1{font-size:60px;margin-bottom:10px}.project-hero p{color:#cfcfcf;margin-bottom:25px}.project-search{width:600px;max-width:90%;padding:12px 16px;background:#0f1a2b;border:1px solid #2b3648;border-radius:8px;color:#fff}.project-list{max-width:1100px;margin:auto;padding:60px 20px;display:flex;flex-direction:column;gap:80px}.project-card{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;text-align:left}.project-date{color:#9ca3af;font-size:14px;white-space:pre-wrap}.project-card h2{font-size:28px;margin:8px 0}.project-card--featured h2{font-size:medium}.project-card p{color:#cfcfcf;line-height:1.7}.project-tags{margin-top:15px;white-space:pre-wrap}.tag{border:1px solid #ff9d42;color:#ff9d42;padding:4px 10px;border-radius:20px;font-size:13px;margin-right:8px}.project-image img{width:85%;border-radius:14px;height:auto}.project-page{align-items:baseline;text-align:left}.project-title{color:#ebebeb}.project-title:hover{color:#ff9d42}.featured-projects{border-radius:12px;padding:0 20px 50px;max-width:1100px;margin:120px auto;border:2px solid #2b3648;transition:all .25s ease}.featured-header{text-align:left;font-size:x-large;row-gap:50%;margin-bottom:50px}.featured-header h2{margin-bottom:.1em;font-weight:500;font-size:50px}.featured-header span{color:#ff9d42}.featured-header p{margin-top:.1em;font-size:small}.featured-list{font-size:small;display:flex;flex-direction:column;gap:10px}.project-divider{margin-top:30px;margin-bottom:0;opacity:30%}.link-project p{margin-bottom:0;color:#cbd5e1;font-weight:400;align-items:center}.link-project p:hover{color:#ff9d42}.project-image{width:100%;aspect-ratio:16 / 9;object-fit:cover}.repo{margin-top:120px}.repos-header{text-align:left}.repos-header h2{font-size:50px;font-weight:500;margin-bottom:-10px}.repos-header span{color:#ff9d42}.repos-header p{color:#9ca3af;margin-top:10px;margin-bottom:40px}.repos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.repo-card{padding:20px;border-radius:12px;border:1px solid #2a2a2a;background:#0f172a;text-decoration:none;color:#fff;transition:all .2s ease}.repo-card:hover{transform:translateY(-4px)}.repo-header{display:flex;justify-content:space-between;align-items:center}.repo-title{display:flex;gap:8px;align-items:center;font-weight:600;border-radius:20px;margin-bottom:-10px;margin-top:-20px}.repo-title{color:#ff9d42}.repo-badge{font-size:12px;border:1px solid #444;padding:3px 8px;border-radius:20px}.repo-description{margin:14px 0;color:#cbd5e1;font-size:14px;text-align:left}.repo-footer{display:flex;justify-content:space-between;font-size:14px}.repo-language{display:flex;align-items:center;gap:6px}.language-dot{size:14px}.repo-stats{display:flex;gap:14px}.repo-more{display:flex;justify-content:center;gap:10px;margin-top:40px;color:#cbd5e1;text-decoration:none}.repo-more:hover{color:#ff9d42}.contact-cta{margin-top:120px;padding:0 20px;display:flex;justify-content:center}.contact-cta-card{width:100%;max-width:1100px;opacity:80%;padding:40px;border-radius:20px;text-align:center;color:#fff;background:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(135deg,#ffbf84,#a94a06);background-size:40px 40px,40px 40px,cover}.contact-cta-card h2{font-size:40px;font-weight:500;margin-bottom:0}.contact-cta-card p{font-size:18px;opacity:.9;margin-bottom:30px;margin-top:0;font-weight:400}.contact-cta-button{display:inline-block;padding:12px 26px;background:#ff6a00;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease}.contact-cta-button:hover{transform:translateY(-2px);background:#ff5a00}.footer{margin-top:60px;padding:0;border-top:1px solid #1f2937;text-align:center;color:#9ca3af;font-size:14px;margin-bottom:0%}.experience{margin-top:120px;text-align:left}.experience-title{font-size:40px;margin-bottom:1px}.experience-title span{color:#ff9d42}.experience-sub{color:#bcbcbc;margin-bottom:40px;margin-top:1px}.experience-item{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:40px 0;border-bottom:1px solid #222}.experience-left{text-align:left}.company{color:#ff9d42;font-weight:700;font-size:x-large;margin-bottom:1px}.role{font-weight:600;margin-top:1px;font-size:medium}.meta{color:#878787;font-size:medium;line-height:13px;align-items:center}.description{background:#0f1622;padding:20px;border-radius:10px;border:1px solid #878787}.meta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.meta-card{padding:18px;border:1px solid #1c2430;border-radius:10px;text-align:left;position:relative;overflow:hidden}.meta-title{margin-top:1px;margin-bottom:1px;color:#878787;display:flex;flex-direction:row}.meta-value{font-weight:600;margin-top:1px;margin-bottom:1px}.list-item{border:1px solid #1c2430;padding:14px;border-radius:10px;margin-top:10px}.list-title{color:#878787;display:flex;flex-direction:row}.icon-wrapper{display:flex;align-items:center;justify-content:center;margin-right:7px;width:28px;height:28px;border-radius:8px;background:#202020;border:0px solid #2b3648}.icon{color:#b3b3b3}.glow-hover{position:relative;padding:16px 20px;border-radius:12px;background:#0f0f12;color:#fff;border:1px solid rgba(255,255,255,.1);overflow:hidden}.glow-hover:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(200px circle at var(--x, 50%) var(--y, 50%),#ff79d9,#937bff,#ff6ad5,transparent 70%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0s linear;will-change:transform;pointer-events:none}.glow-hover:hover:before{opacity:1}.loader-ring{position:relative}.loader-ring:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:linear-gradient(120deg,transparent,#ff9d42,transparent,#ff9d42,transparent);background-size:300% 300%;animation:loader-ring-move 15s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes loader-ring-move{0%{background-position:0% 50%}to{background-position:300% 50%}}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;gap:20px;background:#222;padding:15px 20px;z-index:1000}.navlink{color:#fff;text-decoration:none}.navlink.active{font-weight:700;border-bottom:2px solid white}.dark-theme-button{margin-bottom:0;margin-top:0;height:80%;font-size:small}