header{background:var(--primary);border-bottom:4px solid var(--secondary);color:#fff;padding:clamp(2rem,5vw,3rem) 1rem;position:relative;text-align:center}header::before{background:repeating-linear-gradient(45deg,var(--secondary),var(--secondary) 10px,var(--accent) 10px,var(--accent) 20px);content:"";inset:0;opacity:.1;pointer-events:none;position:absolute}header h1{font:700 clamp(2rem, 6vw, 3.5rem) "Space Grotesk",Arial,sans-serif;letter-spacing:1px;position:relative;text-transform:uppercase;z-index:1}header h1 i{margin-right:.5rem}header p{font-size:1.2rem;font-weight:600;margin-bottom:2rem}.hero{background:var(--primary);border-radius:10px;color:#fff;margin:0 auto;position:relative;text-align:center;width:fit-content}.hero::before{background:repeating-linear-gradient(45deg,var(--secondary),var(--secondary) 10px,var(--accent) 10px,var(--accent) 20px);content:"";inset:0;opacity:.1;position:absolute}.hero h1{cursor:default;font:700 clamp(2.5rem, 8vw, 4.5rem) "Space Grotesk",Arial,sans-serif;margin-bottom:1rem;position:relative;z-index:1}.hero-tagline{cursor:default;font-size:clamp(1.2rem, 4vw, 1.8rem);margin-bottom:2rem;position:relative;z-index:1}.hero div{border:none}.hero-image{display:flex;justify-content:center;margin:0 auto;max-width:600px;width:100%}.cta-button{align-items:center;background:var(--secondary);border:2px solid var(--accent);border-radius:6px;color:var(--accent);display:inline-flex;flex-direction:column;font:1.2rem "Space Grotesk",Arial,sans-serif;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:background-color .3s ease-out,transform .2s ease-out}.cta-button i{margin-right:.5rem}.cta-button:focus,.cta-button:hover{background:#ffb300;transform:scale(1.05)}.about-summary{background:var(--card-bg);border-bottom:4px solid var(--secondary);border-top:4px solid var(--secondary);padding:3rem 1rem;text-align:center}.about-summary h2{font-family:"Space Grotesk",Arial,sans-serif;font-size:2rem;margin-bottom:1.5rem}.about-summary h2 i{margin-right:.5rem}.about-summary p{font-size:1.1rem;margin:0 auto 1.5rem;max-width:600px}.about-me{padding:3rem 1rem;margin:0 auto;max-width:1440px;text-align:center;content-visibility:auto;contain-intrinsic-size:auto 500px}.about-me h2{font:2rem "Space Grotesk",Arial,sans-serif;margin-bottom:2rem}.about-me h2 i{margin-right:.5rem}.about-me h3{font:1.5rem "Space Grotesk",Arial,sans-serif;margin:2rem 0 1rem}.about-me h3 i{margin-right:.5rem}.about-content{margin:0 auto 2rem;max-width:800px}.about-content p{font-size:1.1rem;margin-bottom:1rem;text-align:left}.skills-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style:none;margin:0 auto 2rem;max-width:800px}.skills-list li{background:var(--primary);border:1px solid var(--secondary);border-radius:4px;color:#fff;font-weight:600;padding:.5rem 1rem}.skills-list li i{margin-right:.5rem}.skills-list a{color:#fff;text-decoration:none;transition:color .3s ease-out}.experience-timeline{margin:0 auto;max-width:800px;text-align:left}.experience-item{margin-bottom:2rem;padding-left:1.5rem;position:relative}.experience-item i.timeline-icon{color:var(--secondary);left:0;position:absolute;top:0}.experience-item h4{font:1.2rem "Space Grotesk",Arial,sans-serif;margin-bottom:.5rem}.experience-item span{color:var(--text-light);font-size:.95rem}.experience-item p{font-size:1rem}@media (max-width:768px){.about-me{padding:2rem 1rem}.about-me h2{font-size:1.8rem}.about-me h3{font-size:1.4rem}.skills-list{align-items:center;flex-direction:column}.experience-item{padding-left:2rem}}@media (max-width:480px){.hero{padding:3rem 1rem}.hero h1{font-size:2rem}.hero-tagline{font-size:1rem}.cta-button{font-size:1rem;padding:.8rem 1.5rem}.about-me h2{font-size:1.5rem}.about-me h3{font-size:1.2rem}.about-content p{font-size:1rem}}@media print{.cta-button{display:none!important}.experience-item{break-inside:avoid;page-break-inside:avoid}.skills-list li{background:#f5f5f5;border:1px solid #ccc;color:#000}}@media (forced-colors:active){.cta-button{border:2px solid currentColor}}