.navbar{position:fixed;top:0;width:100%;background:var(--bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:0 50px;transition:all .3s ease;border-bottom:1px solid var(--border-color)}.nav-container{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:100px}.nav-logo .logo-text{font-size:24px;font-weight:700;color:var(--accent-color);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.nav-menu{display:flex;align-items:center;gap:35px}.nav-link{display:flex;align-items:center;gap:5px;color:var(--text-color);text-decoration:none;font-size:13px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;transition:color .3s ease;cursor:pointer}.nav-link:hover{color:var(--accent-color)}.nav-number{color:var(--accent-color);font-weight:400}.social-links{display:flex;align-items:center;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-color-light);transition:all .25s cubic-bezier(.645,.045,.355,1);border-radius:4px}.social-link:hover{color:var(--accent-color);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.theme-toggle{background:transparent;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.theme-toggle:hover{background:var(--accent-color-transparent)}.hamburger{display:none;flex-direction:column;cursor:pointer;z-index:1001}.hamburger span{width:25px;height:3px;background:var(--accent-color);margin:3px 0;transition:.3s;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.hero-section{min-height:100vh;display:flex;align-items:center;padding:0 150px;background:var(--bg-color)}.hero-container{display:grid;grid-template-columns:3fr 3fr;gap:100px;align-items:center}.hero-content{max-width:540px}.hero-greeting{margin:0 0 30px 4px;color:var(--accent-color);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:16px;font-weight:400}.hero-name{margin:0;font-size:clamp(40px,8vw,80px);line-height:1.1;color:var(--lightest-slate);font-weight:600}.hero-subtitle{margin:10px 0 0;font-size:clamp(40px,8vw,80px);line-height:1.1;color:var(--slate);font-weight:600}.hero-description{margin:20px 0 0;max-width:540px;color:var(--slate);font-size:20px;line-height:1.3}.hero-cta{margin-top:50px}.cta-button{color:var(--accent-color);background-color:transparent;border:1px solid var(--accent-color);border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;line-height:1;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1)}.cta-button:hover,.cta-button:focus{background-color:var(--accent-color-transparent);outline:none;transform:translate(-4px,-4px);box-shadow:4px 4px 0 0 var(--accent-color)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.floating-elements{position:relative;width:300px;height:300px}.floating-element{position:absolute;width:80px;height:80px;background:linear-gradient(45deg,var(--accent-color),var(--accent-color-transparent));border-radius:20px;animation:float 6s ease-in-out infinite}.floating-element:nth-child(1){top:20%;left:20%;animation-delay:0s}.floating-element:nth-child(2){top:60%;right:20%;animation-delay:2s}.floating-element:nth-child(3){bottom:20%;left:50%;transform:translate(-50%);animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:1080px){.hero-section{padding:0 100px}.hero-container{grid-template-columns:1fr;gap:50px;text-align:center}.hero-visual{order:-1}.floating-elements{width:200px;height:200px}.floating-element{width:60px;height:60px}}@media(max-width:768px){.navbar{padding:0 25px}.nav-container{height:70px}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--navy);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:50px 0;gap:20px}.nav-menu.active{left:0}.hamburger{display:flex}.hero-section{padding:0 25px;min-height:calc(100vh - 70px);margin-top:70px}.hero-greeting{font-size:14px}.hero-name,.hero-subtitle{font-size:clamp(28px,5vw,40px)}.hero-description{font-size:18px}}.about-section{width:100%;padding:100px 50px;grid-template-columns:3fr 3fr}.about-inner{display:grid;grid-template-columns:3fr 2fr;gap:50px;max-width:1200px;margin:0 auto}.about-text{font-size:20px}.about-text p{margin:0 0 15px;color:var(--slate)}.about-text p:last-child{margin-bottom:20px}.skills-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));gap:0px 10px;padding:0;margin:20px 0 0;overflow:hidden;list-style:none}.skills-list li{position:relative;margin-bottom:10px;padding-left:20px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;color:var(--slate)}.skills-list li:before{content:"▹";position:absolute;left:0;color:var(--accent-color);font-size:14px;line-height:12px}.about-pic{position:relative;max-width:300px;margin-left:auto}.wrapper{box-shadow:0 10px 30px -15px var(--navy-shadow);transition:all .25s cubic-bezier(.645,.045,.355,1);position:relative;border-radius:4px;background-color:var(--accent-color);overflow:hidden}.wrapper:hover,.wrapper:focus{box-shadow:0 20px 30px -15px var(--navy-shadow);transform:translateY(-5px)}.wrapper:before{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:4px;transition:all .25s cubic-bezier(.645,.045,.355,1);top:0;left:0;background-color:var(--navy);mix-blend-mode:multiply;filter:grayscale(100%) contrast(1);z-index:3}.wrapper:hover:before,.wrapper:focus:before{background:transparent}.wrapper:after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:4px;transition:all .25s cubic-bezier(.645,.045,.355,1);border:2px solid var(--accent-color);top:20px;left:20px;z-index:-1}.img{position:relative;border-radius:4px;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1);transition:all .25s cubic-bezier(.645,.045,.355,1);width:100%;max-width:100%;vertical-align:middle;z-index:2}@media(max-width:768px){.about-section{padding:60px 25px}.about-inner{grid-template-columns:1fr;gap:30px}.about-pic{margin:0 auto;max-width:250px}.skills-list{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:480px){.about-text{font-size:18px}.skills-list{grid-template-columns:1fr}.about-pic{max-width:200px}}.experience-section{width:100%;padding:100px 50px}.jobs{display:flex;gap:50px;max-width:1000px;margin:0 auto}.job-tabs{position:relative;z-index:3;width:max-content;padding:0;margin:0;list-style:none}.job-tab{text-decoration:none;text-decoration-skip-ink:auto;position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1);display:flex;align-items:center;width:100%;height:var(--tab-height, 42px);padding:0 20px 2px;border:none;border-left:2px solid var(--lightest-navy);background-color:transparent;color:var(--slate);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;text-align:left;white-space:nowrap;cursor:pointer}.job-tab:hover,.job-tab:active,.job-tab:focus{color:var(--accent-color);outline:0;background-color:var(--light-navy)}.job-tab.active{color:var(--accent-color)}.job-highlight{position:absolute;top:0;left:0;z-index:10;width:2px;height:var(--tab-height, 42px);border-radius:4px;background:var(--accent-color);transform:translateY(calc(0 * var(--tab-height, 42px)));transition:transform .25s cubic-bezier(.645,.045,.355,1);transition-delay:.1s}.job-panels{position:relative;width:100%;margin-left:20px}.job-panel{width:100%;height:auto;padding:10px 5px}.job-panel:focus{outline:none}.job-panel.active{opacity:1}.job-panel[hidden]{display:none}.job-title{margin-bottom:2px;font-size:22px;font-weight:500;line-height:1.3;color:var(--lightest-slate)}.job-title .company{color:var(--accent-color)}.job-range{margin-bottom:25px;color:var(--light-slate);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px}.job-description ul{padding:0;margin:0;list-style:none;font-size:18px}.job-description li{position:relative;padding-left:30px;margin-bottom:10px;color:var(--slate)}.job-description li:before{content:"▹";position:absolute;left:0;color:var(--accent-color);font-size:14px;line-height:18px}@media(max-width:768px){.experience-section{padding:60px 25px}.jobs{flex-direction:column;gap:20px}.job-tabs{display:flex;overflow-x:auto;width:calc(100% + 100px);padding-left:50px;margin-left:-50px;margin-bottom:30px}.job-tab{border-left:0;border-bottom:2px solid var(--lightest-navy);min-width:120px;padding:0 15px 2px}.job-highlight{top:auto;bottom:0;width:100%;max-width:var(--tab-width, 120px);height:2px;transform:translate(calc(0 * var(--tab-width, 120px)))}.job-panels{margin-left:0}}@media(max-width:480px){.job-tab{min-width:100px;padding:0 10px 2px;font-size:12px}.job-title{font-size:20px}.job-description{font-size:16px}}.projects-section{width:100%;padding:100px 50px}.featured-projects{display:flex;flex-direction:column;gap:100px;margin-bottom:150px;max-width:1200px;margin-left:auto;margin-right:auto}.project{position:relative;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);align-items:center}.project:nth-of-type(odd) .project-content{grid-column:1 / 7;text-align:left}.project:nth-of-type(2n) .project-content{grid-column:7 / -1;text-align:right}.project:nth-of-type(odd) .project-image{grid-column:6 / -1}.project:nth-of-type(2n) .project-image{grid-column:1 / 8}.project-content{position:relative;grid-column:1 / 7;grid-row:1 / -1}.project-overline{margin:10px 0;color:var(--accent-color);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;font-weight:400}.project-title{color:var(--lightest-slate);font-size:clamp(24px,5vw,28px)}.project-title a{position:static}.project-title a:before{content:"";display:block;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0}.project-description{position:relative;z-index:2;padding:25px;border-radius:4px;background-color:var(--light-navy);color:var(--light-slate);font-size:18px;box-shadow:0 10px 30px -15px var(--navy-shadow)}.project-description p{margin:0}.project-tech-list{display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:25px 0 10px;padding:0;list-style:none}.project-tech-list li{margin:0 20px 5px 0;color:var(--light-slate);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;white-space:nowrap}.project:nth-of-type(2n) .project-tech-list{justify-content:flex-end}.project:nth-of-type(2n) .project-tech-list li{margin:0 0 5px 20px}.project-links{display:flex;align-items:center;position:relative;margin-top:10px;margin-left:-10px;color:var(--lightest-slate)}.project:nth-of-type(2n) .project-links{justify-content:flex-end;margin-left:0;margin-right:-10px}.project-links a{display:flex;justify-content:center;align-items:center;padding:10px}.project-links a:hover,.project-links a:focus{color:var(--accent-color)}.project-links .icon{width:20px;height:20px}.project-image{grid-column:6 / -1;grid-row:1 / -1;position:relative;z-index:1}.project-image a{width:100%;height:100%;background-color:var(--accent-color);border-radius:4px;vertical-align:middle}.project-image a:before{content:"";position:absolute;width:100%;height:100%;inset:0;background-color:var(--navy);mix-blend-mode:multiply;transition:all .25s cubic-bezier(.645,.045,.355,1)}.project-image a:hover:before,.project-image a:focus:before{background:transparent;outline:0;cursor:pointer}.img-wrapper{position:relative;width:100%;height:100%;border-radius:4px;overflow:hidden}.img-wrapper img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%);border-radius:4px;transition:all .25s cubic-bezier(.645,.045,.355,1)}.img-wrapper:hover img,.img-wrapper:focus img{filter:none;mix-blend-mode:normal}.img-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--pink));border-radius:4px;z-index:1}.placeholder-content{text-align:center;color:var(--navy);font-weight:600;font-size:18px}.other-projects-section{margin-top:80px;max-width:1200px;margin-left:auto;margin-right:auto}.other-projects-title{font-size:32px;text-align:center;margin-bottom:10px;color:var(--lightest-slate)}.archive-link{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;color:var(--accent-color);text-align:center;display:block;margin-bottom:50px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;position:relative;margin-top:50px}.project-card{cursor:default;transition:all .25s cubic-bezier(.645,.045,.355,1)}.project-card:hover,.project-card:focus-within{transform:translateY(-7px)}.project-inner{box-shadow:0 10px 30px -15px var(--navy-shadow);display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start;position:relative;height:100%;padding:2rem 1.75rem;border-radius:4px;background-color:var(--light-navy);transition:all .25s cubic-bezier(.645,.045,.355,1)}.project-inner:hover,.project-inner:focus{box-shadow:0 20px 30px -15px var(--navy-shadow)}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.folder{color:var(--accent-color)}.folder-icon{width:40px;height:40px}.project-card .project-links{margin-right:-10px;margin-left:0}.project-card .project-links a{display:flex;justify-content:center;align-items:center;padding:5px 7px}.project-card .project-links a:hover,.project-card .project-links a:focus{color:var(--accent-color)}.project-card .project-links .icon{width:18px;height:18px}.project-card .project-title{margin:0 0 10px;color:var(--lightest-slate);font-size:22px}.project-card .project-title a{position:static}.project-card .project-title a:before{content:"";display:block;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0}.project-card .project-description{color:var(--light-slate);font-size:17px}.project-card .project-description p{margin:0}.project-card .project-tech-list{display:flex;align-items:flex-end;flex-grow:1;flex-wrap:wrap;padding:0;margin:20px 0 0;list-style:none}.project-card .project-tech-list li{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;line-height:1.75;color:var(--slate)}.project-card .project-tech-list li:not(:last-of-type){margin-right:15px}.more-button{color:var(--accent-color);background-color:transparent;border:1px solid var(--accent-color);border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;line-height:1;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1);margin:80px auto 0;display:block}.more-button:hover,.more-button:focus{background-color:var(--accent-color-transparent);outline:none;transform:translate(-4px,-4px);box-shadow:4px 4px 0 0 var(--accent-color)}@media(max-width:1080px){.project{box-shadow:0 10px 30px -15px var(--navy-shadow);transition:all .25s cubic-bezier(.645,.045,.355,1)}.project:hover,.project:focus-within{box-shadow:0 20px 30px -15px var(--navy-shadow)}.project-content{padding:40px 40px 30px;z-index:5;grid-column:1 / -1;grid-row:1 / -1}.project-image{grid-column:1 / -1;grid-row:1 / -1;opacity:.25}.project-description{background-color:transparent;padding:20px 0;box-shadow:none}.project:nth-of-type(odd) .project-content,.project:nth-of-type(2n) .project-content{text-align:left}.project:nth-of-type(2n) .project-tech-list{justify-content:flex-start}.project:nth-of-type(2n) .project-tech-list li{margin:0 20px 5px 0}.project:nth-of-type(2n) .project-links{justify-content:flex-start;margin-left:-10px;margin-right:0}}@media(max-width:768px){.projects-section{padding:60px 25px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.project-content{padding:25px}.project-tech-list li{margin:0 10px 5px 0}.other-projects-title{font-size:26px}}@media(max-width:480px){.featured-projects{gap:60px}.project{margin-bottom:30px}.project-content{padding:25px 25px 20px}.project-image{height:200px}.project-description{padding:20px 0;font-size:16px}.projects-grid{grid-template-columns:1fr}}.contact-section{width:100%;text-align:center;padding:100px 50px}.contact-section>*{max-width:600px;margin-left:auto;margin-right:auto}.contact-section .overline{display:block;margin-bottom:20px;color:var(--accent-color);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:16px;font-weight:400}.contact-section .overline:before{bottom:0;font-size:14px}.contact-section .overline:after{display:none}.title{font-size:clamp(40px,5vw,60px);color:var(--lightest-slate)}.contact-description{margin-bottom:50px;color:var(--slate);font-size:20px;max-width:540px;margin-left:auto;margin-right:auto}.email-link{color:var(--accent-color);background-color:transparent;border:1px solid var(--accent-color);border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;line-height:1;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1);margin-top:50px;display:inline-block}.email-link:hover,.email-link:focus{background-color:var(--accent-color-transparent);outline:none;transform:translate(-4px,-4px);box-shadow:4px 4px 0 0 var(--accent-color)}@media(max-width:768px){.contact-section{padding:60px 25px}.title{font-size:clamp(30px,5vw,40px)}.contact-description{font-size:18px;margin-bottom:40px}}.education-section{width:100%;padding:100px 50px;grid-template-columns:3fr 3fr}.education-content{margin-top:3rem}.education-list{display:flex;flex-direction:column;gap:2rem}.education-item{padding:2rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color-alt);transition:all .3s ease;position:relative}.education-item:hover{transform:translateY(-4px);box-shadow:0 10px 30px #64ffda1a;border-color:var(--accent-color)}.education-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.education-main{flex:1}.institution-name{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem;font-family:var(--font-mono)}.degree-title{font-size:1.1rem;color:var(--accent-color);margin:0;font-weight:500}.education-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;text-align:right}.duration{font-family:var(--font-mono);font-size:.9rem;color:var(--text-color-light);font-weight:500}.gpa{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-color);font-weight:600;padding:.25rem .75rem;background:#64ffda1a;border-radius:4px;border:1px solid var(--accent-color)}@media(max-width:768px){.education-header{flex-direction:column;align-items:flex-start}.education-meta{align-items:flex-start;text-align:left;margin-top:1rem}.institution-name{font-size:1.3rem}.degree-title{font-size:1rem}}@media(max-width:480px){.education-item{padding:1.5rem}.institution-name{font-size:1.2rem}}:root{--navy: #0a192f;--light-navy: #112240;--lightest-navy: #233554;--navy-shadow: rgba(2, 12, 27, .7);--dark-slate: #495670;--slate: #8892b0;--light-slate: #a8b2d1;--lightest-slate: #ccd6f6;--white: #e6f1ff;--green: #64ffda;--green-tint: rgba(100, 255, 218, .1);--pink: #f57dff;--blue: #57cbff;--bg-color: #ffffff;--bg-secondary: #f8f9fa;--text-color: #2d3748;--text-secondary: #4a5568;--accent-color: #64ffda;--accent-color-transparent: rgba(100, 255, 218, .1);--border-color: rgba(0, 0, 0, .1);--shadow: rgba(0, 0, 0, .1);--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .95)}.dark{--bg-color: #0a192f;--bg-secondary: #112240;--text-color: #ccd6f6;--text-secondary: #8892b0;--accent-color: #64ffda;--accent-color-transparent: rgba(100, 255, 218, .1);--border-color: rgba(204, 214, 246, .1);--shadow: rgba(2, 12, 27, .7);--card-bg: #112240;--nav-bg: rgba(10, 25, 47, .95);--navy: #0a192f;--light-navy: #112240;--lightest-navy: #233554;--dark-slate: #495670;--slate: #8892b0;--light-slate: #a8b2d1;--lightest-slate: #ccd6f6}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}body{margin:0;width:100%;min-height:100%;overflow-x:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--bg-color);color:var(--text-color);font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-size:20px;line-height:1.3;transition:background-color .3s ease,color .3s ease}.App{min-height:100vh}main{counter-reset:section}h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-weight:600;color:var(--lightest-slate);line-height:1.1}section{margin:0 auto;padding:100px 50px;width:100%}.section{margin:0 auto;padding:100px 50px;width:100%}.numbered-heading{display:flex;align-items:center;position:relative;margin:10px 0 40px;width:100%;font-size:clamp(26px,5vw,32px);white-space:nowrap}.numbered-heading:before{position:relative;bottom:4px;counter-increment:section;content:"0" counter(section) ".";margin-right:10px;color:var(--accent-color);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:clamp(16px,3vw,20px);font-weight:400}.numbered-heading:after{content:"";display:block;position:relative;top:-5px;width:300px;height:1px;margin-left:20px;background-color:var(--lightest-navy)}a{display:inline-block;text-decoration:none;text-decoration-skip-ink:auto;color:inherit;position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1)}a:hover,a:focus{color:var(--accent-color)}a.inline-link{color:var(--accent-color)}a.inline-link:after{content:"";display:block;width:0;height:1px;position:relative;bottom:.37em;background-color:var(--accent-color);transition:width .25s cubic-bezier(.645,.045,.355,1),opacity .25s cubic-bezier(.645,.045,.355,1);opacity:.5}a.inline-link:hover:after,a.inline-link:focus:after{width:100%;opacity:1}.btn{color:var(--accent-color);background-color:transparent;border:1px solid var(--accent-color);border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;line-height:1;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1);display:inline-block}.btn:hover,.btn:focus,.btn:active{background-color:var(--accent-color-transparent);outline:none;transform:translate(-4px,-4px);box-shadow:4px 4px 0 0 var(--accent-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.container{width:100%;padding:0 50px}.container-content{max-width:1200px;margin:0 auto}.text-center{text-align:center}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}@media(max-width:1080px){.container{padding:0 100px}}@media(max-width:768px){body{font-size:18px}.container{padding:0 25px}section{padding:60px 25px}.numbered-heading:after{width:200px}}@media(max-width:480px){body{font-size:16px}.container{padding:0 25px}.numbered-heading:after{margin-left:10px;width:100px}}.skills-section{width:100%;padding:100px 50px}.skills-content{display:flex;flex-direction:column;gap:60px;max-width:1200px;margin:0 auto}.skills-description{text-align:center;max-width:600px;margin:0 auto}.skills-description p{color:var(--slate);font-size:20px;line-height:1.3}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;margin-bottom:60px}.skill-category{background:var(--light-navy);padding:30px;border-radius:8px;box-shadow:0 10px 30px -15px var(--navy-shadow);transition:all .25s cubic-bezier(.645,.045,.355,1)}.skill-category:hover{transform:translateY(-5px);box-shadow:0 20px 30px -15px var(--navy-shadow)}.category-title{color:var(--lightest-slate);font-size:22px;font-weight:600;margin-bottom:20px;text-align:center;position:relative}.category-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--accent-color);border-radius:2px}.skills-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.skill-item{position:relative;padding-left:20px;color:var(--slate);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;line-height:1.5}.skill-item:before{content:"▹";position:absolute;left:0;color:var(--accent-color);font-size:14px;line-height:1.5}.skills-cloud{text-align:center;background:var(--bg-secondary);padding:40px;border-radius:8px;border:1px solid var(--border-color)}.cloud-title{color:var(--lightest-slate);font-size:24px;font-weight:600;margin-bottom:30px;position:relative}.cloud-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--accent-color);border-radius:2px}.skill-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:800px;margin:0 auto}.skill-tag{padding:8px 16px;background:transparent;border:1px solid var(--accent-color);border-radius:20px;color:var(--accent-color);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;font-weight:500;transition:all .25s cubic-bezier(.645,.045,.355,1);cursor:default;white-space:nowrap}.skill-tag:hover{background:var(--accent-color-transparent);transform:translateY(-2px);box-shadow:0 4px 8px #64ffda4d}@media(max-width:768px){.skills-section{padding:60px 25px}.skills-content{gap:40px}.skills-description p{font-size:18px}.skills-grid{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.skill-category{padding:25px}.skills-list{grid-template-columns:1fr}.skills-cloud{padding:30px 20px}.skill-tags{gap:8px}.skill-tag{font-size:11px;padding:6px 12px}}@media(max-width:480px){.skills-description p{font-size:16px}.category-title{font-size:20px}.cloud-title{font-size:22px}.skill-item{font-size:13px}}