@charset "UTF-8";:root{--color1: #2d2d29;--color2: #215a6d;--color3: #3ca2a2;--color4: #92c7a3;--color5: #dfece6;--bg-primary: var(--color5);--bg-secondary: #ffffff;--text-primary: var(--color1);--text-secondary: var(--color2);--text-muted: #6c757d;--border-color: rgba(45, 45, 41, .1);--shadow: rgba(45, 45, 41, .1);--accent: var(--color3);--accent-hover: var(--color2)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: var(--color1);--bg-secondary: #1a1a17;--text-primary: var(--color5);--text-secondary: var(--color4);--text-muted: #adb5bd;--border-color: rgba(223, 236, 230, .1);--shadow: rgba(0, 0, 0, .3);--accent: var(--color3);--accent-hover: var(--color4)}}[data-theme=dark]{--bg-primary: var(--color1);--bg-secondary: #1a1a17;--text-primary: var(--color5);--text-secondary: var(--color4);--text-muted: #adb5bd;--border-color: rgba(223, 236, 230, .1);--shadow: rgba(0, 0, 0, .3);--accent: var(--color3);--accent-hover: var(--color4)}[data-theme=light]{--bg-primary: var(--color5);--bg-secondary: #ffffff;--text-primary: var(--color1);--text-secondary: var(--color2);--text-muted: #6c757d;--border-color: rgba(45, 45, 41, .1);--shadow: rgba(45, 45, 41, .1);--accent: var(--color3);--accent-hover: var(--color2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:1rem}h1{font-size:3.5rem;font-weight:700}h2{font-size:2.5rem;font-weight:600}h3{font-size:1.75rem}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(60,162,162,.2)}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:fixed;top:-100px;left:1rem;z-index:9999;padding:.75rem 1.5rem;background:var(--accent);color:#fff;font-weight:600;border-radius:0 0 5px 5px;transition:top .2s ease}.skip-link:focus-visible{top:0;outline:2px solid white;outline-offset:2px}#hero,#about,#skills,#experience,#portfolio,#contact{scroll-margin-top:5rem}.section{padding:5rem 0;position:relative}.section-title{text-align:center;margin-bottom:3rem;position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,var(--color3),var(--color4));margin:1rem auto;border-radius:2px}.container-custom{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn-primary-custom,.btn-outline-custom{touch-action:manipulation;-webkit-tap-highlight-color:rgba(60,162,162,.2)}.btn-primary-custom:focus-visible,.btn-outline-custom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary-custom{background:linear-gradient(135deg,var(--color3),var(--color2));color:#fff;border:none;padding:.75rem 2rem;border-radius:50px;font-weight:500;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease;box-shadow:0 4px 15px var(--shadow)}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow);color:#fff}.btn-outline-custom{background:transparent;color:var(--accent);border:2px solid var(--accent);padding:.75rem 2rem;border-radius:50px;font-weight:500;transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease}.btn-outline-custom:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in{animation:fadeIn .6s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}.section{padding:3rem 0}.container-custom{padding:0 1rem}}@media (max-width: 576px){h1{font-size:2rem}h2{font-size:1.75rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color2)}