:root{--bg-color:#0a0a0a;--text-color:#fff;--accent-color:cyan;--card-bg:#1a1a1a;--link-hover:#0ff}body.light{--bg-color:#f5f5f5;--text-color:#111;--card-bg:#fff;--link-hover:#07f}body{background-color:#0a0a0a;background-color:var(--bg-color);color:#fff;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth;transition:background-color .3s,color .3s}body,h1,h2,h3,p{margin:0}a{color:cyan;color:var(--accent-color);text-decoration:none}a:hover{color:#0ff;color:var(--link-hover)}section{padding:100px 20px}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.show{opacity:1;transform:translateY(0)}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0acc;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}body.light .navbar{background-color:#f5f5f5cc;box-shadow:0 2px 10px #0000001a}.logo{color:var(--accent-color);font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;overflow:hidden;position:relative}.logo:after{background-color:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.logo:hover:after{width:100%}.nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-links li a{color:var(--text-color);font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-links li a:hover{color:var(--accent-color)}.nav-links li a:after{background-color:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links li a:hover:after{width:100%}.mode-toggle{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:1.2rem;margin-left:1rem;transition:transform .3s ease}.mode-toggle:hover{color:var(--link-hover);transform:rotate(30deg)}@media (max-width:768px){.navbar{padding:1rem}.nav-links{gap:1rem}.logo{font-size:1.2rem}.nav-links li a{font-size:.9rem}}.hero{align-items:center;background:linear-gradient(90deg,#0f0c29,#302b63,#24243e);color:#fff;display:flex;height:100vh;justify-content:center;padding:2rem;text-align:center}.profile-picture{border:4px solid cyan;border:4px solid var(--accent-color,cyan);border-radius:50%;box-shadow:0 0 20px #00ffff80;height:180px;margin:0 auto 2rem;overflow:hidden;width:180px}.profile-picture img{height:100%;object-fit:cover;width:100%}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-buttons .btn,.hero-buttons .btn-outline{border-radius:25px;cursor:pointer;display:inline-block;font-weight:700;min-width:140px;padding:.75rem 1.5rem;text-decoration:none}.btn{background-color:cyan;color:#000}.btn-outline{border:2px solid cyan;color:cyan}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}}@media (max-width:480px){.profile-picture{height:150px;width:150px}.hero-content h1{font-size:2rem}.hero-content p{font-size:.9rem;margin-bottom:1.5rem}.hero-buttons .btn,.hero-buttons .btn-outline{margin-bottom:.5rem;min-width:120px;padding:.6rem 1.2rem}}.about{background:#111;color:#fff;padding:80px 20px;text-align:center}.about h2{font-size:2.5rem;margin-bottom:1rem}.about p{font-size:1.1rem;line-height:1.6;margin:1rem auto;max-width:700px;opacity:0;transform:translateY(30px);transition:all .6s ease-in-out}.about p.fade-in.show{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.skills{background:#1a1a1a;color:#fff;padding:80px 20px;text-align:center}.skills h2{font-size:2.5rem;margin-bottom:2rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 auto;max-width:800px}.skill-card{background:#282c34;border:2px solid cyan;border-radius:10px;font-weight:700;opacity:0;padding:20px;transform:scale(.95);transition:all .4s ease-out}.skill-card.show{opacity:1;transform:scale(1)}.projects{background:#101010;color:#fff;padding:80px 20px;text-align:center}.project-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.project-card{background:#222;border:1px solid cyan;border-radius:10px;cursor:pointer;opacity:0;padding:1.5rem;transform:translateY(20px);transition:transform .4s ease,opacity .4s ease}.project-card h3{color:cyan}.project-card.show{opacity:1;transform:translateY(0)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00ffff1a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:popIn .3s ease;background:#181818;border:1px solid cyan;border-radius:12px;box-shadow:0 0 20px cyan;color:#fff;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;position:relative;width:90%}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.close-btn{background:none;border:none;color:cyan;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px;transition:color .2s}.close-btn:hover{color:red}.modal-images,.modal-videos{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:1rem}.modal-images img,.modal-videos video{border:1px solid cyan;border-radius:6px;max-width:300px;object-fit:cover;width:100%}@media (max-width:500px){.modal-images img,.modal-videos video{max-width:100%}}.github-btn{background-color:#24292e;border:none;border-radius:6px;box-shadow:0 0 10px cyan;color:#fff;cursor:pointer;font-weight:700;margin:1rem 0;padding:10px 20px;transition:background-color .3s ease}.github-btn:hover{background-color:#333}.pagination-controls{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.pagination-btn{background-color:cyan;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s}.pagination-btn:hover{background-color:#0ff}.experience{background:#1c1c1c;color:#fff;padding:80px 20px;text-align:center}.timeline{margin:2rem auto;max-width:800px}.timeline-item{border-left:3px solid cyan;margin-bottom:2rem;opacity:0;padding:1rem 2rem;position:relative;transform:translateX(-30px);transition:all .6s ease}.timeline-item:before{background:cyan;border-radius:50%;content:"";height:12px;left:-8px;position:absolute;top:10px;width:12px}.timeline-item.show{opacity:1;transform:translateX(0)}.contact{background:#101010;color:#fff;padding:80px 20px;text-align:center}.contact-container{margin:0 auto;max-width:1200px}.contact h2{color:#fff;font-size:2.5rem;margin-bottom:2rem}.contact-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.contact-info{flex:1 1;max-width:400px;min-width:300px}.contact-item{align-items:flex-start;background:#222;border:1px solid cyan;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;margin-bottom:2rem;opacity:0;padding:1.5rem;transform:translateY(20px);transition:transform .4s ease,opacity .4s ease}.contact-item.show{opacity:1;transform:translateY(0)}.contact-icon{color:cyan;display:flex;font-size:2.2rem;justify-content:center;margin-right:1.5rem;min-width:40px;transition:transform .3s ease,color .3s ease}.contact-item:hover .contact-icon{color:#0ff;transform:scale(1.2)}.contact-text h3{color:cyan;font-size:1.2rem;margin:0 0 .5rem;text-align:left}.contact-text a{color:#fff;opacity:.8;text-decoration:none;transition:color .3s ease,opacity .3s ease}.contact-text a:hover{color:cyan;opacity:1}.contact-form-container{flex:1 1;max-width:500px;min-width:300px}.contact-form{background:#222;border:1px solid cyan;border-radius:10px;box-shadow:0 0 20px #00ffff4d;display:flex;flex-direction:column;gap:1.5rem;opacity:0;padding:2rem;transform:translateY(20px);transition:transform .4s ease,opacity .4s ease}.contact-form.show{opacity:1;transform:translateY(0)}.form-group{display:flex;flex-direction:column}.form-group label{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.5rem;text-align:left}.contact-form input,.contact-form textarea{background:#ffffff0d;border:1px solid #00ffff4d;border-radius:5px;color:#fff;font-size:1rem;padding:1rem;transition:border-color .3s ease,box-shadow .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:cyan;box-shadow:0 0 0 2px #0ff3;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff80}.submit-btn{align-items:center;background:cyan;border:none;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.submit-btn:hover{background:#00e5e5;box-shadow:0 5px 15px #00ffff4d;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn i{transition:transform .3s ease}.submit-btn:hover i{transform:translateX(4px)}@media (max-width:768px){.contact-content{align-items:center;flex-direction:column}.contact-form-container,.contact-info{width:100%}}.form-error-message{background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.form-error-message p{color:#f33;margin:0}.loader-wrapper{align-items:center;background-color:var(--bg-color);color:var(--accent-color);display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:8px solid #00ffff1a;border-radius:50%;border-top:8px solid var(--accent-color);height:70px;margin-bottom:1rem;width:70px}.loading-text{font-size:1.2rem;letter-spacing:1px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.6c7001a3.css.map*/