:root{--primary-color:#0077b6;--primary-light:#00a8e8;--primary-dark:#005a87;--accent-color:#ff6b6b;--accent-light:#ff8787;--success-color:#06d6a0;--warning-color:#ffc107;--text-color:#2c3e50;--text-light:#7f8c8d;--text-lighter:#bdc3c7;--bg-color:#ffffff;--bg-light:#f8f9fa;--card-bg:#ffffff;--nav-bg:rgba(255,255,255,0.98);--title-color:#1a1a2e;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.12);--shadow-lg:0 8px 32px rgba(0,0,0,0.15);--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}[data-theme="dark"]{--primary-color:#4d96ff;--primary-light:#6ab0ff;--primary-dark:#3a7dd4;--accent-color:#ff8787;--accent-light:#ffb3b3;--success-color:#1dd1a1;--warning-color:#ffc107;--text-color:#e2e8f0;--text-light:#cbd5e0;--text-lighter:#718096;--bg-color:#0f172a;--bg-light:#1e293b;--card-bg:#1e293b;--nav-bg:rgba(15,23,42,0.98);--title-color:#f1f5f9;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell',sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);overflow-x:hidden;transition:background-color 0.5s ease;}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}section{padding:80px 0;transition:background-color 0.5s ease;}section h2{font-size:2.8rem;margin-bottom:50px;color:var(--title-color);text-align:center;position:relative;display:inline-block;width:100%;font-weight:700;letter-spacing:-0.5px;}section h2::after{content:'';position:absolute;width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));bottom:-15px;left:50%;transform:translateX(-50%);border-radius:3px;}.about-section,.experiences-section{background-color:var(--bg-light);}nav{position:fixed;top:0;left:0;width:100%;background-color:var(--nav-bg);box-shadow:var(--shadow-md);z-index:1000;padding:15px 0;transition:all 0.3s ease;backdrop-filter:blur(10px);}nav.scrolled{padding:10px 0;box-shadow:var(--shadow-lg);}nav .container{display:flex;justify-content:space-between;align-items:center;}.logo{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:var(--transition);}.logo:hover{transform:scale(1.05);}.nav-links{display:flex;list-style:none;gap:2rem;}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;font-size:0.95rem;position:relative;transition:color 0.3s;}.nav-links a::after{content:'';position:absolute;width:0;height:2px;background:var(--primary-color);bottom:-5px;left:0;transition:width 0.3s;}.nav-links a:hover{color:var(--primary-color);}.nav-links a:hover::after{width:100%;}.burger{display:none;cursor:pointer;font-size:1.5rem;color:var(--text-color);background:none;border:none;transition:var(--transition);}.burger:hover{color:var(--primary-color);}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;}.overlay.active{opacity:1;visibility:visible;}.hero{padding:140px 0 100px;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-light) 100%);}.hero .container{display:flex;align-items:center;justify-content:space-between;gap:4rem;}.hero-content{flex:1;max-width:600px;}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;color:var(--title-color);line-height:1.2;font-weight:800;letter-spacing:-1px;}.hero-content h1 span{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.hero-content h2{font-size:1.3rem;margin-bottom:1.5rem;color:var(--text-light);font-weight:500;}.hero-content h2 span{color:var(--primary-color);font-weight:700;}.hero-content p{font-size:1rem;margin-bottom:2.5rem;color:var(--text-light);line-height:1.8;}.btn{display:inline-block;padding:14px 32px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:var(--transition);border:2px solid transparent;cursor:pointer;font-size:1rem;text-align:center;}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:white;box-shadow:var(--shadow-md);}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}.hero-image{flex:1;text-align:center;}.hero-image img{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);transition:var(--transition);border:3px solid var(--primary-color);object-fit:cover;}.hero-image img:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,119,182,0.25);}.about-content{display:flex;align-items:center;gap:3rem;margin-top:2rem;}.about-text{text-align:justify;}.about-text p{margin-bottom:1.5rem;font-size:1rem;line-height:1.8;color:var(--text-light);}.expertise-list{list-style:none;margin:1.5rem 0;padding:0;}.expertise-list li{padding:0.8rem 0 0.8rem 2rem;position:relative;color:var(--text-light);line-height:1.7;}.expertise-list li::before{content:'✓';position:absolute;left:0;color:var(--success-color);font-weight:bold;font-size:1.2rem;}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:3rem;}.skill-card{background-color:var(--card-bg);padding:2.5rem 1.5rem;border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(0,119,182,0.1);position:relative;overflow:hidden;}.skill-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform 0.3s;}.skill-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary-color);}.skill-card:hover::before{transform:scaleX(1);}.skill-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem;transition:var(--transition);}.skill-card:hover .skill-icon{transform:scale(1.15) rotate(5deg);color:var(--accent-color);}.skill-card h3{font-size:1.2rem;margin-bottom:0.5rem;color:var(--title-color);font-weight:700;}.skill-card p{color:var(--text-light);font-size:0.9rem;font-weight:500;}.timeline{position:relative;max-width:900px;margin:3rem auto 0;}.timeline::before{content:'';position:absolute;left:40px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary-color),var(--accent-color));border-radius:2px;}.timeline-item{position:relative;margin-bottom:3rem;padding-left:100px;opacity:0;transform:translateX(-20px);animation:fadeIn 0.6s forwards;}.timeline-item:nth-child(1){animation-delay:0.2s;}.timeline-item:nth-child(2){animation-delay:0.4s;}.timeline-item:nth-child(3){animation-delay:0.6s;}@keyframes fadeIn{to{opacity:1;transform:translateX(0);}}.timeline-item::before{content:'';position:absolute;left:22px;top:15px;width:36px;height:36px;border-radius:50%;background:var(--card-bg);border:4px solid var(--primary-color);z-index:1;box-shadow:var(--shadow-md);transition:var(--transition);}.timeline-item:hover::before{transform:scale(1.25);border-color:var(--accent-color);box-shadow:0 0 0 8px rgba(255,107,107,0.1);}.timeline-content{background-color:var(--card-bg);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid rgba(0,119,182,0.1);transition:var(--transition);}.timeline-content:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);}.timeline-content h3{color:var(--title-color);margin-bottom:0.5rem;font-size:1.2rem;font-weight:700;}.company{color:var(--primary-color);font-size:0.95rem;margin-bottom:0.5rem;font-weight:600;}.date{color:var(--text-light);font-size:0.85rem;margin-bottom:1rem;font-weight:500;display:flex;align-items:center;gap:0.5rem;}.timeline-content ul{margin-top:1rem;padding-left:1.5rem;}.timeline-content li{margin-bottom:0.8rem;color:var(--text-light);line-height:1.6;font-size:0.95rem;}.timeline-content li::marker{color:var(--primary-color);}.github-link-container{text-align:center;margin-bottom:2rem;}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem;margin-top:3rem;}.project-card{background-color:var(--card-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(0,119,182,0.1);display:flex;flex-direction:column;}.project-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-lg);border-color:var(--primary-color);}.carousel-container{height:240px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--bg-light),var(--primary-light));}.project-carousel{display:flex;height:100%;transition:transform 0.5s ease;}.project-carousel img{min-width:100%;height:100%;object-fit:cover;transition:var(--transition);}.project-card:hover .project-carousel img{transform:scale(1.08);}.project-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column;}.project-content h3{color:var(--title-color);font-size:1.2rem;margin-bottom:0.8rem;position:relative;padding-bottom:0.8rem;font-weight:700;}.project-content h3::after{content:'';position:absolute;width:50px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));bottom:0;left:0;}.project-content p{color:var(--text-light);margin-bottom:1rem;line-height:1.6;font-size:0.95rem;}.project-content strong{color:var(--primary-color);font-weight:700;}.github-lk{display:inline-flex;align-items:center;gap:0.5rem;color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition);padding:10px 16px;border-radius:8px;border:2px solid var(--primary-color);}.github-lk:hover{background-color:var(--primary-color);color:white;transform:translateY(-3px);}.contact-content{max-width:700px;margin:0 auto;text-align:center;background:var(--card-bg);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid rgba(0,119,182,0.1);}.contact-content p{font-size:1.05rem;color:var(--text-light);margin-bottom:2rem;line-height:1.8;}.contact-info{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;}.info-item{display:flex;align-items:center;gap:0.8rem;color:var(--text-light);background:var(--bg-light);padding:1rem 1.5rem;border-radius:8px;transition:var(--transition);border:1px solid rgba(0,119,182,0.1);}.info-item:hover{background:var(--primary-color);transform:translateY(-3px);color:white;box-shadow:var(--shadow-md);}.info-item:hover i{color:white;transform:scale(1.2);}.info-item i{color:var(--primary-color);font-size:1.3rem;transition:var(--transition);}.info-item a{color:inherit;text-decoration:none;font-weight:500;transition:var(--transition);}.info-item:hover a{color:white;}footer{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));color:white;text-align:center;padding:2.5rem 0;margin-top:2rem;}footer p{font-size:0.9rem;opacity:0.9;}.theme-toggle{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow-lg);z-index:1000;transition:var(--transition);backdrop-filter:blur(5px);}.theme-toggle:hover{transform:scale(1.1) rotate(20deg);box-shadow:0 0 20px rgba(0,119,182,0.4);}@media (max-width:768px){.nav-links{position:fixed;top:70px;left:0;width:100%;background-color:var(--card-bg);flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;z-index:1000;transform:translateY(-150%);transition:var(--transition);box-shadow:var(--shadow-md);}.nav-links.active{transform:translateY(0);}.burger{display:block;}.hero{padding:120px 0 60px;min-height:auto;}.hero .container{flex-direction:column;text-align:center;gap:2rem;}.hero-content{margin-bottom:1rem;}.hero-content h1{font-size:2.5rem;}.hero-content h2{font-size:1.1rem;}.hero-content p{font-size:0.95rem;}.hero-image{max-width:400px;margin:0 auto;}section{padding:60px 0;}section h2{font-size:2.2rem;margin-bottom:40px;}.about-content{flex-direction:column;gap:2rem;}.about-text{text-align:left;}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;}.skill-card{padding:2rem 1rem;}.skill-icon{font-size:2.5rem;}.skill-card h3{font-size:1rem;}.skill-card p{font-size:0.85rem;}.timeline::before{left:15px;}.timeline-item{padding-left:60px;margin-bottom:2.5rem;}.timeline-item::before{left:-2px;width:32px;height:32px;border-width:3px;}.timeline-content{padding:1.5rem;}.timeline-content h3{font-size:1.1rem;}.projects-grid{grid-template-columns:1fr;gap:2rem;}.carousel-container{height:200px;}.project-content{padding:1.5rem;}.contact-content{padding:2rem;}.contact-info{flex-direction:column;gap:1rem;}.info-item{width:100%;justify-content:center;}.theme-toggle{bottom:20px;right:20px;width:45px;height:45px;font-size:1rem;}}@media (max-width:480px){.container{padding:0 15px;}nav{padding:12px 0;}.logo{font-size:1.5rem;}.nav-links{gap:0.8rem;padding:1.5rem 0;}.nav-links a{font-size:0.9rem;}.hero{padding:100px 0 40px;}.hero-content h1{font-size:2rem;margin-bottom:0.8rem;}.hero-content h2{font-size:1rem;margin-bottom:1rem;}.hero-content p{font-size:0.9rem;margin-bottom:1.5rem;}.btn{padding:12px 24px;font-size:0.95rem;}.hero-image{max-width:100%;}section{padding:50px 0;}section h2{font-size:1.8rem;margin-bottom:30px;}section h2::after{width:60px;bottom:-10px;}.about-text p{font-size:0.9rem;margin-bottom:1rem;}.expertise-list li{padding:0.6rem 0 0.6rem 1.8rem;font-size:0.9rem;}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}.skill-card{padding:1.5rem 1rem;}.skill-icon{font-size:2rem;margin-bottom:0.8rem;}.skill-card h3{font-size:0.95rem;margin-bottom:0.3rem;}.skill-card p{font-size:0.8rem;}.timeline{margin-top:2rem;}.timeline::before{left:10px;}.timeline-item{padding-left:50px;margin-bottom:2rem;}.timeline-item::before{left:-8px;width:28px;height:28px;border-width:2px;}.timeline-content{padding:1.2rem;}.timeline-content h3{font-size:1rem;margin-bottom:0.3rem;}.company{font-size:0.85rem;}.date{font-size:0.8rem;margin-bottom:0.8rem;}.timeline-content ul{margin-top:0.8rem;padding-left:1.2rem;}.timeline-content li{margin-bottom:0.6rem;font-size:0.9rem;}.projects-grid{gap:1.5rem;}.carousel-container{height:180px;}.project-content{padding:1.2rem;}.project-content h3{font-size:1rem;margin-bottom:0.6rem;padding-bottom:0.6rem;}.project-content p{font-size:0.9rem;margin-bottom:0.8rem;}.github-lk{font-size:0.9rem;padding:8px 12px;}.contact-content{padding:1.5rem;}.contact-content p{font-size:0.95rem;margin-bottom:1.5rem;}.contact-info{gap:0.8rem;}.info-item{padding:0.8rem 1rem;font-size:0.9rem;}.info-item i{font-size:1.1rem;}footer p{font-size:0.85rem;}.theme-toggle{width:45px;height:45px;font-size:1rem;}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}