:root{--bg-primary:#fdfcfb;--bg-secondary:#f5f2ed;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--accent:#c5a368;--border-color:#e5e1da;--card-shadow:0 4px 20px #0000000d;--card-hover:0 10px 30px #00000014;color:var(--text-primary);background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6}body{background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(#e5e1da .5px,#0000 .5px);background-size:20px 20px;min-height:100vh;margin:0}#root{max-width:1200px;margin:0 auto;padding:4rem 2rem}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;margin-top:0;font-family:Playfair Display,serif;font-weight:700}a{color:var(--accent);text-decoration:none;transition:all .3s}a:hover{opacity:.8}.card{border:1px solid var(--border-color);box-shadow:var(--card-shadow);background:#fff;border-radius:4px;padding:2.5rem;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:var(--card-hover);transform:translateY(-4px)}.section-divider{background:var(--border-color);height:1px;margin:4rem 0}.btn{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid var(--accent);color:var(--accent);background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:.8rem 2rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex}.btn:hover,.btn-primary{background:var(--accent);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@media (width<=992px){.hero-section{text-align:center;flex-direction:column-reverse;gap:3rem}.profile-image-container{flex:0 0 300px;height:350px}.about-card{margin:0 auto}.social-links{justify-content:center}}@media (width<=768px){#root{padding:2rem 1.5rem}.card{padding:1.5rem}}.app-container{flex-direction:column;gap:6rem;display:flex}.section-header{text-align:center;margin-bottom:3rem}.section-title{text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:2rem;display:inline-block;position:relative}.section-title:after{content:"";background:var(--accent);width:40px;height:2px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.hero-section{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:4rem;min-height:60vh;padding:4rem 0;display:flex}.hero-content{flex:1}.profile-image-container{flex:0 0 350px;height:450px;position:relative}.profile-image-container:before{content:"";border:2px solid var(--accent);z-index:0;position:absolute;inset:20px -20px -20px 20px}.profile-image{object-fit:cover;z-index:1;width:100%;height:100%;box-shadow:var(--card-hover);filter:grayscale(10%)contrast(1.05);position:relative}.hero-content h1{color:var(--text-primary);margin-bottom:1rem;font-size:4.5rem;line-height:1}.hero-subtitle{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:2.5rem;font-size:1.2rem;font-weight:600}.about-card{max-width:600px;color:var(--text-secondary);box-shadow:none;background:0 0;border:none;margin:0;padding:0;line-height:1.8}.about-card:hover{box-shadow:none;transform:none}.social-links{gap:2rem;margin-top:3rem;display:flex}.social-icon{color:var(--text-secondary);transition:color .3s}.social-icon:hover{color:var(--accent)}.experience-list{flex-direction:column;gap:4rem;display:flex}.experience-item{grid-template-columns:200px 1fr;gap:2rem;display:grid}.experience-date{color:var(--accent);font-size:.9rem;font-weight:600}.experience-content h3{margin-bottom:.5rem;font-size:1.5rem}.experience-company{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.experience-list-items{padding:0;list-style:none}.experience-list-items li{color:var(--text-secondary);margin-bottom:1rem;padding-left:1.5rem;position:relative}.experience-list-items li:before{content:"—";color:var(--accent);position:absolute;left:0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;display:grid}.project-card{padding:2rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.skill-category h4{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:1.5rem;font-size:.9rem}.skill-list{padding:0;list-style:none}.skill-list li{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem}@media (width<=768px){.experience-item{grid-template-columns:1fr;gap:.5rem}}