@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-body:#f8f9fa;--bg-container:#ffffffd9;--text-primary:#121212;--text-secondary:#555;--text-body:#444;--text-muted:#888;--accent-color:#d39e00;--card-bg:#fff;--border-color:#d39e0033;--shadow-color:#0000000d;--navbar-bg:#fffffff2}body.dark-mode{--bg-body:#050505;--bg-container:#121212d9;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-body:#94a3b8;--text-muted:#64748b;--accent-color:#ffc107;--card-bg:#1a1a1a;--border-color:#ffc10726;--shadow-color:#ffc1070d;--navbar-bg:#050505f2}html{scroll-behavior:smooth}body{background-color:#f8f9fa;background-color:var(--bg-body);color:#121212;color:var(--text-primary);margin:0;transition:background-color .3s,color .3s}.container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#ffffffd9;background-color:var(--bg-container);border-radius:15px;box-shadow:0 10px 25px #0000000d;box-shadow:0 10px 25px var(--shadow-color);font-family:Inter,sans-serif;margin:30px auto;max-width:900px;padding:40px}.particle-canvas{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.header{margin-bottom:50px;margin-top:20px;text-align:center}.profile-img{border:4px solid #d39e00;border:4px solid var(--accent-color);border-radius:50%;box-shadow:0 4px 10px #0000000d;box-shadow:0 4px 10px var(--shadow-color);height:150px;margin-bottom:15px;object-fit:cover;width:150px}.name{color:#121212;color:var(--text-primary);font-size:2.5rem;font-weight:600;margin:0}.name,.title{font-family:Poppins,sans-serif}.title{color:#555;color:var(--text-secondary);font-size:1.5rem;font-weight:400;margin:10px 0}.typing-cursor{animation:blink 1s step-end infinite;background-color:#d39e00;background-color:var(--accent-color);display:inline-block;height:1.1em;margin-left:5px;vertical-align:text-bottom;width:3px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.section{margin-bottom:50px}.section-title{border-bottom:2px solid #d39e00;border-bottom:2px solid var(--accent-color);color:#121212;color:var(--text-primary);display:inline-block;font-family:Poppins,sans-serif;margin-bottom:20px;padding-bottom:10px}.about-text{color:#444;color:var(--text-body);font-size:1.05rem;line-height:1.8;margin-bottom:20px}.info-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.info-item{flex:1 1 250px}.info-item p{line-height:1.6;margin:0 0 8px}.date{color:#888;color:var(--text-muted);font-size:.9rem;font-weight:500;letter-spacing:.5px}.subtitle{color:#121212;color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:800;margin-bottom:10px}.list{line-height:1.7;margin:0;padding-left:20px}.experience-item{margin-bottom:20px}.job-title{color:#121212;color:var(--text-primary);font-size:1.2rem;font-weight:800;margin:0 0 5px}.job-details{color:#555;color:var(--text-secondary);font-style:italic;margin:0 0 10px}.job-desc{line-height:1.6}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{background-color:#fff;background-color:var(--card-bg);border:none;border-left:5px solid #d39e00;border-left:5px solid var(--accent-color);border-radius:12px;box-shadow:0 2px 5px #0000000d;box-shadow:0 2px 5px var(--shadow-color);cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.project-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.footer{border-top:1px solid #d39e0033;border-top:1px solid var(--border-color);margin-top:60px;padding:40px 0;text-align:center}.social-links{gap:40px;justify-content:center}.social-link,.social-links{align-items:center;display:flex}.social-link{color:#121212;color:var(--text-primary);flex-direction:column;text-decoration:none;transition:transform .2s}.social-link:hover{color:#d39e00;color:var(--accent-color);transform:scale(1.1)}.social-icon{font-size:30px;margin-bottom:5px}.copyright{color:#888;color:var(--text-muted);font-size:.9rem;margin-top:40px}.navbar{-ms-overflow-style:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#fffffff2;background-color:var(--navbar-bg);border:1px solid #d39e0033;border:1px solid var(--border-color);border-radius:50px;box-shadow:0 8px 25px #0000000d;box-shadow:0 8px 25px var(--shadow-color);box-sizing:border-box;margin:0 auto 30px;max-width:100%;overflow-x:auto;padding:6px;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:20px;transition:background-color .4s ease,box-shadow .4s ease;width:-webkit-fit-content;width:fit-content;z-index:1000}.navbar.scrolled{background-color:#ffffff73;box-shadow:0 4px 15px #0000000a}body.dark-mode .navbar.scrolled{background-color:#05050580;box-shadow:0 4px 15px #0006}.navbar::-webkit-scrollbar{display:none}.nav-list{align-items:center;display:flex;gap:2px;justify-content:center;list-style:none;margin:0;padding:0}.nav-link{border:1px solid #0000;border-radius:50px;color:#121212;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;padding:8px 18px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#d39e001a;border-color:#d39e0033;box-shadow:0 4px 15px #0000000d;box-shadow:0 4px 15px var(--shadow-color);color:#d39e00;color:var(--accent-color)}body.dark-mode .nav-link.active,body.dark-mode .nav-link:hover{background:#ffc1071a;border-color:#ffc10733}.theme-btn{background:none;border:none;border-radius:50%;color:#121212;color:var(--text-primary);cursor:pointer;font-size:1.2rem;line-height:1;padding:8px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.theme-btn:hover{color:#d39e00;color:var(--accent-color);transform:scale(1.2) rotate(15deg)}#about,#contact,#experience,#home,#projects{scroll-margin-top:80px}.scroll-top-btn{background-color:#d39e00;background-color:var(--accent-color);border:none;border-radius:50%;bottom:30px;box-shadow:0 2px 10px #0003;color:#000;cursor:pointer;font-size:24px;height:50px;position:fixed;right:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:50px;z-index:1000}.scroll-top-btn:hover{background-color:#e6a800;box-shadow:0 8px 20px #0000004d;transform:translateY(-5px) scale(1.1)}body.dark-mode .scroll-top-btn:hover{background-color:#ffca28}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#ffffffd9;background-color:var(--bg-container);border-radius:12px;box-shadow:0 5px 15px #0000004d;color:#121212;color:var(--text-primary);max-width:500px;padding:30px;position:relative;width:90%}.modal-close{background:none;border:none;color:#555;color:var(--text-secondary);cursor:pointer;font-size:1.8rem;position:absolute;right:15px;top:10px;transition:transform .3s ease,color .3s ease}.modal-close:hover{color:#121212;color:var(--text-primary);transform:rotate(90deg)}.modal-link{background-color:#d39e00;background-color:var(--accent-color);border-radius:6px;color:#000;display:inline-block;font-weight:600;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.modal-link:hover{background-color:#e6a800}body.dark-mode .modal-link:hover{background-color:#ffca28}.contact-form{gap:15px;margin-top:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{color:#121212;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:5px}.form-input,.form-textarea{background-color:#f8f9fa;background-color:var(--bg-body);border:1px solid #d39e0033;border:1px solid var(--border-color);border-radius:6px;color:#121212;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:10px}.form-input:focus,.form-textarea:focus{border-color:#d39e00;border-color:var(--accent-color);box-shadow:0 0 0 2px #0000000d;box-shadow:0 0 0 2px var(--shadow-color);outline:none}.form-submit-btn{background-color:#d39e00;background-color:var(--accent-color);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px;transition:background-color .2s}.form-submit-btn:hover{background-color:#e6a800}body.dark-mode .form-submit-btn:hover{background-color:#ffca28}.github-btn{align-items:center;background:#ffc1071a;border:1px solid #d39e0033;border:1px solid var(--border-color);border-radius:8px;color:#d39e00;color:var(--accent-color);display:inline-flex;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.github-btn svg{fill:currentColor;height:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:20px}.github-btn:hover{background:#d39e00;background:var(--accent-color);border-color:#d39e00;border-color:var(--accent-color);box-shadow:0 8px 20px #0000000d;box-shadow:0 8px 20px var(--shadow-color);color:#000;transform:translateY(-3px) scale(1.02)}.github-btn:hover svg{fill:#000;transform:scale(1.2) rotate(-10deg)}.github-icon-btn,.gmail-icon-btn,.linkedin-icon-btn{align-items:center;background:#f8f9fa;background:var(--bg-body);border:1px solid #d39e0033;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:inline-flex;height:48px;justify-content:center;padding:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:48px}.github-icon-btn svg,.gmail-icon-btn svg,.linkedin-icon-btn svg{fill:#555;fill:var(--text-secondary);height:24px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),fill .3s ease;width:24px}.github-icon-btn:hover,.gmail-icon-btn:hover,.linkedin-icon-btn:hover{background:#d39e00;background:var(--accent-color);border-color:#d39e00;border-color:var(--accent-color);box-shadow:0 8px 20px #0000000d;box-shadow:0 8px 20px var(--shadow-color);transform:translateY(-5px) scale(1.1)}.github-icon-btn:hover svg,.linkedin-icon-btn:hover svg{fill:#000;transform:scale(1.15) rotate(-10deg)}.gmail-icon-btn:hover svg{fill:#000;transform:scale(1.15) rotate(10deg)}@media (max-width:768px){.container{border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.header{margin-top:40px}.name{font-size:1.8rem}.title{font-size:1.1rem}.profile-img{height:120px;width:120px}.info-grid{flex-direction:column;gap:20px}.projects-grid{grid-template-columns:1fr}.social-links{flex-wrap:wrap;gap:20px}.nav-list{font-size:.9rem;gap:15px}.form-input,.form-textarea{font-size:16px}}.admin-form-group{margin-bottom:15px}.admin-form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}.admin-form-group-section{background:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:15px}body.dark-mode .admin-form-group-section{background:#2a2a2a;border-color:#444}.admin-sub-group{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;padding:15px}body.dark-mode .admin-sub-group{background:#333;border-color:#555}.delete-btn{background-color:#ff4d4d}.delete-btn,.move-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px}.move-btn{background-color:#6c757d}.move-btn:disabled{background-color:#ccc;cursor:not-allowed}.add-btn{background-color:#d39e00;background-color:var(--accent-color);border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:600;padding:8px 15px;transition:background-color .2s;width:100%}.add-btn:hover{background-color:#e6a800}body.dark-mode .add-btn:hover{background-color:#ffca28}.admin-controls{display:flex;gap:10px;margin-bottom:15px}.admin-modal-overlay{align-items:center;background-color:#000000b3;justify-content:center;left:0;position:fixed;top:0;z-index:10000}.admin-modal,.admin-modal-overlay{display:flex;height:100%;width:100%}.admin-modal{background-color:#fff;flex-direction:column;padding:20px;position:relative}body.dark-mode .admin-modal{background-color:#333;color:#fff}.admin-modal h2{border-bottom:1px solid #d39e0033;border-bottom:1px solid var(--border-color);color:#d39e00;color:var(--accent-color);margin-top:0;padding-bottom:10px}.admin-modal-buttons{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:15px}body.dark-mode .admin-modal-buttons{border-top-color:#444}.admin-modal-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s,background-color .2s}.admin-modal-buttons button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-save{background-color:#d39e00;background-color:var(--accent-color);color:#000}.btn-save:hover{background-color:#e6a800}body.dark-mode .btn-save:hover{background-color:#ffca28}.btn-undo{background-color:#f1c40f;color:#2c3e50}.btn-undo:hover{background-color:#f39c12}.btn-reset{background-color:#e74c3c;color:#fff}.btn-reset:hover{background-color:#c0392b}.btn-close{background-color:#95a5a6;color:#fff}.btn-close:hover{background-color:#7f8c8d}.admin-modal-close-button{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px;transition:transform .3s ease,color .3s ease}.admin-modal-close-button:hover{color:#333;transform:rotate(90deg)}.admin-modal .form-input,.admin-modal .form-textarea{background-color:#fff;border:2px solid #ccc;box-shadow:0 2px 5px #0000000d}body.dark-mode .admin-modal .form-input,body.dark-mode .admin-modal .form-textarea{background-color:#2c2c2c;border-color:#555}.admin-modal .form-input:focus,.admin-modal .form-textarea:focus{border-color:#d39e00;border-color:var(--accent-color);box-shadow:0 0 0 3px #ffc10740}.admin-body{border-top:1px solid #eee;display:flex;flex:1 1;margin-bottom:10px;margin-top:10px;overflow:hidden}.admin-sidebar{background-color:#f9f9f9;border-right:1px solid #ddd;flex-shrink:0;overflow-y:auto;width:200px}body.dark-mode .admin-sidebar{background-color:#2a2a2a;border-color:#444}.admin-sidebar-link{border-bottom:1px solid #d39e0033;border-bottom:1px solid var(--border-color);color:#121212;color:var(--text-primary);display:block;font-weight:500;padding:12px 15px;text-decoration:none;transition:background-color .2s}.admin-sidebar-link:hover{background-color:#0000000d;color:#d39e00;color:var(--accent-color)}body.dark-mode .admin-sidebar-link:hover{background-color:#ffffff0d}.admin-content-area{background-color:#00000005;flex:1 1;overflow-y:auto;padding:20px;scroll-behavior:smooth}.admin-section-title{border-bottom:2px solid #d39e00;border-bottom:2px solid var(--accent-color);color:#121212;color:var(--text-primary);font-size:1.2rem;margin-bottom:15px;margin-top:30px;padding-bottom:5px}.admin-section-title:first-child{margin-top:0}.admin-section-container{border-bottom:1px dashed #d39e0033;border-bottom:1px dashed var(--border-color);margin-bottom:60px;padding-bottom:30px}.admin-section-container:last-child{border-bottom:none;margin-bottom:0}.admin-image-upload{background-color:#00000008;border:1px dashed #d39e0033;border:1px dashed var(--border-color);border-radius:6px;margin-top:10px;padding:10px}.admin-image-preview img{border:1px solid #ddd;border-radius:4px;display:block;margin-bottom:10px;max-height:120px;max-width:100%}.admin-image-upload small{color:#555;color:var(--text-secondary);display:block;font-size:.8rem;margin-top:5px}.login-modal-content{background-color:#ffffffd9;background-color:var(--bg-container);border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-width:350px;padding:30px;position:relative;width:100%}body.dark-mode .login-modal-content{background-color:#2c2c2c;border:1px solid #444}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.input-error{animation:shake .4s ease-in-out;border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c40!important}.admin-toast{animation:slideDown .3s ease-out;background-color:#333;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:11000}.admin-toast.success{background-color:#2ecc71}.admin-toast.error{background-color:#e74c3c}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.confirm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:12000}.confirm-modal-content{background-color:#ffffffd9;background-color:var(--bg-container);border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:25px;text-align:center;width:90%}body.dark-mode .confirm-modal-content{background-color:#2c2c2c;border:1px solid #444}.confirm-modal-content h3{color:#121212;color:var(--text-primary);margin-top:0}.confirm-modal-content p{color:#444;color:var(--text-body);margin-bottom:20px}.confirm-buttons{display:flex;gap:15px;justify-content:center}.btn-confirm-yes{background-color:#e74c3c}.btn-confirm-no,.btn-confirm-yes{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-confirm-no{background-color:#95a5a6}.btn-confirm-yes:hover{background-color:#c0392b}.btn-confirm-no:hover{background-color:#7f8c8d}.admin-sidebar-overlay,.admin-sidebar-toggle{display:none}@media (max-width:768px){.admin-sidebar-toggle{background:none;border:none;color:#121212;color:var(--text-primary);cursor:pointer;display:block;font-size:1.5rem;left:15px;position:absolute;top:15px;z-index:100}.admin-modal h2{padding-left:40px}.admin-body{position:relative}.admin-sidebar{box-shadow:2px 0 10px #0000001a;height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:250px;z-index:101}.admin-sidebar.open{left:0}.admin-sidebar-overlay{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.admin-sidebar-overlay.open{display:block}}
/*# sourceMappingURL=main.b6da109b.css.map*/