:root{--color-navy: #0a192f;--color-light-navy: #112240;--color-lightest-navy: #233554;--color-slate: #8892b0;--color-light-slate: #a8b2d1;--color-lightest-slate: #ccd6f6;--color-green: #59ddbe;--color-white: #e6f1ff}body{background-color:var(--color-navy);color:var(--color-light-slate);font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;line-height:1.5}.text-navy{color:var(--color-navy)}.text-light-navy{color:var(--color-light-navy)}.text-lightest-navy{color:var(--color-lightest-navy)}.text-slate{color:var(--color-slate)}.text-light-slate{color:var(--color-light-slate)}.text-lightest-slate{color:var(--color-lightest-slate)}.text-green{color:var(--color-green)}.text-white{color:var(--color-white)}.bg-navy{background-color:var(--color-navy)}.bg-light-navy{background-color:var(--color-light-navy)}.bg-lightest-navy{background-color:var(--color-lightest-navy)}.bg-green{background-color:var(--color-green)}a{color:var(--color-green);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-white)}.nav-link{display:flex;align-items:center;padding:.75rem 0}hr{border-color:var(--color-slate)}.nav-indicator{width:2rem;height:1px;background-color:var(--color-slate);margin-right:1rem;transition:all .3s ease}.nav-text{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-slate);transition:color .3s ease}.nav-link:hover .nav-indicator{width:4rem;background-color:var(--color-green)}.nav-link:hover .nav-text{color:var(--color-green)}.experience-item{position:relative;margin-bottom:3rem}.experience-item:hover{opacity:1!important}.tech-tag{display:inline-flex;align-items:center;border-radius:9999px;background-color:#64ffda1a;padding:.25rem .75rem;font-size:.75rem;color:var(--color-green)}.project-image{border-radius:.25rem;border:1px solid rgba(100,255,218,.1);transition:border-color .3s ease}.project-item:hover .project-image{border-color:#64ffda4d}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-navy)}::-webkit-scrollbar-thumb{background-color:var(--color-lightest-navy);border:3px solid var(--color-navy);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-light-slate)}h1,h2,h3,h4{color:var(--color-white);font-weight:600;line-height:1.1}p{margin-bottom:1rem;color:var(--color-light-slate)}.section-header{position:sticky;top:0;z-index:10;padding:1.25rem 0;background-color:#0a192fbf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}body,html{color:var(--color-light-slate)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a192f}::-webkit-scrollbar-thumb{background:#112240;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64ffda}.nav__link:hover .nav__text{color:#64ffda!important;transition:all .3s ease}@tailwind base;@tailwind components;@tailwind utilities;