.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.loading-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.loading-ring{position:absolute;width:120px;height:120px;border-radius:50%;border:3px solid transparent;border-top-color:#4e8ef7;border-right-color:#6ba0ff;animation:spin 1s linear infinite}.loading-ring-outer{width:140px;height:140px;border:2px solid rgba(78,142,247,.2);border-top-color:#4e8ef799;animation:spin 1.5s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.loading-initials{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#4e8ef726,#6ba0ff1a);border:1px solid rgba(78,142,247,.3);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#4e8ef7,#6ba0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(78,142,247,.4))}50%{filter:drop-shadow(0 0 20px rgba(78,142,247,.8))}}.loading-text{text-align:center}.loading-name{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#4e8ef7,#6ba0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em}.loading-subtitle{font-size:.85rem;color:#fff6;letter-spacing:.25em;text-transform:uppercase;margin-top:8px}.loading-bar-wrapper{width:200px;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.loading-bar{height:100%;background:linear-gradient(90deg,#4e8ef7,#6ba0ff);border-radius:2px;animation:load-bar 1.8s ease-in-out forwards}@keyframes load-bar{0%{width:0%}60%{width:75%}to{width:100%}}@media (max-width: 480px){.loading-screen{gap:28px}.loading-ring{width:100px;height:100px}.loading-ring-outer{width:120px;height:120px}.loading-initials{width:75px;height:75px;font-size:1.6rem}.loading-name{font-size:1.1rem;letter-spacing:.1em}.loading-bar-wrapper{width:160px}}.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 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}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;background:radial-gradient(180px circle at var(--cursor-x, 50%) var(--cursor-y, 50%),rgba(78,142,247,.13),transparent 70%),radial-gradient(700px circle at var(--cursor-x, 50%) var(--cursor-y, 50%),rgba(78,142,247,.04),transparent 80%)}@media (pointer: fine){*,a,button{cursor:none}}.cursor-ring{position:fixed;top:-20px;left:-20px;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(78,142,247,.6);pointer-events:none;z-index:99999}.cursor-dot{position:fixed;top:-4px;left:-4px;width:8px;height:8px;border-radius:50%;background:#4e8ef7;pointer-events:none;z-index:99999;box-shadow:0 0 10px #4e8ef7b3}@media (pointer: coarse),(hover: none){.cursor-ring,.cursor-dot{display:none}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.skills-grid .reveal:nth-child(2),.projects-grid .reveal:nth-child(2),.activities-grid .reveal:nth-child(2){transition-delay:.15s}.skills-grid .reveal:nth-child(3),.projects-grid .reveal:nth-child(3){transition-delay:.3s}.quick-stats .reveal:nth-child(2){transition-delay:.1s}.quick-stats .reveal:nth-child(3){transition-delay:.2s}.navbar a.active{color:#4e8ef7;background:#4e8ef71f}.navbar a.active:after{width:80%}.typewriter-wrapper{font-size:1.15rem;font-weight:600;margin:-8px 0 28px;min-height:1.8em;letter-spacing:.02em}.dark-theme .typewriter-wrapper{color:#ffffffa6}.light-theme .typewriter-wrapper{color:#1e293ba6}.typewriter-cursor{color:#4e8ef7;animation:cursor-blink .75s step-end infinite;margin-left:2px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.skill-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.skill-tag{background:#4e8ef71a;color:#4e8ef7;padding:5px 13px;border-radius:20px;font-size:.85rem;border:1px solid rgba(78,142,247,.25);font-weight:500;transition:all .25s ease}.skill-tag:hover{background:#4e8ef733;border-color:#4e8ef780;transform:translateY(-2px);box-shadow:0 4px 12px #4e8ef733}.light-theme .skill-tag{background:#4e8ef714;border-color:#4e8ef740}
