@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--clr-primary: #FFD34E;--clr-secondary: #EE457E;--clr-accent: #FF6B35;--clr-bg: #F4E8D1;--clr-bg-alt: #EDD9B5;--clr-surface: #FAF3E4;--clr-surface-2: #EAD9B4;--clr-border: #A98A57;--clr-text: #2A1F0E;--clr-text-2: #5A4526;--clr-text-3: #9C7D50;--clr-nav-bg: rgba(244, 232, 209, .88);--shadow-sm: 2px 3px 0px #A98A57;--shadow-md: 4px 6px 0px #A98A57;--shadow-lg: 6px 8px 0px #A98A57;--glow-hero: radial-gradient(ellipse 70% 50% at 60% 40%, rgba(255,211,78,.22) 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 20% 80%, rgba(238,69,126,.12) 0%, transparent 60%);--font-display: "Space Mono", monospace;--font-body: "DM Sans", sans-serif;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-pill: 9999px;--ease-retro: cubic-bezier(.34, 1.56, .64, 1);--transition: .22s var(--ease-retro)}html.dark{--clr-bg: #0F0A1E;--clr-bg-alt: #1A1030;--clr-surface: #1E1535;--clr-surface-2: #261C40;--clr-border: #4A3570;--clr-text: #F0E6D3;--clr-text-2: #C4A882;--clr-text-3: #8A6F9A;--clr-nav-bg: rgba(15, 10, 30, .9);--shadow-sm: 2px 3px 0px rgba(238,69,126,.4);--shadow-md: 4px 6px 0px rgba(238,69,126,.35);--shadow-lg: 6px 8px 0px rgba(238,69,126,.3);--glow-hero: radial-gradient(ellipse 60% 55% at 65% 35%, rgba(238,69,126,.25) 0%, transparent 65%), radial-gradient(ellipse 55% 45% at 20% 70%, rgba(255,107,53,.18) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 80% 80%, rgba(255,211,78,.12) 0%, transparent 50%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--clr-bg);color:var(--clr-text);transition:background-color .35s ease,color .35s ease;min-height:100vh;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(0,0,0,.04) 39px,rgba(0,0,0,.04) 40px)}html.dark body{background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(74,53,112,.3) 0%,transparent 60%)}p{color:var(--clr-text-2);line-height:1.7}a{color:var(--clr-text);text-decoration:none;transition:var(--transition)}a:hover{color:var(--clr-secondary);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--clr-secondary)}a:focus-visible{outline:2px solid var(--clr-primary);outline-offset:3px;border-radius:3px}h1,h2,h3{font-family:var(--font-display);color:var(--clr-text);line-height:1.2}nav,.nav-links{display:flex}nav{justify-content:space-around;align-items:center;height:17vh;background:var(--clr-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--clr-border);position:sticky;top:0;z-index:100;transition:background .35s ease,border-color .35s ease}.logo{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--clr-text);letter-spacing:-.02em;cursor:default;position:relative}.logo:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:var(--clr-primary)}html.dark .logo:after{background:var(--clr-secondary);box-shadow:0 0 8px var(--clr-secondary)}.nav-links{gap:2rem;list-style:none;font-size:1rem;font-weight:600;font-family:var(--font-display)}.nav-links a{color:var(--clr-text);text-decoration:none;padding:.3rem .6rem;border-radius:var(--radius-sm);transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:.6rem;right:.6rem;height:2px;background:var(--clr-primary);transform:scaleX(0);transition:transform .22s var(--ease-retro)}.nav-links a:hover{color:var(--clr-secondary);text-decoration:none;background:#ffd34e1f}.nav-links a:hover:after{transform:scaleX(1)}html.dark .nav-links a:hover{color:var(--clr-primary);background:#ffd34e14}#hamburger-nav{display:none;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--clr-nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--clr-border);position:sticky;top:0;z-index:100;height:auto}.hamburger-menu{position:relative;display:flex;align-items:center;gap:1rem}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;height:22px;width:28px;cursor:pointer}.hamburger-icon span{width:100%;height:2.5px;background-color:var(--clr-text);border-radius:2px;transition:all .3s ease-in-out}.menu-links{position:absolute;top:calc(100% + .5rem);right:0;background:var(--clr-surface);border:2px solid transparent;border-radius:var(--radius-md);box-shadow:none;width:fit-content;min-width:180px;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,box-shadow .3s ease,border-color .3s ease}.menu-links a{display:block;padding:.75rem 1.5rem;text-align:center;font-family:var(--font-display);font-size:1rem;color:var(--clr-text);text-decoration:none;transition:var(--transition);border-bottom:1px solid var(--clr-border)}.menu-links a:last-of-type{border-bottom:none}.menu-links a:hover{background:var(--clr-primary);color:var(--clr-text);text-decoration:none}.menu-links li{list-style:none}.menu-links.open{max-height:300px;border-color:var(--clr-border);box-shadow:var(--shadow-md)}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px);background:var(--clr-secondary)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px);background:var(--clr-secondary)}.dark-mode-toggle{background:var(--clr-surface);border:2px solid var(--clr-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-pill);width:2.4rem;height:2.4rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;position:relative}.dark-mode-toggle:hover{background:var(--clr-primary);border-color:var(--clr-primary);transform:scale(1.1) rotate(-15deg);box-shadow:var(--shadow-md)}.dark-mode-toggle:focus-visible{outline:2px solid var(--clr-secondary);outline-offset:3px}.dark-mode-toggle .toggle-icon{width:1.1rem;height:1.1rem;position:absolute;transition:opacity .22s ease}.icon-light-mode{opacity:1}.icon-dark-mode,html.dark .icon-light-mode{opacity:0}html.dark .icon-dark-mode{opacity:1}section{padding:4rem 0;margin:0 10rem;box-sizing:border-box;min-height:fit-content}.section-container{display:flex;gap:4rem}.section__text__p1{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--clr-secondary);margin-bottom:.4rem;text-align:center}html.dark .section__text__p1{color:var(--clr-primary);text-shadow:0 0 12px rgba(255,211,78,.5)}.title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--clr-text);text-align:center;margin-bottom:1rem;position:relative;display:block}.title:after{content:"";display:block;width:60%;height:4px;background:linear-gradient(90deg,var(--clr-primary),var(--clr-secondary));margin:.4rem auto 0;border-radius:var(--radius-pill)}html.dark .title{text-shadow:0 0 30px rgba(238,69,126,.25)}#profile{display:flex;justify-content:center;gap:4rem;height:80vh;align-items:center;position:relative;overflow:hidden}#profile:before{content:"";position:absolute;inset:0;background:var(--glow-hero);pointer-events:none;z-index:0}#profile>*{position:relative;z-index:1}.section__pic-container{height:380px;width:380px;margin:auto 0;border-radius:50%;overflow:hidden;border:3px solid var(--clr-border);box-shadow:var(--shadow-lg),0 0 0 6px var(--clr-surface);transition:box-shadow .35s ease}html.dark .section__pic-container{border-color:var(--clr-border);box-shadow:var(--shadow-lg),0 0 8px #ee457e1a}.section__pic-container img{width:100%;height:100%;object-fit:cover}.section__text{align-self:center;text-align:center}.section__text__p2{font-size:1.1rem;font-weight:500;color:var(--clr-text-2);margin-bottom:1rem}.status-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.25rem}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--clr-surface);border:2px solid var(--clr-border);border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;color:var(--clr-text);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:default}.status-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--clr-primary)}html.dark .status-pill{background:var(--clr-surface-2);border-color:var(--clr-border);color:var(--clr-text)}html.dark .status-pill:hover{border-color:var(--clr-primary);box-shadow:var(--shadow-md)}.badge-dot{width:8px;height:8px;border-radius:50%;background:#3fb950;box-shadow:0 0 0 3px #3fb95033;flex-shrink:0;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #3fb95033}50%{box-shadow:0 0 0 6px #3fb95014}}.status-label{font-weight:700;color:var(--clr-secondary)}#socials-container{display:flex;justify-content:center;margin-top:1rem;gap:1rem}#socials-container a{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:var(--radius-pill);background:var(--clr-surface);border:2px solid var(--clr-border);box-shadow:var(--shadow-sm);transition:var(--transition)}#socials-container a:hover{background:var(--clr-primary);border-color:var(--clr-primary);transform:translateY(-3px) rotate(5deg);box-shadow:var(--shadow-md);text-decoration:none}html.dark #socials-container a:hover{background:var(--clr-secondary);border-color:var(--clr-secondary);box-shadow:var(--shadow-md)}.icon{cursor:pointer;height:2rem}html.dark .icon,html.dark img[src*="linkedin.png"],html.dark img[src*="github.png"],html.dark img[src*="email.png"],html.dark img[src*="arrow.png"],html.dark img[src*="experience.png"],html.dark img[src*="education.png"],html.dark img[src*="checkmark.png"],html.dark img[src*="dmode_black.png"]{filter:invert(1)}.btn-container{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.05em;transition:var(--transition);padding:.8rem 1.4rem;width:9rem;border-radius:var(--radius-pill);cursor:pointer;text-align:center;position:relative;overflow:hidden}.btn-color-1{background:var(--clr-text);color:var(--clr-bg);border:2px solid var(--clr-text);box-shadow:var(--shadow-sm)}.btn-color-1:hover{background:var(--clr-secondary);border-color:var(--clr-secondary);color:#fff;transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}html.dark .btn-color-1{background:var(--clr-primary);color:#1a1030;border-color:var(--clr-primary);box-shadow:var(--shadow-sm)}html.dark .btn-color-1:hover{background:var(--clr-secondary);border-color:var(--clr-secondary);color:#fff;box-shadow:var(--shadow-md)}.btn-color-2{background:transparent;color:var(--clr-text);border:2px solid var(--clr-border);box-shadow:var(--shadow-sm)}.btn-color-2:hover{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}html.dark .btn-color-2{border-color:var(--clr-border);color:var(--clr-text)}html.dark .btn-color-2:hover{background:#ffd34e1f;border-color:var(--clr-primary);color:var(--clr-primary)}.btn:focus-visible{outline:2px solid var(--clr-secondary);outline-offset:3px}.details-container{padding:1.5rem;flex:1;background:var(--clr-surface);border-radius:var(--radius-lg);border:2px solid var(--clr-border);box-shadow:var(--shadow-md);text-align:center;transition:transform .22s var(--ease-retro),box-shadow .22s ease}.details-container:hover{transform:translate(-2px,-3px);box-shadow:var(--shadow-lg);border-color:var(--clr-primary)}html.dark .details-container{background:var(--clr-surface);border-color:var(--clr-border)}html.dark .details-container:hover{box-shadow:var(--shadow-lg);border-color:var(--clr-primary)}.about-containers{gap:2rem;margin-bottom:1.25rem;margin-top:1.25rem}.about-details-container{justify-content:center;flex-direction:column}.about-containers,.about-details-container{display:flex}.about-pic{border-radius:var(--radius-lg)}.text-container{text-align:left}.text-container p{color:var(--clr-text-2);line-height:1.8;font-size:.95rem}#experience{padding-top:2.5rem;padding-bottom:2.5rem}.skills-subtitle{text-align:center;font-size:.88rem;color:var(--clr-text-3);margin-top:.2rem;margin-bottom:1.25rem;font-weight:500}.skills-grid{gap:1rem!important;margin-top:0!important;margin-bottom:0!important}.skills-card{padding:1.25rem 1.5rem!important;border-radius:var(--radius-md)!important;border-width:2px!important}.experience-sub-title{font-family:var(--font-display);color:var(--clr-text-2);font-weight:700;font-size:.95rem;margin-bottom:.85rem;text-transform:uppercase;letter-spacing:.08em}html.dark .experience-sub-title{color:var(--clr-primary)}.experience-details-container{display:flex;justify-content:center;flex-direction:column}#experience .article-container{display:grid;grid-template-columns:repeat(3,minmax(0,10rem));gap:.6rem 1.5rem;justify-content:center;max-width:36rem;margin:0 auto}#experience article{display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;gap:.35rem}.skill-icon{height:1rem!important;width:1rem!important;margin-top:.2rem;flex-shrink:0;opacity:.5;cursor:default}.skill-name{font-size:.85rem;font-weight:700;margin:0;line-height:1.3;color:var(--clr-text)}.skill-level{font-size:.68rem;font-weight:500;color:var(--clr-text-3);margin:0;line-height:1.3}.color-container{border-color:var(--clr-border);background:var(--clr-surface-2);position:relative;overflow:hidden}.color-container:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 2.5rem 2.5rem 0;border-color:transparent var(--clr-primary) transparent transparent;transition:border-color .22s ease}html.dark .color-container:before{border-color:transparent var(--clr-secondary) transparent transparent}.project-img{border-radius:var(--radius-lg);width:90%;height:90%}.project-title{font-family:var(--font-display);margin:1rem;color:var(--clr-text);font-size:1rem}.project-description{text-align:center;font-size:.83rem;color:var(--clr-text-2);margin-bottom:.75rem;padding:0 .5rem;line-height:1.6}.project-btn{font-family:var(--font-display);color:var(--clr-text);border-color:var(--clr-border);font-size:.75rem;padding:.5rem 1rem;border-radius:var(--radius-pill);border:2px solid;cursor:pointer;transition:var(--transition);background:transparent}.project-btn:hover{background:var(--clr-primary);border-color:var(--clr-primary);transform:translate(-1px,-2px);box-shadow:var(--shadow-sm)}#contact{display:flex;justify-content:center;flex-direction:column;padding:4rem 0}.contact-info-upper-container{display:flex;justify-content:center;border-radius:var(--radius-lg);border:2px solid var(--clr-border);background:var(--clr-surface);box-shadow:var(--shadow-md);margin:2rem auto;padding:1rem 2rem;gap:1rem;transition:box-shadow .22s ease}.contact-info-upper-container:hover,html.dark .contact-info-upper-container:hover{box-shadow:var(--shadow-lg)}.contact-info-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem}.contact-info-container p{font-size:1rem}.contact-icon{cursor:default}.email-icon{height:2.5rem}.chip{display:inline-flex;align-items:center;padding:.3rem .85rem;font-size:.75rem;font-weight:600;font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--clr-surface);border:2px solid var(--clr-border);color:var(--clr-text-2);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.chip:hover{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.chip:focus-visible{outline:2px solid var(--clr-secondary);outline-offset:3px}footer{height:26vh;margin:0 1rem;border-top:2px solid var(--clr-border);background:var(--clr-bg-alt);display:flex;flex-direction:column;justify-content:center;align-items:center}footer nav{height:fit-content;position:static;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:1rem}footer p{text-align:center;font-size:.8rem;color:var(--clr-text-3);font-family:var(--font-display)}.work-experience-containers{flex-direction:column;gap:1.5rem}.work-card{text-align:left;padding:1.75rem 2rem}.work-card-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.3rem}.work-title{font-family:var(--font-display);font-size:1.1rem;margin-bottom:0;color:var(--clr-text)}.work-date{font-size:.85rem;color:var(--clr-text-3);white-space:nowrap;font-family:var(--font-display)}.work-company{font-size:.95rem;font-weight:700;color:var(--clr-secondary);margin-bottom:.85rem}html.dark .work-company{color:var(--clr-primary)}.work-duties{padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.work-duties li{color:var(--clr-text-2);font-size:.92rem;line-height:1.6}section+section{position:relative}section+section:before{content:"✦";position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);font-size:1.2rem;color:var(--clr-primary);background:var(--clr-bg);padding:0 .5rem;z-index:1}html.dark section+section:before{color:var(--clr-secondary);background:var(--clr-bg);text-shadow:0 0 10px var(--clr-secondary)}@media screen and (max-width:1400px){#profile{height:83vh;margin-bottom:2rem}.about-containers{flex-wrap:wrap}#contact,#projects{height:fit-content}}@media screen and (max-width:1200px){#desktop-nav{display:none}#hamburger-nav{display:flex}#experience,.experience-details-container{margin-top:2rem}#experience .article-container{grid-template-columns:repeat(2,minmax(0,10rem));max-width:24rem}#profile,.section-container{display:block}section,.section-container{height:fit-content}section{margin:0 5%;padding:2.5rem 0}.section__pic-container{width:275px;height:275px;margin:0 auto 2rem}.about-containers{margin-top:0}section+section:before{display:none}}@media screen and (max-width:600px){#contact,footer{height:fit-content;padding:2rem 0}#profile{height:fit-content;padding:3rem 0;margin-bottom:0}#experience .article-container{grid-template-columns:repeat(1,minmax(0,10rem));max-width:12rem}article{font-size:1rem}footer nav{height:fit-content;margin-bottom:1rem}.about-containers,.contact-info-upper-container,.btn-container{flex-wrap:wrap}.about-containers{flex-direction:column}.about-containers .details-container{width:100%}.contact-info-container{margin:0}.contact-info-container p,.nav-links li a,.experience-sub-title{font-size:1rem}.logo{font-size:1.3rem}.nav-links{flex-direction:column;gap:.5rem;text-align:center}.section__pic-container{width:auto;height:46vw;justify-content:center}.section__text__p2{font-size:1rem}.title{font-size:2rem}.text-container{text-align:justify}#hamburger-nav{padding:.75rem 1rem}.hamburger-menu{gap:.5rem}.hamburger-menu .dark-mode-toggle{margin-right:0!important}}@media(min-width:1024px){.text-container p,.project-description,.contact-info-container p{font-size:1.05rem}.btn{font-size:.95rem;padding:.95rem 1.8rem}.nav-links{font-size:1rem}}