.education{padding-block:var(--section-padding);background-color:var(--bg-secondary)}.education .section-title{margin-bottom:15px}.education .section-text{margin-bottom:50px;color:var(--text-secondary)}.education-container{display:grid;gap:30px;list-style:none;padding:0;margin:0}@media (min-width: 768px){.education-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.education-container{grid-template-columns:repeat(3,1fr)}}.education-card{background:var(--bg-primary);border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.education-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.education-card-title{font-size:var(--fs-4);color:var(--charcoal);margin-bottom:15px;display:flex;align-items:center;gap:10px}.education-card-title ion-icon{font-size:24px;color:var(--cinnamon-satin)}.education-institute{font-size:var(--fs-5);color:var(--black-coral);margin-bottom:15px;font-weight:var(--fw-700)}.education-year{font-size:var(--fs-7);color:var(--manatee);margin-bottom:20px;display:inline-block;padding:4px 12px;background-color:var(--raisin-black_a6);border-radius:var(--radius-pill)}.education-courses-title{font-size:var(--fs-6);color:var(--charcoal);margin-bottom:12px}.education-courses-list{display:flex;flex-wrap:wrap;gap:10px}.education-course-item{background-color:var(--raisin-black_a6);color:var(--charcoal);padding:6px 14px;border-radius:var(--radius-pill);font-size:var(--fs-7);transition:var(--transition-1)}.education-course-item:hover{background-color:var(--cinnamon-satin);color:var(--white)}.credential-button-wrapper{margin-top:25px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:center}.view-certificate-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#6c5ce7,#a55eea);color:#fff;padding:14px 32px;border-radius:30px;text-decoration:none;font-size:1rem;font-weight:700;letter-spacing:.3px;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #6c5ce740;position:relative;overflow:hidden;min-width:200px}.view-certificate-btn: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}.view-certificate-btn:hover:before{left:100%}.view-certificate-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px #6c5ce766;background:linear-gradient(135deg,#5b4fd1,#9448d6)}.view-certificate-btn:active{transform:translateY(-1px) scale(.98);box-shadow:0 6px 16px #6c5ce74d}.view-certificate-btn ion-icon{font-size:1.3rem;transition:transform .3s ease}.view-certificate-btn:hover ion-icon{transform:translate(3px)}@media (min-width: 768px){.education-container{grid-template-columns:1fr}}@media (min-width: 992px){.education-container{grid-template-columns:repeat(2,1fr)}}html.dark-mode .education{background-color:var(--bg-secondary)}html.dark-mode .education .section-text{color:var(--text-secondary)}html.dark-mode .education-card{background-color:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}html.dark-mode .education-card:hover{box-shadow:var(--card-shadow-hover);border-color:#60a5fa}html.dark-mode .education-card-title{color:var(--text-primary)}html.dark-mode .education-card-title ion-icon{color:#60a5fa}html.dark-mode .education-institute{color:#60a5fa}html.dark-mode .education-year{background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}html.dark-mode .education-courses-title{color:var(--text-primary)}html.dark-mode .education-course-item{background-color:#60a5fa1a;color:#60a5fa;border:1px solid rgba(96,165,250,.2)}html.dark-mode .education-course-item:hover{background-color:#60a5fa;color:var(--bg-card)}html.dark-mode .credential-button-wrapper{border-top-color:var(--border-color)}html.dark-mode .view-certificate-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 8px 20px #60a5fa4d}html.dark-mode .view-certificate-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 12px 28px #60a5fa66}html.dark-mode .education-item{background-color:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}html.dark-mode .education-item:hover{box-shadow:var(--card-shadow-hover);border-color:#60a5fa}html.dark-mode .education-title{color:var(--text-primary)}html.dark-mode .institution-name{color:#60a5fa}html.dark-mode .education-period,html.dark-mode .education-description{color:var(--text-secondary)}.experience{padding-block:var(--section-padding);background-color:var(--bg-secondary)}.experience .section-title{margin-bottom:15px}.experience .section-text{margin-bottom:50px;color:var(--text-secondary)}.experience-list{display:flex;flex-direction:column;gap:30px;list-style:none;padding:0;margin:0}.experience-item{opacity:0;transform:translateY(30px);transition:all .6s ease}.experience-item.revealed{opacity:1;transform:translateY(0)}.experience-card{background:var(--bg-primary);border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.experience-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px;flex-wrap:wrap}.experience-title-wrapper{flex:1;min-width:250px}.experience-role{font-size:2.4rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.experience-company{font-size:1.8rem;font-weight:600;color:var(--primary-color, #6c5ce7);margin:0}.experience-duration{font-size:1.5rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);padding:8px 16px;border-radius:8px;white-space:nowrap}.experience-responsibilities{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.responsibility-item{display:flex;align-items:flex-start;gap:12px;font-size:1.6rem;line-height:1.8;color:var(--text-primary)}.responsibility-item ion-icon{color:var(--primary-color, #6c5ce7);font-size:2rem;flex-shrink:0;margin-top:2px}.responsibility-item span{flex:1}.view-certificate-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;text-decoration:none;border-radius:4px;font-size:1.1rem;font-weight:500;transition:all .3s ease;box-shadow:0 1px 4px #6c5ce726}.view-certificate-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #6c5ce740;background:linear-gradient(135deg,#5f4fd1,#9189e8)}.view-certificate-btn ion-icon{font-size:1.3rem}@media (max-width: 768px){.experience{padding-block:var(--section-padding)}.experience-header{flex-direction:column;align-items:flex-start}.experience-role{font-size:2rem}.experience-company{font-size:1.6rem}.experience-duration{font-size:1.4rem}.experience-card{padding:20px}.responsibility-item{font-size:1.5rem}}@media (max-width: 480px){.experience-role{font-size:1.8rem}.experience-company{font-size:1.5rem}.responsibility-item{font-size:1.4rem}.responsibility-item ion-icon{font-size:1.8rem}}html.dark-mode .experience{background-color:var(--bg-secondary)}html.dark-mode .experience .section-text{color:var(--text-secondary)}html.dark-mode .experience-card{background-color:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}html.dark-mode .experience-card:hover{box-shadow:var(--card-shadow-hover);border-color:#60a5fa}html.dark-mode .experience-role{color:var(--text-primary)}html.dark-mode .experience-company{color:#60a5fa}html.dark-mode .experience-duration{background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}html.dark-mode .responsibility-item{color:var(--text-secondary)}html.dark-mode .responsibility-item ion-icon{color:#60a5fa}html.dark-mode .view-certificate-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 8px #60a5fa4d}html.dark-mode .view-certificate-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #60a5fa66}html.dark-mode .timeline-item{background-color:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}html.dark-mode .timeline-item:hover{box-shadow:var(--card-shadow-hover);border-color:#60a5fa}html.dark-mode .experience-title{color:var(--text-primary)}html.dark-mode .experience-company{color:var(--cinnamon-satin)}html.dark-mode .experience-duration,html.dark-mode .experience-description{color:var(--text-secondary)}.tech-stack{padding-block:var(--section-padding);background-color:var(--bg-secondary)}.tech-stack .section-title{margin-bottom:15px}.tech-stack .section-text{margin-bottom:50px;color:var(--text-secondary)}.tech-stack-container{display:grid;gap:30px;list-style:none;padding:0;margin:0}@media (min-width: 768px){.tech-stack-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.tech-stack-container{grid-template-columns:repeat(3,1fr)}}.tech-category{background:var(--bg-primary);border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.tech-category:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.tech-category-title{font-size:var(--fs-4);color:var(--charcoal);margin-bottom:20px;display:flex;align-items:center;gap:10px}.tech-category-title ion-icon{font-size:24px;color:var(--cinnamon-satin)}.tech-list{display:flex;flex-wrap:wrap;gap:15px}.tech-item{background-color:var(--raisin-black_a6);color:var(--charcoal);padding:8px 16px;border-radius:var(--radius-pill);font-size:var(--fs-7);font-weight:var(--fw-700);transition:var(--transition-1)}.tech-item:hover{background-color:var(--cinnamon-satin);color:var(--white);transform:translateY(-3px)}html.dark-mode .tech-stack{background-color:var(--bg-primary)}html.dark-mode .tech-category{background-color:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}html.dark-mode .tech-category:hover{box-shadow:var(--card-shadow-hover);border-color:#6c5ce74d}html.dark-mode .category-title{color:var(--text-primary)}html.dark-mode .tech-item{background-color:var(--bg-secondary);border:1px solid var(--border-color)}html.dark-mode .tech-item:hover{background-color:#6c5ce71a;border-color:var(--cinnamon-satin)}html.dark-mode .tech-name{color:var(--text-secondary)}.project-card{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:3rem!important;padding:3rem!important;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease;min-height:400px!important}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.project-card .card-content{flex:0 0 25%!important;display:flex;flex-direction:column;justify-content:center;padding-right:3rem;gap:1.5rem}.project-card .card-banner{flex:0 0 75%!important;margin-bottom:0!important;border-radius:12px;overflow:hidden;background:transparent;min-height:400px!important;display:flex;align-items:center;justify-content:center}.project-card .card-banner img{width:100%;height:100%;display:block;object-fit:cover}.project-links{display:flex;gap:1.5rem;margin-top:auto;flex-wrap:wrap}.project-links .btn-text{display:flex;align-items:center;gap:.5rem;font-weight:500;transition:opacity .2s ease}.project-links .btn-text:hover{opacity:.8}@media (max-width: 968px){.project-card{flex-direction:column!important;height:auto!important;min-height:auto!important;padding:2rem!important;gap:2rem!important}.project-card .card-content{flex:1 1 auto!important;padding-right:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;gap:1.2rem!important}.project-card .card-banner{flex:0 0 auto!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin-top:0;min-height:250px!important}}@media (max-width: 640px){.project-card{padding:1.5rem!important;gap:1.5rem!important}.project-card .card-banner{min-height:200px!important}}html.dark-mode .projects{background-color:var(--bg-primary)}html.dark-mode .project-card{background-color:var(--bg-card)!important;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}html.dark-mode .project-card:hover{box-shadow:var(--card-shadow-hover);border-color:#60a5fa}html.dark-mode .project-item{background-color:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}html.dark-mode .project-item:hover{box-shadow:var(--card-shadow-hover);border-color:#60a5fa}html.dark-mode .card-title,html.dark-mode .project-title{color:var(--text-primary)!important}html.dark-mode .card-subtitle,html.dark-mode .project-category{color:#60a5fa!important}html.dark-mode .card-text,html.dark-mode .project-description{color:var(--text-secondary)!important}html.dark-mode .tech-tag{background-color:#60a5fa1a;color:#60a5fa;border:1px solid rgba(96,165,250,.2)}html.dark-mode .btn-text{color:#60a5fa!important}html.dark-mode .btn-text:hover{color:#3b82f6!important}html.dark-mode .btn-secondary{color:#60a5fa!important;border-color:#60a5fa!important}html.dark-mode .btn-secondary:hover{background-color:#60a5fa!important;color:var(--bg-card)!important}.testimonials{padding-block:var(--section-padding)}.testimonials .title-wrapper{margin-bottom:5rem;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem;list-style:none;padding:0;margin:0}.testimonial-card{background:var(--white);padding:2.5rem;border-radius:12px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;opacity:0;transform:translateY(20px);border:1px solid rgba(0,0,0,.05)}.testimonial-card.revealed{opacity:1;transform:translateY(0)}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #0000001f}.testimonial-header{display:flex;align-items:flex-start;gap:1.8rem;margin-bottom:2rem;padding-bottom:1.8rem;border-bottom:1px solid rgba(0,0,0,.08)}.profile-image-wrapper{flex-shrink:0}.profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color, #6c5ce7);box-shadow:0 2px 8px #0000001a}.profile-image-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3.2rem;box-shadow:0 2px 8px #0000001a}.testimonial-info{flex:1;min-width:0}.testimonial-name-link{text-decoration:none;color:inherit;transition:color .2s ease}.testimonial-name-link:hover .testimonial-name{color:var(--primary-color, #6c5ce7)}.testimonial-name{font-size:clamp(1.8rem,2vw,2.2rem);font-weight:700;color:var(--text-primary, #2c3e50);margin-bottom:.6rem;line-height:1.3;transition:color .2s ease}.testimonial-role{font-size:clamp(1.4rem,1.6vw,1.6rem);font-weight:600;color:var(--primary-color, #6c5ce7);margin-bottom:.4rem;line-height:1.4}.testimonial-company{font-size:clamp(1.3rem,1.5vw,1.5rem);color:#555;margin-bottom:.4rem;font-weight:500;line-height:1.4}.testimonial-relation{font-size:clamp(1.2rem,1.4vw,1.4rem);color:#777;font-style:italic;font-weight:400;line-height:1.4}.testimonial-message{position:relative;padding-left:2.8rem}.quote-icon{position:absolute;left:0;top:-.2rem;font-size:2.2rem;color:var(--primary-color, #6c5ce7);opacity:.25}.testimonial-message p{font-size:clamp(1.4rem,1.55vw,1.6rem);line-height:1.75;color:#444;font-style:italic;font-weight:400;letter-spacing:.01em}.testimonial-message .message-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.loading-message,.error-message,.empty-message{text-align:center;padding:3rem;font-size:1.6rem}.error-message{color:#f44336}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;gap:2rem}.testimonial-card{padding:2rem}.testimonial-header{gap:1.5rem}.profile-image,.profile-image-placeholder{width:70px;height:70px}.profile-image-placeholder{font-size:2.8rem}.testimonial-message{padding-left:2.5rem}.quote-icon{font-size:2rem}}@media (max-width: 480px){.testimonials-grid{gap:1.5rem}.testimonial-card{padding:1.8rem}.profile-image,.profile-image-placeholder{width:64px;height:64px}}html.dark-mode .testimonials{background-color:var(--bg-secondary)}html.dark-mode .testimonial-card{background:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}html.dark-mode .testimonial-card:hover{box-shadow:var(--card-shadow-hover);border-color:#6c5ce74d}html.dark-mode .testimonial-name{color:var(--text-primary)}html.dark-mode .testimonial-name-link:hover .testimonial-name,html.dark-mode .testimonial-role{color:var(--cinnamon-satin)}html.dark-mode .testimonial-company{color:var(--text-secondary)}html.dark-mode .testimonial-relation{color:var(--text-muted)}html.dark-mode .testimonial-message p{color:var(--text-secondary)}html.dark-mode .quote-icon{color:var(--cinnamon-satin)}html.dark-mode .testimonial-header{border-bottom-color:var(--border-color)}html.dark-mode .testimonial-card:hover{border-color:#60a5fa}html.dark-mode .testimonial-role,html.dark-mode .quote-icon{color:#60a5fa}.theme-toggle{position:fixed;bottom:30px;right:30px;width:60px;height:60px;cursor:pointer;border:none;background:#fff;padding:0;outline:none;border-radius:50%;box-shadow:0 4px 20px #00000026,0 0 0 4px #6c5ce71a;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}html.dark-mode .theme-toggle{background:#111827;box-shadow:0 4px 20px #0006,0 0 0 4px #60a5fa33}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 30px #0003,0 0 0 6px #6c5ce726}html.dark-mode .theme-toggle:hover{box-shadow:0 6px 30px #0009,0 0 0 6px #60a5fa4d}.theme-toggle:active{transform:scale(.98)}.theme-toggle-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.theme-toggle-thumb{display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle-thumb.light,.theme-toggle-thumb.dark{width:100%;height:100%}.theme-icon{width:28px;height:28px;transition:all .3s ease}.theme-toggle-thumb.light .theme-icon{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));animation:rotate 20s linear infinite}.theme-toggle-thumb.dark .theme-icon{color:#60a5fa;filter:drop-shadow(0 2px 4px rgba(96,165,250,.3))}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.theme-toggle{width:54px;height:54px;bottom:20px;right:20px}.theme-icon{width:24px;height:24px}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cinnamon-satin) 0%,var(--charcoal) 100%);padding:20px}.login-container{width:100%;max-width:450px}.login-card{background:var(--white);border-radius:var(--radius-8);box-shadow:0 20px 60px #0000004d;padding:40px;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:var(--fs-2);color:var(--charcoal);margin-bottom:8px}.login-header p{color:var(--manatee);font-size:var(--fs-7)}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:var(--radius-6);margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:var(--fs-7)}.error-message ion-icon{font-size:20px}.login-form,.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--charcoal);font-weight:var(--fw-700);margin-bottom:8px;font-size:var(--fs-7)}.form-group input{width:100%;padding:12px 16px;border:2px solid var(--raisin-black_a6);border-radius:var(--radius-6);font-size:var(--fs-7);transition:var(--transition-1)}.form-group input:focus{outline:none;border-color:var(--cinnamon-satin)}.btn-login{width:100%;background-color:var(--cinnamon-satin);color:var(--white);padding:14px;border:none;border-radius:var(--radius-6);font-size:var(--fs-6);font-weight:var(--fw-700);cursor:pointer;transition:var(--transition-1)}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;padding-top:20px;border-top:1px solid var(--raisin-black_a6)}.back-link{color:var(--manatee);font-size:var(--fs-7);display:inline-flex;align-items:center;gap:6px;transition:var(--transition-1)}.back-link:hover{color:var(--cinnamon-satin)}.admin-manager{max-width:1400px;margin:0 auto}.manager-header{margin-bottom:40px}.manager-header h1{font-size:var(--fs-1);color:var(--charcoal);margin-bottom:8px}.manager-header p{color:var(--manatee);font-size:var(--fs-6)}.manager-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.form-section,.list-section{background:var(--white);padding:30px;border-radius:var(--radius-8);box-shadow:var(--shadow-1)}.form-section h2,.list-section h2{font-size:var(--fs-3);color:var(--charcoal);margin-bottom:24px}.admin-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:var(--fw-700);color:var(--charcoal);font-size:1rem}.form-group input,.form-group textarea,.form-group select{padding:14px 18px;border:2px solid #d1d5db;border-radius:var(--radius-6);font-size:1rem;font-family:inherit;transition:var(--transition-1);background-color:var(--white);color:var(--charcoal)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--cinnamon-satin);box-shadow:0 0 0 3px #d5774a1a}.form-group small{color:var(--manatee);font-size:.875rem;line-height:1.5}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-actions{display:flex;gap:12px;margin-top:8px}.btn-primary,.btn-secondary{padding:14px 28px;border-radius:var(--radius-6);font-size:1rem;font-weight:var(--fw-700);cursor:pointer;transition:var(--transition-1);border:none}.btn-primary{background-color:var(--cinnamon-satin);color:var(--white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-secondary{background-color:var(--cultured);color:var(--charcoal)}.btn-secondary:hover{background-color:var(--raisin-black_a6)}.items-list{display:flex;flex-direction:column;gap:16px}.item-card{padding:20px;border:2px solid var(--raisin-black_a6);border-radius:var(--radius-8);transition:var(--transition-1)}.item-card:hover{border-color:var(--cinnamon-satin)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.item-header h3{font-size:var(--fs-5);color:var(--charcoal);margin:0}.item-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:8px;border:none;border-radius:var(--radius-6);cursor:pointer;transition:var(--transition-1);display:flex;align-items:center;justify-content:center}.btn-edit{background-color:#3498db;color:var(--white)}.btn-edit:hover{background-color:#2980b9}.btn-delete{background-color:#e74c3c;color:var(--white)}.btn-delete:hover{background-color:#c0392b}.btn-edit ion-icon,.btn-delete ion-icon{font-size:18px}.item-subtitle{color:var(--manatee);font-size:var(--fs-7);margin-bottom:12px}.item-description{color:var(--black-coral);font-size:var(--fs-7);margin-bottom:12px;line-height:1.6}.item-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:var(--raisin-black_a6);color:var(--charcoal);padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--fs-8);font-weight:var(--fw-700)}.item-links{display:flex;gap:16px;margin-top:12px}.item-links a{display:flex;align-items:center;gap:6px;color:var(--cinnamon-satin);font-size:var(--fs-7);transition:var(--transition-1)}.item-links a:hover{color:var(--charcoal)}.empty-message{text-align:center;color:var(--manatee);padding:40px 20px;font-size:var(--fs-6)}.loading{text-align:center;padding:60px 20px;font-size:var(--fs-4);color:var(--manatee)}@media (max-width: 992px){.manager-content,.form-row{grid-template-columns:1fr}}.admin-section{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.admin-section h2{margin-bottom:2rem;color:#2c3e50;font-size:2.4rem}.admin-form{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.8rem}.form-group label{font-weight:600;color:#2c3e50;font-size:1rem}.form-group input,.form-group textarea{padding:14px 18px;border:2px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .3s ease;background-color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.btn-primary{padding:14px 28px;background-color:#6c5ce7;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){background-color:#5f4dd1;transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce74d}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.admin-section{padding:1.5rem}}.section-divider{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.section-divider h3{font-size:2rem;color:#2c3e50;margin:0}.btn-add{padding:12px 24px;background-color:#6c5ce7;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add:hover{background-color:#5f4dd1;transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce74d}.dynamic-item{background:#f8f9fa;padding:2rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #e0e0e0;position:relative}.btn-remove{padding:12px 24px;background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-remove:hover{background-color:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.form-row .btn-remove{margin-top:0;height:42px;width:42px;padding:0;font-size:1.5rem;line-height:1;border-radius:50%;align-self:flex-end;margin-bottom:8px;display:flex;align-items:center;justify-content:center}small{display:block;color:#666;font-size:.875rem;margin-top:.5rem;font-style:italic;line-height:1.5}select{padding:14px 18px;border:2px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .3s ease;background-color:#fff;cursor:pointer}select:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.password-change-manager{max-width:600px;margin:0 auto;padding:2rem}.password-change-manager h2{color:var(--jet);margin-bottom:1.5rem;font-size:2rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;animation:slideDown .3s ease-out}.alert ion-icon{font-size:1.5rem;flex-shrink:0}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.password-form{background:var(--white-1);padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000000d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--jet);font-weight:600;font-size:1rem}.form-group input{width:100%;padding:14px 18px;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;background-color:#fff}.form-group input:focus{outline:none;border-color:var(--blue-crayola);box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled{background-color:var(--cultured);cursor:not-allowed;opacity:.6}.form-text{display:block;margin-top:.5rem;font-size:.85rem;color:var(--sonic-silver)}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{padding:.85rem 1.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-family:inherit}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-cancel{background:var(--white-2);color:var(--sonic-silver);border:2px solid var(--platinum)}.btn-cancel:hover:not(:disabled){background:var(--platinum);color:var(--jet)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.security-tips{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px}.security-tips h3{color:var(--jet);margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.security-tips h3 ion-icon{font-size:1.5rem;color:#667eea}.security-tips ul{list-style:none;padding:0;margin:0}.security-tips li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--sonic-silver);font-size:.9rem}.security-tips li:before{content:"•";position:absolute;left:0;color:#667eea;font-size:1.5rem;line-height:1}@media (max-width: 768px){.password-change-manager{padding:1rem}.password-form{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.admin-dashboard{display:flex;min-height:100vh;background-color:var(--cultured);position:relative}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;background-color:var(--charcoal);color:var(--white);z-index:1000;box-shadow:0 2px 10px #0000001a}.mobile-header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.mobile-header h2{font-size:1.25rem;margin:0}.mobile-menu-toggle{background:none;border:none;color:var(--white);font-size:28px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:var(--transition-1)}.mobile-menu-toggle:hover{color:var(--cinnamon-satin)}.mobile-menu-toggle ion-icon{pointer-events:none}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998}.admin-sidebar{width:280px;background-color:var(--charcoal);color:var(--white);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:999;transition:transform .3s ease}.sidebar-header{padding:30px 20px;border-bottom:1px solid var(--white_a12)}.sidebar-header h2{font-size:var(--fs-3);margin-bottom:8px}.sidebar-header p{font-size:var(--fs-7);color:var(--manatee)}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--white);transition:var(--transition-1);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:var(--fs-6)}.nav-item ion-icon{font-size:22px}.nav-item:hover{background-color:var(--white_a8)}.nav-item.active{background-color:var(--cinnamon-satin)}.sidebar-footer{padding:20px 0;border-top:1px solid var(--white_a12)}.logout-btn{color:#ff6b6b}.logout-btn:hover{background-color:#ff6b6b1a}.admin-content{margin-left:280px;flex:1;padding:40px;min-height:100vh;width:100%;box-sizing:border-box}.dashboard-home{max-width:1200px;margin:0 auto}.dashboard-home h1{font-size:var(--fs-1);color:var(--charcoal);margin-bottom:12px}.dashboard-home p{color:var(--manatee);margin-bottom:40px;font-size:1rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.dashboard-card{background:var(--white);padding:30px;border-radius:var(--radius-8);box-shadow:var(--shadow-1);transition:var(--transition-1);text-align:center}.dashboard-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}.dashboard-card ion-icon{font-size:48px;color:var(--cinnamon-satin);margin-bottom:16px}.dashboard-card h3{font-size:var(--fs-4);color:var(--charcoal);margin-bottom:8px}.dashboard-card p{color:var(--manatee);font-size:.95rem;margin:0;line-height:1.5}@media (max-width: 992px){.admin-sidebar{width:220px}.admin-content{margin-left:220px;padding:30px 20px}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.dashboard-card{padding:24px}.dashboard-card ion-icon{font-size:40px}}@media (max-width: 768px){.mobile-header,.sidebar-overlay{display:block}.admin-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.admin-sidebar.mobile-open{transform:translate(0)}.admin-content{margin-left:0;padding:80px 20px 20px;width:100%}.dashboard-home h1{font-size:1.75rem}.dashboard-cards{grid-template-columns:1fr;gap:16px}.dashboard-card{padding:24px 20px}.sidebar-header{padding:20px}.sidebar-header h2{font-size:1.5rem}}@media (max-width: 480px){.admin-sidebar{width:260px}.admin-content{padding:70px 15px 15px}.dashboard-home h1{font-size:1.5rem}.dashboard-home p{font-size:.9rem;margin-bottom:24px}.dashboard-card{padding:20px 16px}.dashboard-card ion-icon{font-size:36px;margin-bottom:12px}.dashboard-card h3{font-size:1.1rem}.dashboard-card p{font-size:.85rem}.nav-item{padding:12px 16px;font-size:.95rem}.nav-item ion-icon{font-size:20px}.sidebar-header{padding:16px}}body.mobile-menu-open{overflow:hidden}.container{padding-inline:16px}.social-list{display:flex;align-items:center;gap:12px}.social-link{font-size:2rem;transition:var(--transition-1)}.social-link:is(:hover,:focus-visible){transform:translateY(-3px)}.section{padding-block:var(--section-padding)}.w-100{width:100%}.h1,.h2,.h3,.h4{color:var(--charcoal);line-height:1.3}.h1{font-size:var(--fs-1)}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-3)}.h4{font-size:var(--fs-4)}.btn{color:var(--cinnamon-satin);font-size:var(--fs-6);font-weight:var(--fw-700);border:2px solid var(--cinnamon-satin);max-width:max-content;padding:12px 28px;border-radius:var(--radius-pill);transition:var(--transition-1);will-change:transform;height:fit-content;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:is(:hover,:focus-visible){transform:translateY(-4px)}.btn-primary{background-color:var(--cinnamon-satin)!important;color:var(--white)!important;border-color:var(--cinnamon-satin)!important}.btn-primary:hover{background-color:var(--white)!important;color:var(--cinnamon-satin)!important;border-color:var(--cinnamon-satin)!important}.btn-secondary:is(:hover,:focus-visible){background-color:var(--cinnamon-satin);color:var(--white)}html.dark-mode .btn-primary{background-color:#60a5fa!important;color:#0b1220!important;border-color:#60a5fa!important}html.dark-mode .btn-primary:hover{background-color:#3b82f6!important;color:#0b1220!important;border-color:#3b82f6!important;box-shadow:0 6px 24px #60a5fa66}.section-text{font-size:var(--fs-5)}.section-title{margin-block-end:16px}.grid-list{display:grid;gap:30px}[data-reveal]{opacity:0;transition:.75s ease}[data-reveal=top]{transform:translateY(-30px)}[data-reveal=bottom]{transform:translateY(30px)}[data-reveal=left]{transform:translate(-30px)}[data-reveal=right]{transform:translate(30px)}[data-reveal].revealed{transform:translate(0);opacity:1}.header{position:absolute;top:0;left:0;background:linear-gradient(135deg,#fffffffa,#fffffff2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:100%;padding-block:20px;box-shadow:0 4px 30px #00000014;transition:background .3s ease,box-shadow .3s ease;z-index:4;border-bottom:1px solid rgba(108,92,231,.1)}html.dark-mode .header{background:linear-gradient(135deg,#0b1220f2,#111827fa);box-shadow:0 4px 30px #0000004d;border-bottom:1px solid #1F2937}.header.active{position:fixed;background:linear-gradient(135deg,#fffffffa,#f8f7fffa);box-shadow:0 8px 32px #6c5ce726;animation:slideIn .5s ease forwards}html.dark-mode .header.active{background:linear-gradient(135deg,#0b1220fa,#111827);box-shadow:0 8px 32px #00000080;border-bottom:1px solid #374151}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;transition:all .3s ease;position:relative}.logo:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background:linear-gradient(90deg,#6c5ce7,#a29bfe);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:2px}.logo:hover:after{width:100%}.nav-open-btn{font-size:3.5rem;color:var(--gunmetal);transition:all .3s ease;cursor:pointer}.nav-open-btn:hover{color:#6c5ce7;transform:scale(1.1)}.navbar{position:fixed;top:0;left:-300px;background:linear-gradient(135deg,#2c3e50,#34495e);color:var(--white);max-width:300px;width:100%;height:100vh;padding:30px;padding-block-end:40px;display:flex;flex-direction:column;gap:30px;z-index:2;visibility:hidden;transition:var(--transition-3);box-shadow:4px 0 40px #0000004d}.navbar.active{visibility:visible;transform:translate(300px)}.navbar-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.1)}.nav-close-btn{background:linear-gradient(135deg,#ffffff26,#ffffff14);color:var(--white);font-size:2rem;padding:8px;border-radius:var(--radius-circle);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.nav-close-btn:is(:hover,:focus-visible){background:linear-gradient(135deg,#ffffff40,#ffffff26);transform:rotate(90deg)}.navbar-list{margin-block-end:auto;display:flex;flex-direction:column;gap:8px}.navbar-link{font-weight:var(--fw-700);padding:12px 16px;border-radius:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.6rem;display:block}.navbar-link:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#6c5ce7,#a29bfe);border-radius:0 4px 4px 0;transition:height .3s ease}.navbar-link:hover{background:#ffffff14;padding-left:24px;color:#a29bfe}.navbar-link:hover:before{height:100%}.contact-link{transition:var(--transition-1);color:#fffc;font-size:1.4rem;padding:12px 16px;background:#ffffff0d;border-radius:8px;display:inline-block}.contact-link:is(:hover,:focus-visible){color:#a29bfe;background:#ffffff1a}.wrapper{word-wrap:break-word;margin-top:10px}.social-list{display:flex;gap:12px;padding-top:20px;border-top:2px solid rgba(255,255,255,.1)}.social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.social-link:hover{background:linear-gradient(135deg,#6c5ce7,#a29bfe);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #6c5ce766}.social-link ion-icon{font-size:2.2rem;color:#fff}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--raisin-black);pointer-events:none;opacity:0;transition:var(--transition-1);z-index:1}.overlay.active{pointer-events:all;opacity:.8}.hero{padding-block-start:calc(var(--section-padding) + 50px);background-color:var(--cultured);transition:background-color .3s ease}html.dark-mode .hero{background:linear-gradient(180deg,#0b1220,#0f1623)}.hero .container{display:grid;gap:50px}.hero-banner{position:relative;max-width:max-content;margin-inline:auto}.hero-banner .w-100{mask-image:url(/assets/images/Blob.svg);-webkit-mask-image:url(/assets/images/Blog.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:auto;-webkit-mask-size:auto}.hero-content{text-align:center}.hero .section-text{margin-block:24px 36px}.btn-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}.btn{color:var(--cinnamon-satin);font-size:var(--fs-6);font-weight:var(--fw-700);border:2px solid var(--cinnamon-satin);max-width:max-content;padding:12px 28px;border-radius:var(--radius-pill);transition:var(--transition-1);will-change:transform;height:fit-content;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.download-resume-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:var(--cinnamon-satin);color:var(--white);font-size:var(--fs-6);font-weight:var(--fw-700);padding:12px 28px;border-radius:var(--radius-pill);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px #0000001a;min-height:48px;width:fit-content}html.dark-mode .download-resume-btn{background-color:#1f2937;color:#60a5fa;border:2px solid #60A5FA}.download-resume-btn:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}html.dark-mode .download-resume-btn:hover{background-color:#60a5fa;color:#0b1220;box-shadow:0 6px 20px #60a5fa4d}.about .wrapper{display:grid;gap:50px;margin-block-end:70px}.progress-list .label-wrapper{display:flex;justify-content:space-between;align-items:center;margin-block-end:4px}.progress-item:not(:last-child){margin-block-end:16px}.progress{background-color:var(--raisin-black_a6);height:6px;width:100%;border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:inherit}.about-card{text-align:center;height:100%;display:flex;flex-direction:column}.about-card .card-icon{max-width:max-content;margin-inline:auto}.about-card .card-title{margin-block:16px 10px}.project{border-block:1px solid var(--cadet-blue-crayola_a20)}.project .title-wrapper{margin-block-end:40px}.project .btn{margin-block-start:24px}.project .grid-list{gap:40px}.project-card{--padding: 24px;display:flex;flex-direction:column;gap:var(--padding);border-radius:var(--radius-8);overflow:hidden}.project-card-1,.project-card-2,:is(.project-card-3,.project-card-4) .card-content{padding:var(--padding)}.project-card-1{padding-block-end:0}.project :is(.project-card-3,.project-card-4){gap:0}.project-card .card-tag{font-size:var(--fs-8);font-weight:var(--fw-700);text-transform:uppercase}.project-card .card-title{margin-block:16px}.project-card .card-text{margin-block-end:20px}.project-card .btn-text{display:flex;align-items:center;gap:5px;font-weight:var(--fw-700);transition:var(--transition-1)}.project-card .btn-text:is(:hover,:focus-visible){gap:10px}.contact{padding-block-end:0}.contact-card{background-color:var(--snow);padding:32px;border-radius:var(--radius-8);display:grid;gap:40px;transition:background-color .3s ease}html.dark-mode .contact-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 16px #0000004d}.contact .section-title{margin-block-start:20px}.contact-form .alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;animation:slideDown .3s ease-out;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-form .alert ion-icon{font-size:1.5rem;flex-shrink:0}.contact-form .alert-success{background-color:#d4edda;color:#155724;border:2px solid #c3e6cb}.contact-form .alert-error{background-color:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.input-field{background-color:var(--white);color:var(--black-coral);font-size:var(--fs-7);padding:14px 18px;border-radius:var(--radius-6);outline:none;margin-block-end:20px;border:2px solid #e0e0e0;transition:border-color .3s ease}.input-field:focus{border-color:var(--cinnamon-satin)}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.input-field::placeholder{color:var(--manatee)}textarea.input-field{min-height:120px;height:180px;max-height:400px;resize:vertical;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;line-height:1.6}.footer{padding-block:40px;background-color:var(--white)}.copyright{margin-block-end:12px;color:var(--charcoal)}.footer .social-link{color:#2c3e50;font-size:2rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c5ce714,#a29bfe14);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(108,92,231,.15)}.footer .social-link:hover{background:linear-gradient(135deg,#6c5ce7,#a29bfe);transform:translateY(-3px);box-shadow:0 8px 20px #6c5ce74d}.footer .social-link:hover ion-icon{color:#fff}.footer .social-link ion-icon{font-size:2rem;color:#6c5ce7;transition:color .3s ease}.footer .social-list{display:flex;gap:12px;justify-content:center}@media (min-width: 575px){.container{max-width:540px;width:100%;margin-inline:auto}.project-card{--padding: 68px}.contact-card{padding:68px}}@media (min-width: 768px){.container{max-width:720px}.section-text{--fs-5: 2rem}.about .grid-list{grid-template-columns:1fr 1fr}.project .title-wrapper{display:flex;justify-content:space-between;align-items:center;gap:30px}.project .btn{min-width:max-content}.contact .section-text{--fs-5: 1.8rem}.input-wrapper{display:flex;align-items:center;gap:20px}.footer .container{display:flex;justify-content:space-between;align-items:center}.copyright{margin-block-end:0}}@media (min-width: 992px){:root{--section-padding: 120px}.container{max-width:960px}.nav-open-btn,.navbar-top,.navbar .wrapper,.overlay{display:none}.navbar,.navbar.active{all:unset;display:flex;flex-grow:1;align-items:center}.navbar-list{display:flex;flex-direction:row;gap:8px;margin-inline:auto;align-items:center;margin-block-end:0}.navbar-link{color:var(--charcoal);transition:all .3s cubic-bezier(.4,0,.2,1);padding:10px 20px;border-radius:8px;font-size:1.5rem;font-weight:600;position:relative;overflow:hidden}.navbar-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(180deg,#6c5ce71a,#a29bfe1a);transition:height .3s ease;z-index:-1;border-radius:8px}.navbar-link:hover{color:#6c5ce7;background:linear-gradient(135deg,#6c5ce714,#a29bfe14);transform:translateY(-2px)}.navbar-link:hover:before{height:100%}.navbar .social-list{display:flex;gap:10px;padding-top:0;border-top:none}.navbar .social-link{color:var(--charcoal);font-size:2rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c5ce714,#a29bfe14);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(108,92,231,.15)}.navbar .social-link:hover{background:linear-gradient(135deg,#6c5ce7,#a29bfe);transform:translateY(-3px);box-shadow:0 8px 20px #6c5ce74d}.navbar .social-link:hover ion-icon{color:#fff}.navbar .social-link ion-icon{font-size:2rem;color:#6c5ce7;transition:color .3s ease}.header{top:25px;max-width:960px;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:16px;border:1px solid rgba(108,92,231,.15)}.header.active{top:0;left:0;max-width:unset;border-radius:0;transform:translate(0)}.hero{padding-block-start:calc(var(--section-padding) + 80px)}.hero .container{grid-template-columns:.8fr 1fr;align-items:center;gap:100px}.hero-content{text-align:left}.hero .btn-wrapper{justify-content:flex-start}.about .wrapper{grid-template-columns:1fr 1fr;align-items:center}.about .grid-list{grid-template-columns:repeat(4,1fr)}.project .grid-list{grid-template-columns:1fr 1fr;row-gap:50px}.project .grid-list>li:nth-child(-n+2){grid-column:1 / 3}.project-card-1,.project-card-2{flex-direction:row;align-items:flex-end}:is(.project-card-1,.project-card-2) .card-content{width:33.33%}:is(.project-card-1,.project-card-2) .card-banner{width:66.66%}.project-card-1 .card-content{padding-block-end:var(--padding)}.project-card-2 .card-content{order:1}.contact-card{grid-template-columns:.8fr 1fr;align-items:center;gap:90px}}@media (min-width: 1200px){.container,.header{max-width:1140px}.about .grid-list{gap:50px}.contact-card{gap:150px}}@media (min-width: 1400px){.container,.header{max-width:1320px}.hero .container{grid-template-columns:1fr .8fr}.hero .section-text{--fs-5: 2.4rem}.about .wrapper{gap:100px}.about .grid-list{gap:60px}}html.dark-mode .hero{background-color:var(--bg-secondary)}html.dark-mode .card,html.dark-mode .project-card,html.dark-mode .service-card,html.dark-mode .stats-card{background-color:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color);transition:all .3s ease;border-radius:12px}html.dark-mode .card:hover,html.dark-mode .project-card:hover,html.dark-mode .service-card:hover{box-shadow:var(--card-shadow-hover);border-color:#60a5fa;transform:translateY(-2px)}html.dark-mode .input-field{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}html.dark-mode .input-field:focus{border-color:var(--cinnamon-satin);background-color:var(--bg-secondary)}html.dark-mode .input-field::placeholder{color:var(--text-muted)}html.dark-mode .navbar{background:linear-gradient(135deg,#0b1220,#111827);box-shadow:4px 0 40px #00000080}html.dark-mode .navbar-link:hover{background:#60a5fa1a;color:#60a5fa}html.dark-mode .contact-link{background:#60a5fa14;color:var(--text-secondary)}html.dark-mode .contact-link:hover{background:#60a5fa26;color:#60a5fa}html.dark-mode .logo{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark-mode .nav-open-btn{color:var(--text-primary)}html.dark-mode .nav-open-btn:hover{color:#a29bfe}html.dark-mode .footer{background-color:var(--bg-card);border-top:1px solid var(--border-color)}html.dark-mode .footer-text{color:var(--text-secondary)}html.dark-mode .contact-card{background-color:var(--bg-card)}html.dark-mode .contact .section-title,html.dark-mode .contact .section-text{color:var(--text-primary)}html.dark-mode .contact-form .alert-success{background-color:#48bb7826;color:#68d391;border-color:#48bb784d}html.dark-mode .contact-form .alert-error{background-color:#f5656526;color:#fc8181;border-color:#f565654d}html.dark-mode .btn{border-color:#60a5fa;color:#60a5fa;transition:all .3s ease}html.dark-mode .btn:hover{background-color:#60a5fa;color:#0b1220;box-shadow:0 4px 20px #60a5fa4d;transform:translateY(-4px)}html.dark-mode .section{background-color:var(--bg-primary)}html.dark-mode .about,html.dark-mode .project,html.dark-mode .contact{background-color:var(--bg-secondary)}html.dark-mode .h1,html.dark-mode .h2,html.dark-mode .h3,html.dark-mode .h4{color:var(--text-primary)}html.dark-mode .section-text,html.dark-mode p{color:var(--text-secondary)}html.dark-mode .project-card-1,html.dark-mode .project-card-2{background-color:var(--bg-card)}html.dark-mode .card-title{color:var(--text-primary)}html.dark-mode .card-tag{color:var(--text-muted)}html.dark-mode .stats-card{background:linear-gradient(135deg,#60a5fa14,#3b82f60d);border:1px solid rgba(96,165,250,.15)}html.dark-mode .service-card{background-color:var(--bg-card)}html.dark-mode .service-card .card-icon{background:#60a5fa1a}html.dark-mode .overlay.active{background-color:#0b1220eb;opacity:.95;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html.dark-mode .card-title,html.dark-mode .h3.card-title{color:var(--text-primary)!important}html.dark-mode .card-text{color:var(--text-secondary)!important}html.dark-mode .card-tag{color:#60a5fa!important}html.dark-mode p,html.dark-mode .section-text,html.dark-mode [style*="color: #2c3e50"],html.dark-mode [style*="color: #555"],html.dark-mode [style*="color: #333"],html.dark-mode [style*="color: #000"],html.dark-mode [style*="color: black"]{color:var(--text-secondary)!important}html.dark-mode h1[style*=color],html.dark-mode h2[style*=color],html.dark-mode h3[style*=color]{color:var(--text-primary)!important}:root{--white: hsla(0, 0%, 100%, 1);--white_a8: hsla(0, 0%, 100%, .08);--white_a12: hsla(0, 0%, 100%, .12);--cultured: hsla(220, 20%, 97%, 1);--snow: hsla(345, 57%, 97%, 1);--manatee: hsla(219, 10%, 62%, 1);--black-coral: hsla(220, 12%, 43%, 1);--cadet-blue-crayola_a20: hsla(222, 23%, 71%, .2);--cinnamon-satin: hsla(344, 53%, 62%, 1);--raisin-black: hsla(216, 14%, 14%, 1);--raisin-black_a6: hsla(216, 14%, 14%, .06);--gunmetal: hsla(214, 15%, 21%, 1);--charcoal: hsla(219, 22%, 26%, 1);--bg-primary: hsla(0, 0%, 100%, 1);--bg-secondary: hsla(220, 20%, 97%, 1);--bg-card: hsla(0, 0%, 100%, 1);--text-primary: hsla(219, 22%, 26%, 1);--text-secondary: hsla(220, 12%, 43%, 1);--text-muted: hsla(219, 10%, 62%, 1);--border-color: rgba(0, 0, 0, .08);--border-color-light: rgba(0, 0, 0, .05);--card-shadow: 0 2px 12px rgba(0, 0, 0, .08);--card-shadow-hover: 0 8px 30px rgba(0, 0, 0, .12);--ff-manrope: "Manrope", sans-serif;--fs-1: calc(2.7rem + 1.38vw) ;--fs-2: calc(2.6rem + .66vw) ;--fs-3: calc(2.6rem + .24vw) ;--fs-4: 1.9rem;--fs-5: 1.8rem;--fs-6: 1.7rem;--fs-7: 1.5rem;--fs-8: 1.4rem;--fw-700: 700;--section-padding: 90px;--shadow-1: 0 0 20px hsla(216, 14%, 14%, .05);--shadow-2: 0 4px 28px hsla(216, 14%, 14%, .07);--radius-circle: 50%;--radius-pill: 100px;--radius-8: 8px;--radius-6: 6px;--transition-1: .25s ease;--transition-2: .5s ease;--transition-3: .3s ease-in-out}html.dark-mode{--bg-primary: #0B1220;--bg-secondary: #0F1623;--bg-card: #111827;--text-primary: #E5E7EB;--text-secondary: #D1D5DB;--text-muted: #9CA3AF;--white: #111827;--cultured: #0F1623;--charcoal: #E5E7EB;--black-coral: #D1D5DB;--manatee: #9CA3AF;--cinnamon-satin: #60A5FA;--gunmetal: #D1D5DB;--border-color: #1F2937;--border-color-light: #374151;--card-shadow: 0 4px 16px rgba(0, 0, 0, .3);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .5);--scrollbar-track: #111827;--scrollbar-thumb: #374151;--scrollbar-thumb-hover: #4B5563}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a,img,span,button,ion-icon{display:block}a{color:inherit;text-decoration:none}img{height:auto}input,button,textarea{background:none;border:none;font:inherit}input,textarea{width:100%}button{cursor:pointer}ion-icon{pointer-events:none}html{font-family:var(--ff-manrope);font-size:10px;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-size:1.6rem;line-height:1.7;transition:background-color .3s ease,color .3s ease}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,color .3s ease}body.nav-active{overflow:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#fafafa}html.dark-mode ::-webkit-scrollbar-track{background-color:var(--scrollbar-track, hsla(220, 15%, 20%, 1))}::-webkit-scrollbar-thumb{background-color:#ccc}html.dark-mode ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb, hsla(220, 15%, 35%, 1))}::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}html.dark-mode ::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, hsla(220, 15%, 45%, 1))}