:root{--primary-color: #2d3436;--secondary-color: #0984e3;--background-color: #ffffff;--text-color: #2d3436;--section-padding: 5rem 0;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}nav{position:fixed;top:0;left:0;right:0;background:#fffffff2;padding:1rem 0;z-index:1000;transition:background var(--transition-speed) ease}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color var(--transition-speed) ease}.nav-links a:hover{color:var(--secondary-color)}.hero{height:100vh;display:flex;align-items:center;background:linear-gradient(#ffffffe6,#ffffffe6),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:center;background-attachment:fixed}.hero-content{text-align:center}.hero h1{font-size:3.5rem;margin-bottom:1rem;color:var(--primary-color)}.hero h2{font-size:2rem;color:var(--secondary-color);margin-bottom:1.5rem}.hero p{font-size:1.2rem;color:#666}.section{padding:var(--section-padding)}.section.alternate{background-color:#f8f9fa}.section-content{max-width:800px;margin:0 auto}.section h2{font-size:2.5rem;margin-bottom:2rem;text-align:center;color:var(--primary-color)}.skills{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.skills span{background-color:#f8f9fa;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:var(--secondary-color);border:1px solid #e9ecef}.timeline-item{margin-bottom:3rem;padding:2.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 15px #0000001a;transition:all var(--transition-speed) ease;position:relative;overflow:hidden}.timeline-header{margin-bottom:1.5rem;position:relative}.timeline-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--secondary-color);transform:scaleY(0);transform-origin:top;transition:transform var(--transition-speed) ease}.timeline-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.timeline-item:hover:before{transform:scaleY(1)}.timeline-item h3{color:var(--secondary-color);font-size:1.5rem;margin-bottom:.5rem;transition:transform var(--transition-speed) ease}.timeline-item:hover h3{transform:translate(10px)}.timeline-item .company{font-weight:500;font-size:1.1rem;color:#666;margin-bottom:.25rem}.timeline-item .duration{color:#888;font-size:.9rem;margin-bottom:1rem}.timeline-item h4{color:var(--primary-color);font-size:1.1rem;margin:1.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.timeline-item ul{list-style-type:none;padding-left:0}.timeline-item ul li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.timeline-item ul li:before{content:"•";color:var(--secondary-color);font-weight:700;position:absolute;left:0}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.skill-tags span{background-color:#f8f9fa;color:var(--secondary-color);padding:.3rem .8rem;border-radius:15px;font-size:.9rem;border:1px solid #e9ecef;transition:all var(--transition-speed) ease}.skill-tags span:hover{background-color:var(--secondary-color);color:#fff;transform:translateY(-2px)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.value-item{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 15px #0000001a;transition:transform var(--transition-speed) ease}.value-item:hover{transform:translateY(-5px)}.value-item h3{color:var(--secondary-color);margin-bottom:1rem}.contact-links{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.contact-button{padding:.8rem 2rem;background-color:var(--secondary-color);color:#fff;text-decoration:none;border-radius:25px;transition:all var(--transition-speed) ease}.contact-button:hover{background-color:#0771c2;transform:translateY(-2px)}footer{background-color:var(--primary-color);color:#fff;padding:2rem 0;text-align:center}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero h2{font-size:1.5rem}.section h2{font-size:2rem}.timeline-item{padding:1.5rem}.contact-links{flex-direction:column;align-items:center}}