.profile-pic{width:250px;height:250px;border-radius:50%;object-fit:cover;object-position:top;display:block;margin:20px auto;border:3px solid #4e8ef7;transition:transform .3s ease-in-out}.profile-pic:hover{transform:scale(1.05)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;scroll-behavior:smooth;line-height:1.6}body.dark-theme{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#e8e8e8}body.light-theme{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);color:#1e293b}.navbar{position:fixed;top:0;width:100%;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;justify-content:center;align-items:center;gap:30px;z-index:1000;transition:all .3s ease}.light-theme .navbar{background:#fffc;border-bottom:1px solid rgba(0,0,0,.1)}.navbar a{color:inherit;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease;position:relative;padding:8px 16px;border-radius:8px}.navbar a:hover{color:#4e8ef7;background:#4e8ef71a;transform:translateY(-2px)}.navbar a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#4e8ef7;transition:all .3s ease;transform:translate(-50%)}.navbar a:hover:after{width:80%}.theme-toggle{background:#4e8ef71a;border:2px solid rgba(78,142,247,.3);color:#4e8ef7;padding:8px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease;width:44px;height:44px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{background:#4e8ef7;color:#fff;transform:scale(1.1) rotate(180deg);box-shadow:0 8px 25px #4e8ef766}.light-theme{background-color:#f8f9fa;color:#333}.light-theme .navbar{background:#fff;box-shadow:0 2px 4px #0000001a}.light-theme .navbar a{color:#333}.light-theme .navbar a:hover{color:#4e8ef7}.light-theme .theme-toggle{border-color:#4e8ef7;color:#4e8ef7}.light-theme .theme-toggle:hover{background:#4e8ef7;color:#fff}.light-theme .section{border-bottom:1px solid rgba(0,0,0,.1)}.light-theme .section h1,.light-theme .section h2{color:#4e8ef7}.light-theme #about,.light-theme .education-item,.light-theme .skill-category,.light-theme .experience-item,.light-theme .activity-item,.light-theme .contact-info{background:#fff;box-shadow:0 2px 8px #0000001a}.light-theme .skill-category p,.light-theme .experience-item li{color:#666}.light-theme .contact-info a{color:#4e8ef7}.light-theme .contact-info a:hover{color:#6ba0ff}.light-theme .profile-pic{border-color:#4e8ef7}.light-theme #about h2,.light-theme #about p{color:#333}.light-theme .highlight{color:#4e8ef7}.dark-theme{background-color:#121212;color:#fff}.dark-theme .navbar{background:#1f1f1f}.dark-theme .navbar a{color:#fff}.dark-theme .navbar a:hover{color:#4e8ef7}.dark-theme .section{border-bottom:1px solid rgba(255,255,255,.2)}.dark-theme .section h1,.dark-theme .section h2{color:#4e8ef7}.dark-theme #about,.dark-theme .education-item,.dark-theme .skill-category,.dark-theme .experience-item,.dark-theme .activity-item,.dark-theme .contact-info{background:#1f1f1f;box-shadow:0 2px 8px #0003}.dark-theme .skill-category p,.dark-theme .experience-item li{color:#e0e0e0}.dark-theme .contact-info a{color:#4e8ef7}.dark-theme .contact-info a:hover{color:#6ba0ff}.dark-theme .profile-pic{border-color:#4e8ef7}.dark-theme #about h2,.dark-theme #about p{color:#fff}.dark-theme .highlight{color:#4e8ef7}.profile-container{margin-top:90px;display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh}.section{width:100%;max-width:900px;padding:80px 30px;text-align:center;margin:20px 0;position:relative}.section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#4e8ef7,#6ba0ff);border-radius:2px}.section h1,.section h2{margin-bottom:30px;color:#4e8ef7;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#4e8ef7,#6ba0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#4e8ef7,#6ba0ff);border-radius:2px}.section p{font-size:1.1rem}#about{max-width:1000px;margin:60px auto;padding:60px 40px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0000001a;text-align:center;font-family:Inter,sans-serif;position:relative;overflow:hidden}#about:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(78,142,247,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.light-theme #about{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 25px 50px #0000001a}.profile-pic{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid transparent;background:linear-gradient(45deg,#4e8ef7,#6ba0ff) border-box;margin-bottom:25px;box-shadow:0 20px 40px #4e8ef74d;transition:all .3s ease}.profile-pic:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 25px 50px #4e8ef766}#about h2{font-size:3rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#4e8ef7,#6ba0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-text{font-size:1.3rem;font-weight:600;margin-bottom:25px;color:inherit}#about p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;text-align:justify;padding:0 20px;color:inherit}.highlight{font-weight:700;background:linear-gradient(135deg,#4e8ef7,#6ba0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 4px}.social-links{display:flex;justify-content:center;gap:20px;margin:30px 0;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:50px;text-decoration:none;color:inherit;font-weight:600;font-size:.95rem;transition:all .3s ease;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.social-link:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.social-icon{width:20px;height:20px;transition:transform .3s ease;filter:brightness(0) saturate(100%)}.social-link:hover .social-icon{transform:scale(1.2)}.social-link.linkedin{background:#0077b51a;border-color:#0077b54d;color:#0077b5}.social-link.linkedin .social-icon{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(187deg) brightness(104%) contrast(97%)}.social-link.linkedin:hover{background:#0077b533;border-color:#0077b580;box-shadow:0 15px 40px #0077b54d}.social-link.github{background:#ffffff26;border-color:#ffffff4d;color:#fff}.social-link.github .social-icon{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.social-link.github:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 15px 40px #fff3}.social-link.youtube{background:#ff00001a;border-color:#ff00004d;color:red}.social-link.youtube .social-icon{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(340deg) brightness(104%) contrast(97%)}.social-link.youtube:hover{background:#f003;border-color:#ff000080;box-shadow:0 15px 40px #ff00004d}.social-link.email{background:#4e8ef71a;border-color:#4e8ef74d;color:#4e8ef7}.social-link.email .social-icon{filter:brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(213deg) brightness(118%) contrast(119%)}.social-link.email:hover{background:#4e8ef733;border-color:#4e8ef780;box-shadow:0 15px 40px #4e8ef74d}.light-theme .social-link{background:#0000000d;border-color:#0000001a;box-shadow:0 8px 32px #0000001a}.light-theme .social-link.linkedin{background:#0077b50d;border-color:#0077b533}.light-theme .social-link.github{background:#24292e1a;border-color:#24292e4d;color:#24292e}.light-theme .social-link.github:hover{background:#24292e33;border-color:#24292e80;box-shadow:0 15px 40px #24292e4d}.light-theme .social-link.youtube{background:#ff00000d;border-color:#f003}.light-theme .social-link.email{background:#4e8ef70d;border-color:#4e8ef733}@media (max-width: 768px){#about{padding:30px}#about h2{font-size:1.8rem}#about p{font-size:1rem}}.education-item{border-radius:16px;padding:35px;margin:25px 0;text-align:left;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.education-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4e8ef7,#6ba0ff)}.education-item:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026;border-color:#4e8ef74d}.light-theme .education-item{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 15px 35px #0000001a}.education-item h3{color:#4e8ef7;margin-bottom:20px;font-size:1.5rem;font-weight:700}.education-item p{margin:12px 0;line-height:1.7}.education-item strong{color:#4e8ef7;font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px}.skill-category{border-radius:16px;padding:30px;text-align:center;transition:all .3s ease;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #0000001a;position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4e8ef7,#6ba0ff)}.skill-category:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026;border-color:#4e8ef74d}.light-theme .skill-category{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 15px 35px #0000001a}.skill-category h3{color:#4e8ef7;margin-bottom:20px;font-size:1.3rem;font-weight:700}.skill-category p{line-height:1.7;font-size:1rem}.experience-item{border-radius:16px;padding:35px;margin:30px 0;text-align:left;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.experience-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4e8ef7,#6ba0ff)}.experience-item:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026;border-color:#4e8ef74d}.light-theme .experience-item{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 15px 35px #0000001a}.experience-item h3{color:#4e8ef7;margin-bottom:15px;font-size:1.4rem;font-weight:700}.experience-item p{margin:10px 0;line-height:1.7}.experience-item strong{color:#4e8ef7;font-weight:600}.experience-item ul{margin:20px 0;padding-left:25px}.experience-item li{margin:12px 0;line-height:1.7;position:relative}.experience-item li:before{content:"▸";color:#4e8ef7;font-weight:700;position:absolute;left:-20px}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:40px}.activity-item{border-radius:16px;padding:30px;text-align:left;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.activity-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4e8ef7,#6ba0ff)}.activity-item:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026;border-color:#4e8ef74d}.light-theme .activity-item{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 15px 35px #0000001a}.activity-item h3{color:#4e8ef7;margin-bottom:20px;font-size:1.3rem;font-weight:700}.activity-item p{margin:10px 0;line-height:1.7}.activity-item strong{color:#4e8ef7;font-weight:600}.contact-info{border-radius:8px;padding:25px;margin:20px 0;text-align:left}.contact-info p{margin:12px 0;font-size:1.1rem}.contact-info strong{color:#4e8ef7}.contact-info a{color:#4e8ef7;text-decoration:none;transition:color .2s ease-in-out}.contact-info a:hover{color:#6ba0ff;text-decoration:underline}@media (max-width: 768px){.skills-grid,.activities-grid{grid-template-columns:1fr}.education-item,.experience-item,.activity-item,.contact-info{padding:20px;margin:15px 0}}.quick-stats{display:flex;justify-content:center;gap:30px;margin-top:40px;flex-wrap:wrap}.stat-item{text-align:center;padding:25px;background:#4e8ef71a;border-radius:20px;border:1px solid rgba(78,142,247,.2);min-width:140px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#4e8ef7,#6ba0ff)}.stat-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #4e8ef733;border-color:#4e8ef766}.stat-number{display:block;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#4e8ef7,#6ba0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.stat-label{display:block;font-size:.95rem;color:inherit;opacity:.8;font-weight:500}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}.project-item{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:35px;text-align:left;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.project-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4e8ef7,#6ba0ff)}.project-item:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026;border-color:#4e8ef74d}.light-theme .project-item{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 15px 35px #0000001a}.project-item h3{color:#4e8ef7;margin-bottom:20px;font-size:1.4rem;font-weight:700}.project-item p{margin-bottom:25px;line-height:1.7;color:inherit}.project-tech{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:#4e8ef71a;color:#4e8ef7;padding:6px 14px;border-radius:20px;font-size:.85rem;border:1px solid rgba(78,142,247,.3);font-weight:500;transition:all .3s ease}.tech-tag:hover{background:#4e8ef733;transform:translateY(-2px)}.contact-note{text-align:center;font-style:italic;margin-top:25px;opacity:.8;font-size:1.05rem;color:inherit;padding:20px;background:#4e8ef70d;border-radius:12px;border:1px solid rgba(78,142,247,.1)}.light-theme .stat-item{background:#4e8ef70d;border-color:#4e8ef733}.light-theme .project-item{border-color:#4e8ef733}.light-theme .tech-tag,.dark-theme .stat-item{background:#4e8ef71a;border-color:#4e8ef74d}.dark-theme .project-item{border-color:#4e8ef733}.dark-theme .tech-tag{background:#4e8ef71a;border-color:#4e8ef74d}@media (max-width: 768px){.navbar{gap:20px;padding:15px 0}.navbar a{font-size:1rem;padding:6px 12px}.section{padding:60px 20px;max-width:100%}.section h1,.section h2{font-size:2rem}#about{padding:40px 25px;margin:40px auto}#about h2{font-size:2.5rem}.profile-pic{width:150px;height:150px}.quick-stats{gap:20px}.stat-item{min-width:120px;padding:20px}.stat-number{font-size:2rem}.skills-grid,.projects-grid,.activities-grid{grid-template-columns:1fr;gap:20px}.education-item,.experience-item,.activity-item,.contact-info,.project-item{padding:25px;margin:20px 0}.theme-toggle{width:40px;height:40px;font-size:1.1rem}.social-links{gap:15px}.social-link{padding:10px 16px;font-size:.9rem}.social-icon{width:18px;height:18px}}@media (max-width: 480px){.navbar{gap:15px;padding:12px 0}.navbar a{font-size:.9rem;padding:5px 10px}.section{padding:50px 15px}.quick-stats{flex-direction:column;align-items:center}.stat-item{width:100%;max-width:200px}.social-links{gap:12px;flex-direction:column;align-items:center}.social-link{width:100%;max-width:200px;justify-content:center;padding:12px 20px}}
