:root{--primary-color:#0d6efd;--secondary-color:#6c757d;--success-color:#198754;--info-color:#0dcaf0;--warning-color:#ffc107;--danger-color:#dc3545;--light-color:#f8f9fa;--dark-color:#212529}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--dark-color)}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:white;min-height:100vh;display:flex;align-items:center}.section-padding{padding:80px 0}.profile-img{width:200px;height:200px;border-radius:50%;border:5px solid rgba(255,255,255,.3);object-fit:cover}.skill-card{transition:transform .3s ease,box-shadow .3s ease;border:none;box-shadow:0 4px 6px rgba(0,0,0,.1)}.skill-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.project-card{transition:transform .3s ease;border:none;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.project-card:hover{transform:translateY(-5px)}.project-img{height:200px;object-fit:cover}.timeline-item{position:relative;padding-left:30px;margin-bottom:30px}.timeline-item:before{content:"";position:absolute;left:0;top:0;width:12px;height:12px;background:var(--primary-color);border-radius:50%}.timeline-item:after{content:"";position:absolute;left:5px;top:12px;width:2px;height:calc(100% + 18px);background:#e9ecef}.timeline-item:last-child:after{display:none}.navbar-brand{font-weight:700;font-size:1.5rem}.btn-custom{padding:12px 30px;font-weight:600;border-radius:50px;transition:all .3s ease}.btn-primary-custom{background:linear-gradient(45deg,#667eea,#764ba2);border:none;color:white}.btn-primary-custom:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);transform:translateY(-2px)}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--primary-color);color:white;border-radius:50%;text-decoration:none;transition:all .3s ease;margin:0 10px}.social-links a:hover{background:var(--dark-color);transform:translateY(-3px)}.contact-card{border:none;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.contact-card:hover{transform:translateY(-5px)}@media (max-width:768px){.hero-section{text-align:center}.hero-section,.section-padding{padding:60px 0}.profile-img{width:150px;height:150px}}