@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap);.App{box-sizing:border-box;text-align:center}.top-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1a;left:0;padding:.65rem 1.5rem;position:fixed;top:0;transition:background .2s ease,border-color .2s ease;width:100%;z-index:10}.top-nav.dark{background:#01050fbf;border-color:#ffffff14;color:#e5f0ff}.top-nav.light{background:#ffffffd9;border-color:#07142b1a;color:#07142b}.nav-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.brand{color:inherit;display:inline-flex;font-size:.95rem;font-weight:700;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.brand,.nav-left{align-items:center}.nav-left{display:flex;gap:.75rem}.mobile-toggle{background:#0000;border:none;color:#fff;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.25rem}.mobile-toggle span{background:currentColor;border-radius:999px;height:3px;transition:transform .2s ease;width:26px}.nav-links{align-items:center;display:flex;gap:1.25rem}.nav-link-group{position:relative}.nav-links a{text-decoration:none}.nav-link-toggle,.nav-links a{color:inherit;font-size:.95rem;font-weight:500;letter-spacing:.05em;position:relative}.nav-link-toggle{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;gap:.4rem}.nav-links a:after{background:currentColor;bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .2s ease;width:100%}.nav-links a:hover:after{transform:scaleX(1)}.nav-dropdown{background:#020617eb;border-radius:12px;box-shadow:0 15px 45px #02061759;display:flex;flex-direction:column;gap:.4rem;left:0;min-width:220px;opacity:0;padding:.75rem;pointer-events:none;position:absolute;top:calc(100% + .5rem);transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;z-index:5}.top-nav.light .nav-dropdown{background:#fffffff2;box-shadow:0 15px 45px #07142b26}.nav-link-group.open .nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-dropdown a{border-radius:6px;color:inherit;font-weight:500;padding:.35rem .25rem;text-decoration:none}.nav-dropdown a:hover{background:#ffffff1f}.top-nav.light .nav-dropdown a:hover{background:#07142b14}.chevron{border-bottom:2px solid;border-left:2px solid;display:inline-block;height:.5rem;transform:rotate(-45deg);transition:transform .2s ease;width:.5rem}.mobile-link-toggle[aria-expanded=true] .chevron,.nav-link-group.open .chevron{transform:rotate(135deg)}.nav-actions{align-items:center;display:flex;gap:.75rem}.resume-link{border:1px solid;border-radius:999px;font-weight:600;padding:.4rem .9rem;text-decoration:none;transition:background .2s ease,color .2s ease}.top-nav.dark .resume-link:hover{background:#ffffff1f;color:#fff}.top-nav.light .resume-link:hover{background:#07142b1a;color:#07142b}.theme-toggle{align-items:center;background:#ffffff1f;border:none;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font-weight:600;gap:.35rem;padding:.35rem .85rem;transition:transform .2s ease,background .2s ease}.top-nav.light .theme-toggle{background:#07142b14}.theme-toggle:hover{transform:translateY(-1px)}.toggle-text{font-size:.85rem;letter-spacing:.04em}.mobile-only{display:none;position:relative}@media (max-width:900px){.nav-content{gap:.5rem;justify-content:flex-start}.nav-left{flex:1 1;position:relative}.nav-actions,.nav-links{display:none}.mobile-drawer{display:block}.mobile-toggle{display:flex}}.nav-left .brand{margin-left:.75rem}@media (max-width:900px){.nav-left .brand{left:50%;position:absolute;transform:translateX(-50%)}}.mobile-backdrop{background:#00000059;display:none;inset:0;position:fixed;z-index:998}.mobile-backdrop.open{display:block}.mobile-drawer{background:#04070ef2;display:none;height:100vh;left:0;padding:var(--spacing-lg);position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:260px;z-index:999}.mobile-drawer.open{display:block;transform:translateX(0)}.mobile-drawer-content nav{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.mobile-drawer-content a{color:#fff;font-size:1.1rem;text-decoration:none}.mobile-link-group{display:flex;flex-direction:column;gap:.4rem}.mobile-link-toggle{align-items:center;background:none;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;justify-content:space-between;padding:.65rem 1rem;width:100%}.mobile-sub-links{display:none;flex-direction:column;gap:.35rem;padding-left:.5rem}.mobile-sub-links.open{display:flex}.mobile-sub-links a{color:#ffffffe6;font-size:1rem;padding-left:.5rem}.mobile-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;margin-left:auto}.mobile-resume,.mobile-theme{background:#0000;border:1px solid #fff6;border-radius:999px;color:#fff;display:block;margin-top:1rem;padding:.6rem;text-align:center;text-decoration:none;width:100%}.landing-page{align-items:center;background:radial-gradient(circle at 20% 20%,#1f7eff59,#0000 55%),radial-gradient(circle at 80% -10%,#9cffe940,#0000 50%),linear-gradient(135deg,#02040a,#041f3c 55%,#02040a);color:#f5fbff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:clamp(3.5rem,5vw,6rem) clamp(2rem,6vw,8rem) clamp(3rem,5vw,5.5rem);position:relative;width:100%}.particles{height:100%;width:100%;z-index:0}.hero-overlay,.particles{inset:0;position:absolute}.hero-overlay{background:linear-gradient(180deg,#02040a33,#02040acc);pointer-events:none;z-index:1}.hero-inner{grid-gap:clamp(2rem,4vw,5rem);align-items:center;display:grid;gap:clamp(2rem,4vw,5rem);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;margin:0 auto;max-width:1400px;padding:0 clamp(1rem,3vw,3rem);position:relative;transition:transform .2s ease-out;width:100%;will-change:transform;z-index:2}.hero-text{max-width:720px;text-align:left}.eyebrow{color:#9fe7ff;font-size:.85rem;letter-spacing:.4em;margin:0 0 1.5rem;text-transform:uppercase}.hero-text h1{font-size:clamp(2.4rem,4vw,4.2rem);font-weight:700;line-height:1.1;margin:0 0 1rem}.hero-name{color:#e9f7ff;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;letter-spacing:.08em;margin:0 0 .5rem;text-transform:uppercase}.hero-subtitle{color:#cdd7ec;font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem}.hero-highlights{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0 0 2rem;padding:0}.hero-highlights li{align-items:flex-start;color:#d7e3fb;display:flex;font-size:1rem;gap:.65rem;line-height:1.4}.hero-highlights li:before{background:linear-gradient(135deg,#6ff4ff,#58a4ff);border-radius:999px;box-shadow:0 0 12px #6ff4ffcc;content:"";display:inline-block;height:10px;margin-top:.45rem;width:10px}.cta-group{display:flex;flex-wrap:wrap;gap:1rem}.landing-page .btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.85rem 1.8rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.landing-page .btn.primary{background:linear-gradient(120deg,#8df0ff,#57a2ff);box-shadow:0 20px 35px #57a2ff59;color:#051627}.landing-page .btn.secondary{background:#0000;border:1px solid #8df0ff99;box-shadow:none;color:#8df0ff}.landing-page .btn.tertiary{background:#8df0ff1f;border-radius:12px;color:#dce9ff;font-size:.9rem;padding:.65rem 1.2rem}.landing-page .btn:hover{box-shadow:0 25px 40px #0e5fff40;transform:translateY(-2px)}.landing-page .btn.secondary:hover{background:#8df0ff1f;box-shadow:0 12px 30px #8df0ff33}.hero-visual{display:flex;flex-direction:column;gap:1.5rem}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041429d9;border:1px solid #8df0ff33;border-radius:1.5rem;box-shadow:0 20px 50px #02051499;padding:1.5rem}.stat-card.glass{background:#8df0ff14;border-color:#8df0ff59}.stat-label{color:#ffffffa6;font-size:.7rem;letter-spacing:.3em;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#8df0ff;font-size:2.7rem;font-weight:700;margin:0}.stat-detail{color:#d0deff;line-height:1.4;margin:.25rem 0 0}.visual-footer{background:#02050fd9;border:1px solid #57a2ff4d;border-radius:1.2rem;box-shadow:0 20px 40px #00000073;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.visual-footer p{color:#cfd8ef;line-height:1.5;margin:0}.scroll-hint{align-items:center;bottom:1.5rem;color:#a7bde2;display:flex;font-size:.65rem;gap:.75rem;left:50%;letter-spacing:.3em;position:absolute;text-transform:uppercase;transform:translateX(-50%);z-index:2}.scroll-hint a,.scroll-hint button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:.75rem;padding:0;text-decoration:none}.scroll-hint i{animation:bounce 2.8s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (max-width:900px){.hero-text{margin:0 auto;text-align:center}.hero-highlights li{justify-content:center;text-align:left}.hero-highlights li:before{margin-top:.6rem}.cta-group{justify-content:center}.hero-visual{align-items:stretch}}@media (min-width:1100px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}}@media (max-width:600px){.landing-page{padding:5rem 1.25rem 4rem}.scroll-hint{display:none;font-size:.55rem;letter-spacing:.2em}}.about-me{background:linear-gradient(160deg,#0c162aeb,#0a1220bf);color:var(--color-text);padding:var(--spacing-xl) var(--spacing-lg);position:relative}:root[data-theme=light] .about-me{background:linear-gradient(160deg,#f4f7fff5,#e2e9fceb);color:var(--color-text)}.about-hero{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto var(--spacing-xl);max-width:1100px;position:relative}.about-hero:before{-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);background:var(--panel-bg);border-radius:var(--radius-lg);content:"";inset:-20px;position:absolute;z-index:0}.about-hero>*{position:relative;z-index:1}.about-text{flex:1 1}.about-me-header{color:var(--color-text);font-size:var(--text-3xl);margin-bottom:var(--spacing-sm)}.about-summary{color:var(--color-text-muted);max-width:640px}.about-image-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:center}.profile-image{border:2px solid #ffffff14;border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);height:220px;object-fit:cover;width:220px}.profile-caption{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.profile-caption,:root[data-theme=light] .profile-caption{color:var(--color-text-muted)}.about-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1200px;position:relative}.about-grid:before{background:var(--panel-bg);border-radius:var(--radius-lg);content:"";inset:-20px;position:absolute;z-index:0}.about-grid>*{position:relative;z-index:1}.about-grid .about-card:first-child{grid-column:auto}@media (min-width:900px){.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.about-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);color:var(--color-text);padding:var(--spacing-lg)}.about-card h3{font-size:var(--text-xl)}.about-card h3,.about-card p{margin-bottom:var(--spacing-sm)}.about-card p{color:var(--color-text-muted);font-size:var(--text-base)}.about-card ul{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.about-card li{color:var(--color-text);font-size:var(--text-sm);line-height:1.5;padding-left:1.5rem;position:relative}.about-card li:before{background:var(--color-primary);border-radius:999px;box-shadow:0 0 12px #6bcfffcc;content:"";height:10px;left:0;position:absolute;top:.6rem;width:10px}@media (min-width:900px){.about-hero{align-items:center;flex-direction:row}.about-image-wrapper{align-items:flex-end;text-align:right}}:root[data-theme=light] .contact-section{background:radial-gradient(circle at 10% 20%,#2563eb1f,#0000 45%),linear-gradient(135deg,#f3f6fffa,#e3eaf8f0)}.contact-section{background:radial-gradient(circle at 10% 20%,#6bcfff1f,#0000 55%),linear-gradient(135deg,#060910f2,#0a1220eb);color:var(--color-text);padding:var(--spacing-xl) var(--spacing-lg)}.contact-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);color:var(--color-text);margin:0 auto;max-width:1000px;padding:var(--spacing-xl)}.contact-header{text-align:center}.contact-grid,.contact-header{margin-bottom:var(--spacing-lg)}.contact-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.contact-channel{align-items:center;background:var(--panel-bg-soft);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--color-text);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);text-decoration:none;transition:transform .2s ease,border .2s ease}.contact-channel:hover{border-color:var(--color-primary);transform:translateY(-2px)}.channel-icon{color:var(--color-primary);font-size:1.8rem}.channel-label{display:block;font-weight:600}.channel-action{color:var(--color-text-muted);font-size:.9rem}.contact-socials{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.contact-socials a{align-items:center;border:1px solid var(--panel-border);border-radius:999px;color:var(--color-text);display:inline-flex;font-weight:600;gap:.45rem;padding:.45rem .85rem;text-decoration:none}.social-icon{font-size:1.1rem}@media (max-width:600px){.contact-card{padding:var(--spacing-lg)}}:root[data-theme=light] .projects{background:radial-gradient(circle at 20% 20%,#6bcfff33,#0000 45%),radial-gradient(circle at 80% 0,#a88bfa33,#0000 40%),linear-gradient(140deg,#edf2fff2,#dfe9ffeb)}.projects{background:radial-gradient(circle at 20% 20%,#6bcfff26,#0000 55%),radial-gradient(circle at 80% 0,#a88bfa1f,#0000 50%),linear-gradient(140deg,#060910eb,#0a1220e6);color:var(--color-text);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-lg)}.projects-intro{margin:0 auto var(--spacing-xl);max-width:800px;text-align:center}.projects-header{color:inherit;font-size:var(--text-3xl);margin:0 0 var(--spacing-sm)}.projects-summary{color:var(--color-text-muted);margin:0}.project-section{color:var(--color-text);margin:var(--spacing-xl) auto;max-width:1100px;padding:var(--spacing-lg);position:relative}.project-section-header{margin-bottom:var(--spacing-lg)}.project-section-header h3{font-size:var(--text-2xl);margin:var(--spacing-xs) 0}.project-section-header p{color:var(--color-text-muted);margin:0}.project-section:before{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--panel-bg);border-radius:var(--radius-lg);content:"";inset:0;position:absolute;z-index:0}.project-section>*{position:relative;z-index:1}@media (max-width:600px){.projects{padding:var(--spacing-lg) .5rem}.project-section{padding:var(--spacing-md)}}.project-feature,.project-layout{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.project-feature{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);color:var(--color-text);padding:var(--spacing-lg)}.project-feature>.tech-list-container{grid-column:1/-1}.feature-media{border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden;position:relative;width:100%}.feature-media img{height:340px;object-fit:contain;width:100%}.feature-media-overlay{background:linear-gradient(135deg,#04070e26,#04070e00);inset:0;pointer-events:none;position:absolute}.feature-body h3{font-size:var(--text-2xl);margin:var(--spacing-xs) 0;text-align:center}.feature-body p{color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.project-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.project-link{align-items:center;border-radius:999px;display:inline-flex;font-weight:600;justify-content:center;padding:.45rem 1.2rem;text-decoration:none;transition:background .2s ease,color .2s ease}.project-link.primary{background:var(--color-primary);border:none;color:#04101d}.project-link.secondary{border:1px solid var(--panel-border);color:var(--color-text)}.project-link.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.project-list-label{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.project-list{align-self:stretch;background:var(--panel-bg-soft);border:1px solid var(--panel-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);height:min(647px,647px);height:min(var(--project-list-height,var(--project-list-max,647px)),var(--project-list-max,647px));max-height:647px;max-height:var(--project-list-max,647px);min-height:0;overflow:hidden;padding:var(--spacing-md);position:relative}.project-list.scrollable{box-shadow:inset 0 0 0 1px #ffffff05}.project-list-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.project-list-hint{align-items:center;border:1px dashed #ffffff40;border-radius:999px;color:var(--color-text-muted);display:inline-flex;font-size:var(--text-xs);gap:.35rem;letter-spacing:.08em;padding:.15rem .65rem;text-transform:uppercase}.project-list-hint-icon{font-size:.9rem}.project-list-scroll{flex:1 1;height:100%;min-height:0;position:relative}.project-list-items{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%;overflow-y:auto;padding-right:.35rem;scrollbar-color:var(--color-primary) #0000;scrollbar-width:thin}.project-list-items::-webkit-scrollbar{width:6px}.project-list-items::-webkit-scrollbar-track{background:#0000}.project-list-items::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:999px}.project-list-fade{border-radius:var(--radius-md);display:block;height:32px;left:var(--spacing-sm);pointer-events:none;position:absolute;right:var(--spacing-sm)}.project-list-fade.top{background:linear-gradient(180deg,#04070ee6,#04070e00);top:var(--spacing-xs)}.project-list-fade.bottom{background:linear-gradient(0deg,#04070ee6,#04070e00);bottom:var(--spacing-xs)}:root[data-theme=light] .project-list-fade.top{background:linear-gradient(180deg,#fffffff2,#fff0)}:root[data-theme=light] .project-list-fade.bottom{background:linear-gradient(0deg,#ffffffeb,#fff0)}.project-list-item{align-items:center;background:var(--panel-bg-soft);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md);text-align:left;transition:border .2s ease,background .2s ease;width:100%}.project-list-item.active{background:var(--panel-bg);border-color:var(--color-primary)}.project-list-item h4{font-size:var(--text-xl);margin:var(--spacing-xs) 0}.project-list-item p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;margin:0;overflow:hidden}.project-list-tag{color:var(--color-primary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.project-list-toggle{color:var(--color-primary);font-size:var(--text-sm)}.projects-empty{color:var(--color-text-muted);font-size:var(--text-lg);padding:var(--spacing-lg);text-align:center}@media (min-width:900px){.project-layout{align-items:stretch;grid-template-columns:1.7fr 1fr}.project-feature{align-items:start;grid-template-columns:1fr 1fr}.feature-media{grid-row:span 2}.project-feature>.tech-list-container{grid-column:1/-1}}@media (max-width:600px){.project-feature,.project-layout{grid-template-columns:1fr}.project-feature{gap:0;padding:var(--spacing-md)}.project-list{--project-list-height:auto;border:none;height:auto;max-height:none;min-height:auto;overflow:visible;padding:0}.project-list-header{margin-bottom:var(--spacing-xs)}.project-list-hint{display:none}.project-list-scroll{height:auto;min-height:auto;position:static}.project-list-fade{display:none}.project-list-items{flex-direction:column;gap:var(--spacing-sm);overflow:visible;padding:0;width:100%}.project-list-label{display:block;margin-bottom:var(--spacing-xs)}.feature-media img{height:200px}.feature-body h3{font-size:var(--text-xl)}.feature-body p{-webkit-line-clamp:3;font-size:var(--text-base)}.feature-body{padding-bottom:var(--spacing-sm)}.tech-list-container{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.project-links{margin:var(--spacing-sm) 0}.project-link{padding:.35rem 1rem}.project-list-item{border-radius:var(--radius-md);flex:1 1 auto;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm)}.project-list-item.active{background:var(--panel-bg);border-color:var(--color-primary)}}.project-tag{color:var(--color-primary);display:block;font-size:var(--text-xs);letter-spacing:.1em;text-align:center;text-transform:uppercase}.tech-list-container{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);@media (max-width:600px){margin-top:0;padding-top:5px}border-top:1px solid var(--panel-border);display:flex;flex-direction:column;width:100%}.tech-eyebrow{color:var(--color-text-muted);margin:0 0 var(--spacing-xs)}.tech-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);width:100%}.tech-chip{background:var(--panel-bg-soft);border:1px solid var(--panel-border);border-radius:999px;color:var(--color-text);font-size:var(--text-sm);letter-spacing:.02em;padding:.3rem .85rem}.tech-stack{background:linear-gradient(135deg,#fffffff2,#f0f8ffcc);border-radius:var(--radius-lg);box-shadow:0 35px 80px #0f172a2e;color:#111;margin:var(--spacing-xl) auto;max-width:1100px;padding:var(--spacing-xl) var(--spacing-lg)}@media (max-width:600px){.tech-stack{border-radius:0}}.tech-stack-hero{margin-bottom:var(--spacing-lg);text-align:center}.tech-stack-header{background:#ffffffd9;border-radius:10px;color:#0f172a;display:inline-block;margin:0;padding:.5rem 1.5rem}.tech-card-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tech-card{background:#fff;border:1px solid #04061214;border-radius:20px;box-shadow:0 20px 45px #0f172a14;padding:var(--spacing-lg)}.tech-card h2{color:#111;font-size:1.25rem;margin:0 0 var(--spacing-md)}.tech-logo-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs)}.tech-logo-grid a{align-items:center;border-radius:12px;color:#111;display:flex;gap:var(--spacing-sm);padding:.4rem .4rem .4rem 8px;text-decoration:none;transition:background .2s ease,transform .2s ease}.tech-logo-grid a:hover{background:#0f172a0f;transform:translateY(-2px)}.tech-logo-grid span{font-weight:600}.tech-logo-grid img{flex-shrink:0;height:56px;object-fit:contain;width:56px}@media (max-width:640px){.tech-stack{margin:var(--spacing-lg) auto;padding:var(--spacing-lg) var(--spacing-sm)}.tech-card-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.tech-card{padding:var(--spacing-sm)}.tech-logo-grid{gap:2px}.tech-logo-grid a{border-radius:8px;gap:8px;padding:.25rem .45rem .25rem .35rem}.tech-logo-grid img{height:32px;padding-right:4px;width:32px}}.resume,.resume-h1,.resume-h2{border:0;color:#222831;font:inherit;font-family:Montserrat,sans-serif;font-size:100%;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}p{color:#444;font-size:1em;line-height:1.4em;margin-bottom:20px}#cv{background:#f3f3f3;margin:30px auto;max-width:800px;width:90%}.mainDetails{background:#ededed;border-bottom:2px solid #cf8a05;padding:22px 35px 18px}#name h1{font-size:2.5em;font-weight:700;margin-bottom:-6px}#name h1,#name h2{font-family:Rokkitt,Helvetica,Arial,sans-serif}#name h2{font-size:2em;margin-left:2px}#mainArea{padding:0 40px}#headshot{float:left;margin-right:30px;width:15%}#headshot img{border-radius:50px;box-shadow:3px 8px 28px -9px #222831;height:auto;width:100%}#name{float:left}#contactDetails{float:right;text-align:left}#contactDetails ul{font-size:.9em;list-style-type:none;margin-top:2px}#contactDetails ul li{color:#444;margin-bottom:3px}#contactDetails ul li a,a[href^=tel]{color:#444;text-decoration:none;transition:all .3s ease-in}#contactDetails ul li a:hover{color:#cf8a05}.section:first-child{border-top:0}.section:last-child{padding:20px 0 10px}.section{border-top:1px solid #dedede;padding:10px 0 0}.sectionTitleSkills{float:left;width:25%}.sectionContentSkills{float:right;font-size:.8em;width:72.5%}.sectionTitle h1,.sectionTitleSkills h1{color:#cf8a05;font-family:Montserrat,sans-serif;font-size:1.5em}.sectionContent h2{font-family:Rokkitt,Helvetica,Arial,sans-serif;font-size:1.5em;margin-bottom:-2px}.subDetails{font-size:.8em;font-style:italic;margin-bottom:3px}.keySkills{color:#444;column-count:3;font-size:1em;list-style-type:none;margin-bottom:20px;text-align:left}.keySkills ul li{margin-bottom:3px}.work-experience article h2{float:left;font-size:1.2em;text-align:left}.work-experience article p{float:right;text-align:right}.education article h2{float:left;font-size:1.2em;text-align:left}.education article p{float:right;text-align:right}.resume-projects a{float:left;text-align:left}.resume-projects p{float:right;text-align:left}.work-experience-title{margin-bottom:10px}.education-list,.work-experience-list{font-size:.8em;margin-left:5%;text-align:left}.work-experience-list{margin-top:4%}.work-experience-list li{margin:0 0 5px}.fa-sm{font-size:.63em}@media (min-width:602px) and (max-width:800px){#headshot{display:none}.keySkills{column-count:2}}@media (max-width:601px){#cv{margin:10px auto;min-width:280px;width:95%}#headshot{display:none}#contactDetails,#name{float:none;text-align:center;width:100%}.sectionContent,.sectionTitle{float:none;width:100%}.sectionTitle{font-size:1.25em;margin-left:-2px}.keySkills{column-count:2}}@media (max-width:480px){.mainDetails{padding:15px}section{padding:15px 0 0}#mainArea{padding:0 25px}.keySkills{column-count:1}#name h1{line-height:.8em;margin-bottom:4px}}@media print{#cv{width:100%}}@keyframes reset{0%{opacity:0}to{opacity:0}}@keyframes fade-in{0%{opacity:0}40%{opacity:0}to{opacity:1}}.instaFade{-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-duration:1.5s;-moz-animation-name:reset,fade-in;animation-name:reset,fade-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-timing-function:ease-in}.instaFade,.quickFade{-webkit-animation-name:reset,fade-in}.quickFade{-webkit-animation-duration:2.5s;-moz-animation-duration:2.5s;animation-duration:2.5s;-moz-animation-name:reset,fade-in;animation-name:reset,fade-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-timing-function:ease-in}.delayOne{animation-delay:0,.5s}.delayTwo{animation-delay:0,1s}.delayThree{animation-delay:0,1.5s}.delayFour{animation-delay:0,2s}.delayFive{animation-delay:0,2.5s}:root{--color-bg:#060910;--color-surface:#090e19cc;--color-surface-alt:#0e1524;--color-text:#f5f8ff;--color-text-muted:#c6d0e6;--color-primary:#6bcfff;--color-primary-strong:#4ba8ff;--color-secondary:#a88bfa;--color-accent:#ffd166;--color-border:#ffffff1f;--color-text-on-dark:#f5fbff;--color-text-muted-on-dark:#e9f0ffc7;--color-border-on-dark:#fff3;--color-chip-bg-on-dark:#0d1528bf;--spacing-xs:0.4rem;--spacing-sm:0.8rem;--spacing-md:1.25rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:16px;--radius-lg:32px;--shadow-soft:0 15px 45px #04081473;--shadow-strong:0 25px 65px #050a19a6;--panel-bg:#080d18f5;--panel-bg-soft:#050912d9;--panel-border:#ffffff1f;--font-base:"Inter","Helvetica Neue",Arial,sans-serif;--font-display:"Playfair Display","Times New Roman",serif;--text-xs:0.8rem;--text-sm:0.95rem;--text-base:1rem;--text-lg:1.1rem;--text-xl:1.45rem;--text-2xl:clamp(1.8rem,3vw,2.4rem);--text-3xl:clamp(2.4rem,4vw,3.4rem)}:root[data-theme=light]{--color-bg:#f5f7fb;--color-surface:#ffffffe6;--color-surface-alt:#fff;--color-text:#0c1220;--color-text-muted:#4f5d78;--color-primary:#2563eb;--color-primary-strong:#1d4ed8;--color-secondary:#8b5cf6;--color-accent:#ea580c;--color-border:#0f172a14;--color-text-on-dark:#f5fbff;--color-text-muted-on-dark:#e9f0ffc7;--color-border-on-dark:#0f172a59;--color-chip-bg-on-dark:#f6f8ff1a;--shadow-soft:0 20px 35px #0f172a1f;--shadow-strong:0 30px 55px #0f172a29;--panel-bg:#fffffff7;--panel-bg-soft:#f4f7fff0;--panel-border:#0f172a1f}#root,body,html{-webkit-font-smoothing:antialiased;background-color:#060910;background-color:var(--color-bg);background-image:radial-gradient(circle at 20% 20%,#6bcfff26,#0000 50%),radial-gradient(circle at 80% 0,#a88bfa33,#0000 45%);box-sizing:border-box;color:#f5f8ff;color:var(--color-text);font-family:Inter,Helvetica Neue,Arial,sans-serif;font-family:var(--font-base);height:100%;line-height:1.6;margin:0;overflow-x:hidden;width:100%}*,:after,:before{box-sizing:inherit}body{font-size:1rem;font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{color:#f5f8ff;color:var(--color-text);font-family:Inter,Helvetica Neue,Arial,sans-serif;font-family:var(--font-base);font-weight:600;line-height:1.2;margin:0}h1{font-family:Playfair Display,Times New Roman,serif;font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.4rem);font-size:var(--text-3xl);letter-spacing:-.01em}h2{font-size:clamp(1.8rem,3vw,2.4rem);font-size:var(--text-2xl)}h3{font-size:1.45rem;font-size:var(--text-xl)}p{font-size:1.1rem;font-size:var(--text-lg);margin:0 0 1.25rem;margin:0 0 var(--spacing-md)}.caption,p,small{color:#c6d0e6;color:var(--color-text-muted)}.caption,small{font-size:.8rem;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}a{color:#6bcfff;color:var(--color-primary);font-weight:500;text-decoration:none}a:hover{color:#4ba8ff;color:var(--color-primary-strong)}section[id]{scroll-margin-top:96px}@media (max-width:600px){section[id]{scroll-margin-top:78px}}
/*# sourceMappingURL=main.0c737735.css.map*/