.footer-container{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(102,126,234,.2);min-height:60px;transition:background-color .3s ease,border-color .3s ease}.dark-mode .footer-container{background:#0f0f23f2;border-top:1px solid rgba(100,255,218,.2)}.footer-icons{display:flex;gap:20px;align-items:center}.footer-icons img{width:28px;height:28px;object-fit:contain;opacity:.8;transition:all .3s ease;cursor:pointer;filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(211deg) brightness(97%) contrast(86%)}.footer-icons img[alt=Mail]{width:32px;height:32px}.footer-icons img:hover{opacity:1;transform:scale(1.07);filter:brightness(0) saturate(100%) invert(25%) sepia(100%) saturate(2076%) hue-rotate(252deg) brightness(91%) contrast(86%)}.dark-mode .footer-icons img{filter:brightness(0) saturate(100%) invert(89%) sepia(53%) saturate(2878%) hue-rotate(142deg) brightness(104%) contrast(97%)}.dark-mode .footer-icons img:hover{filter:brightness(0) saturate(100%) invert(69%) sepia(85%) saturate(6049%) hue-rotate(318deg) brightness(100%) contrast(93%)}.footer-text{color:#667eea;font-size:1rem;letter-spacing:.5px;white-space:nowrap;transition:color .3s ease}.dark-mode .footer-text{color:#64ffda}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:center;gap:15px;padding:20px 15px}.footer-icons{order:1}.footer-text{order:2;text-align:center;font-size:.9rem}}.header-container{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:24px 40px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.2);box-shadow:0 2px 20px #667eea1a;transition:background-color .3s ease,border-color .3s ease}.dark-mode .header-container{background:#0f0f23f2;border-bottom:1px solid rgba(100,255,218,.2);box-shadow:0 2px 20px #64ffda1a}.header-name{position:absolute;left:40px;font-size:1.8rem;font-weight:700;margin:0;letter-spacing:1px;white-space:nowrap;transition:color .3s ease;color:#667eea}.dark-mode .header-name{color:#64ffda}.navbar{display:flex;gap:20px}.navbar button{color:#4a5568;background:none;border:none;font-size:1rem;padding:6px 14px;border-radius:6px;transition:background .2s,color .2s;cursor:pointer;font-family:inherit}.navbar button:hover,.navbar button:focus{background:#667eea;color:#fff;outline:none}.navbar button.active{background:#667eea;color:#fff}.dark-mode .navbar button{color:#a0aec0}.dark-mode .navbar button:hover,.dark-mode .navbar button:focus,.dark-mode .navbar button.active{background:#64ffda;color:#0f0f23}.darkmode-logo{position:absolute;right:40px;font-size:1.5rem;color:#667eea;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:opacity .2s ease}.darkmode-logo:hover{opacity:.7}.dark-mode .darkmode-logo{color:#64ffda}.darkmode-logo svg,.darkmode-logo img{width:28px;height:28px;display:block;transition:all .3s ease;filter:none}.darkmode-logo img{filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(211deg) brightness(97%) contrast(86%)}.dark-mode .darkmode-logo img{filter:brightness(0) saturate(100%) invert(89%) sepia(53%) saturate(2878%) hue-rotate(142deg) brightness(104%) contrast(97%)}.hamburger-button{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:4px;z-index:1001}.hamburger-line{width:25px;height:3px;background-color:#333;margin:3px 0;transition:.3s}.dark-mode .hamburger-line{background-color:#e0e0e0}.hamburger-line.open:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.mobile-menu{position:fixed;top:0;right:0;height:100vh;width:300px;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid rgba(102,126,234,.2);box-shadow:-10px 0 30px #667eea1a;z-index:1000;animation:slideInRight .3s ease-out;display:flex;flex-direction:column;padding-top:100px}.dark-mode .mobile-menu{background:#0f0f23f2;border-left:1px solid rgba(100,255,218,.2);box-shadow:-10px 0 30px #64ffda1a}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu .navbar{flex-direction:column;gap:0;padding:20px}.mobile-menu .navbar button{padding:18px 25px;text-align:left;font-size:1.1rem;border-radius:12px;margin:5px 20px;border:none;background:transparent;color:#4a5568;transition:all .3s ease}.mobile-menu .navbar button:hover,.mobile-menu .navbar button.active{background:#667eea1a;color:#667eea;transform:translate(10px)}.dark-mode .mobile-menu .navbar button{color:#a0aec0}.dark-mode .mobile-menu .navbar button:hover,.dark-mode .mobile-menu .navbar button.active{background:#64ffda1a;color:#64ffda}.mobile-menu-footer{margin-top:auto;padding:20px;border-top:1px solid rgba(102,126,234,.2)}.dark-mode .mobile-menu-footer{border-top:1px solid rgba(100,255,218,.2)}.mobile-darkmode-toggle{display:flex;align-items:center;gap:12px;padding:15px 20px;width:100%;background:transparent;border:2px solid rgba(102,126,234,.2);border-radius:12px;color:#667eea;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.mobile-darkmode-toggle:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-2px)}.mobile-darkmode-toggle img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(211deg) brightness(97%) contrast(86%)}.dark-mode .mobile-darkmode-toggle{color:#64ffda;border-color:#64ffda33}.dark-mode .mobile-darkmode-toggle:hover{background:#64ffda1a;border-color:#64ffda}.dark-mode .mobile-darkmode-toggle img{filter:brightness(0) saturate(100%) invert(89%) sepia(53%) saturate(2878%) hue-rotate(142deg) brightness(104%) contrast(97%)}@media (max-width: 1000px){.header-container{padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.header-name{position:static;left:auto;font-size:1.4rem;margin:0;grid-column:1}.navbar-desktop{display:none}.hamburger-button{display:flex;grid-column:2;justify-self:end}.darkmode-logo{display:none}}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.dark-mode .home-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.floating-shape{position:absolute;opacity:.1;animation:float 6s ease-in-out infinite}.floating-shape:nth-child(1){top:20%;left:10%;width:80px;height:80px;background:#ffffff1a;border-radius:50%;animation-delay:0s}.floating-shape:nth-child(2){top:60%;left:85%;width:60px;height:60px;background:#ffd70033;border-radius:20%;animation-delay:2s}.floating-shape:nth-child(3){top:40%;left:75%;width:100px;height:100px;background:#ffffff14;clip-path:polygon(50% 0%,0% 100%,100% 100%);animation-delay:4s}.floating-shape:nth-child(4){top:70%;left:20%;width:40px;height:40px;background:#ffd70026;transform:rotate(45deg);animation-delay:1s}.dark-mode .floating-shape:nth-child(1){background:#64ffda1a}.dark-mode .floating-shape:nth-child(2){background:#ff6b6b26}.dark-mode .floating-shape:nth-child(3){background:#64ffda14}.dark-mode .floating-shape:nth-child(4){background:#ff6b6b1f}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.home-content{text-align:center;z-index:2;position:relative;max-width:800px;padding:2rem}.greeting{font-size:1.2rem;color:#fffc;margin-bottom:1rem;opacity:0;animation:slideInUp .8s ease-out .2s forwards}.dark-mode .greeting{color:#64ffdacc}.name-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1rem;opacity:0;animation:slideInUp .8s ease-out .4s forwards;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.dark-mode .name-title{color:#64ffda;text-shadow:0 0 20px rgba(100,255,218,.3)}.role-description{font-size:1.4rem;color:#ffffffe6;margin-bottom:3rem;opacity:0;animation:slideInUp .8s ease-out .6s forwards}.dark-mode .role-description{color:#ccd6f6e6}.highlight{color:gold;font-weight:600;text-shadow:0 0 10px rgba(255,215,0,.5)}.dark-mode .highlight{color:#ff6b6b;text-shadow:0 0 15px rgba(255,107,107,.4)}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:slideInUp .8s ease-out .8s forwards}.cta-button{padding:14px 32px;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.cta-button.primary{background:#fff;color:#667eea;box-shadow:0 4px 15px #0003}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-button.secondary:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}.dark-mode .cta-button.primary{background:#fff;color:#2c3e50}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;opacity:0;animation:slideInUp .8s ease-out 1s forwards}.scroll-arrow{width:24px;height:24px;border:2px solid rgba(255,255,255,.6);border-top:none;border-right:none;transform:rotate(-45deg);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(-45deg)}40%{transform:translateY(-10px) rotate(-45deg)}60%{transform:translateY(-5px) rotate(-45deg)}}.cursor{color:gold;animation:blink 1s infinite;font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.name-title{font-size:2.5rem}.role-description{font-size:1.2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:250px;justify-content:center}.floating-shape{opacity:.05}}@media (max-width: 480px){.home-content{padding:1rem}.name-title{font-size:2rem}.greeting,.role-description{font-size:1rem}}.about-container{min-height:100vh;padding:120px 40px 80px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:center;align-items:flex-start}.dark-mode .about-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.about-content{max-width:1200px;width:100%;display:grid;gap:60px}.about-text h2{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:2rem;text-align:center;opacity:0;animation:slideInUp .8s ease-out .2s forwards}.dark-mode .about-text h2{color:#64ffda}.about-description{font-size:1.1rem;line-height:1.8;color:#495057;max-width:800px;margin:0 auto;opacity:0;animation:slideInUp .8s ease-out .4s forwards}.dark-mode .about-description{color:#ccd6f6}.about-description p{margin-bottom:1.5rem}.about-description .highlight{color:#667eea;font-weight:600}.dark-mode .about-description .highlight{color:#64ffda}.skills-section{opacity:0;animation:slideInUp .8s ease-out .6s forwards}.skills-section h3{font-size:2rem;font-weight:600;color:#667eea;margin-bottom:2rem;text-align:center}.dark-mode .skills-section h3{color:#64ffda}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.skill-item{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(102,126,234,.2);transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:slideInUp .6s ease-out forwards}.dark-mode .skill-item{background:#1a1a2eb3;border:1px solid rgba(100,255,218,.2)}.skill-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea33}.dark-mode .skill-item:hover{box-shadow:0 10px 30px #64ffda33}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.skill-name{font-weight:600;color:#495057;font-size:1rem}.dark-mode .skill-name{color:#e6f1ff}.skill-percentage{font-size:.9rem;color:#667eea;font-weight:600}.dark-mode .skill-percentage{color:#64ffda}.skill-bar{width:100%;height:8px;background:#667eea1a;border-radius:4px;overflow:hidden}.dark-mode .skill-bar{background:#64ffda1a}.skill-progress{height:100%;border-radius:4px;transition:width 1.5s ease-in-out;position:relative}.skill-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.specialties{opacity:0;animation:slideInUp .8s ease-out .8s forwards}.specialties h3{font-size:2rem;font-weight:600;color:#667eea;margin-bottom:2rem;text-align:center}.dark-mode .specialties h3{color:#64ffda}.specialties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.specialty-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:center;border:1px solid rgba(102,126,234,.2);transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:slideInUp .6s ease-out forwards}.dark-mode .specialty-card{background:#1a1a2ecc;border:1px solid rgba(100,255,218,.2)}.specialty-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #667eea26}.dark-mode .specialty-card:hover{box-shadow:0 15px 40px #64ffda26}.specialty-card:nth-child(1){animation-delay:.9s}.specialty-card:nth-child(2){animation-delay:1s}.specialty-card:nth-child(3){animation-delay:1.1s}.specialty-icon{font-size:3rem;margin-bottom:1rem;display:block}.specialty-card h4{font-size:1.3rem;font-weight:600;color:#667eea;margin-bottom:1rem}.dark-mode .specialty-card h4{color:#64ffda}.specialty-card p{color:#6c757d;line-height:1.6;font-size:1rem}.dark-mode .specialty-card p{color:#a8b2d1}@media (max-width: 768px){.about-container{padding:100px 20px 60px}.about-content{gap:40px}.about-text h2{font-size:2rem}.skills-section h3,.specialties h3{font-size:1.6rem}.skills-grid,.specialties-grid{grid-template-columns:1fr}.about-description{font-size:1rem}}.education-container{min-height:100vh;padding:120px 40px 80px;background:linear-gradient(135deg,#e9ecef,#f8f9fa);display:flex;justify-content:center;align-items:flex-start}.dark-mode .education-container{background:linear-gradient(135deg,#16213e,#1a1a2e)}.education-content{max-width:1000px;width:100%}.education-content>h2{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:3rem;text-align:center;opacity:0;animation:slideInUp .8s ease-out .2s forwards}.dark-mode .education-content>h2{color:#64ffda}.education-section{margin-bottom:4rem;opacity:0;animation:slideInUp .8s ease-out .4s forwards}.education-section:nth-child(3){animation-delay:.6s}.section-header{margin-bottom:2rem}.section-header h3{font-size:1.8rem;font-weight:600;color:#495057;display:flex;align-items:center;gap:.5rem}.dark-mode .section-header h3{color:#ccd6f6}.section-icon{font-size:1.5rem}.education-timeline{position:relative}.education-item{display:flex;margin-bottom:2rem;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;margin-right:2rem;position:relative}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#667eea;border:3px solid #ffffff;box-shadow:0 0 0 3px #667eea;z-index:2}.dark-mode .timeline-dot{background:#64ffda;border-color:#1a1a2e;box-shadow:0 0 0 3px #64ffda}.education-item.current .timeline-dot{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #667eeab3}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.dark-mode .education-item.current .timeline-dot{animation:pulseDark 2s infinite}@keyframes pulseDark{0%{box-shadow:0 0 #64ffdab3}70%{box-shadow:0 0 0 10px #64ffda00}to{box-shadow:0 0 #64ffda00}}.timeline-line{width:2px;height:60px;background:linear-gradient(to bottom,#667eea,transparent);margin-top:8px}.dark-mode .timeline-line{background:linear-gradient(to bottom,#64ffda,transparent)}.education-item:last-child .timeline-line{display:none}.education-card{flex:1;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid rgba(102,126,234,.2);transition:transform .3s ease,box-shadow .3s ease}.dark-mode .education-card{background:#1a1a2ee6;border:1px solid rgba(100,255,218,.2)}.education-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea26}.dark-mode .education-card:hover{box-shadow:0 15px 40px #64ffda26}.card-header h4{font-size:1.4rem;font-weight:600;color:#667eea;margin-bottom:.5rem}.dark-mode .card-header h4{color:#64ffda}.institution{font-size:1rem;color:#6c757d;font-weight:500;display:block;margin-bottom:.3rem}.dark-mode .institution{color:#a8b2d1}.period{font-size:.9rem;color:gold;font-weight:600;background:#ffd7001a;padding:.2rem .8rem;border-radius:20px;display:inline-block}.dark-mode .period{color:#ff6b6b;background:#ff6b6b1a}.description{color:#495057;line-height:1.6;margin:1rem 0}.dark-mode .description{color:#ccd6f6}.skills-list{margin-top:1.5rem}.skills-label{font-size:.9rem;color:#6c757d;font-weight:600;display:block;margin-bottom:.5rem}.dark-mode .skills-label{color:#a8b2d1}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#667eea1a;color:#667eea;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.dark-mode .skill-tag{background:#64ffda1a;color:#64ffda}.current-status{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(102,126,234,.2)}.dark-mode .current-status{border-top-color:#64ffda33}.status-indicator{display:flex;align-items:center;gap:.5rem;color:#667eea;font-weight:600;font-size:.9rem}.dark-mode .status-indicator{color:#64ffda}.pulse{width:8px;height:8px;border-radius:50%;background:#667eea;animation:pulse 1.5s infinite}.dark-mode .pulse{background:#64ffda}.coming-soon{text-align:center;padding:3rem 2rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(102,126,234,.2)}.dark-mode .coming-soon{background:#1a1a2ecc;border:1px solid rgba(100,255,218,.2)}.coming-soon-icon{font-size:3rem;margin-bottom:1rem}.coming-soon-content h4{font-size:1.3rem;color:#667eea;margin-bottom:1rem;font-weight:600}.dark-mode .coming-soon-content h4{color:#64ffda}.coming-soon-content p{color:#6c757d;line-height:1.6;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.dark-mode .coming-soon-content p{color:#a8b2d1}.planned-certs{margin-top:1.5rem}.planned-label{font-size:.9rem;color:#6c757d;font-weight:600;display:block;margin-bottom:.8rem}.dark-mode .planned-label{color:#a8b2d1}.planned-items{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.planned-item{background:#ffd7001a;color:gold;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,215,0,.3)}.dark-mode .planned-item{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b4d}.learning-journey{margin-top:3rem;text-align:center;opacity:0;animation:slideInUp .8s ease-out .8s forwards}.learning-journey h3{font-size:1.6rem;color:#667eea;margin-bottom:1rem;font-weight:600}.dark-mode .learning-journey h3{color:#64ffda}.learning-journey p{color:#6c757d;line-height:1.7;max-width:700px;margin:0 auto;font-size:1rem}.dark-mode .learning-journey p{color:#a8b2d1}@media (max-width: 768px){.education-container{padding:100px 20px 60px}.education-content>h2{font-size:2rem}.section-header h3{font-size:1.5rem}.education-item{flex-direction:column}.timeline-marker{flex-direction:row;margin-right:0;margin-bottom:1rem}.timeline-line{width:40px;height:2px;margin-top:0;margin-left:8px}.education-card{padding:1.5rem}.planned-items{flex-direction:column;align-items:center}}.projects-container{min-height:100vh;padding:120px 40px 80px;background:linear-gradient(135deg,#e9ecef,#f8f9fa);display:flex;justify-content:center;align-items:flex-start}.dark-mode .projects-container{background:linear-gradient(135deg,#16213e,#1a1a2e)}.projects-content{max-width:1200px;width:100%}.projects-content>h2{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:3rem;text-align:center;opacity:0;animation:slideInUp .8s ease-out .2s forwards}.dark-mode .projects-content>h2{color:#64ffda}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2.5rem;margin-bottom:4rem;opacity:0;animation:slideInUp .8s ease-out .4s forwards}.project-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;overflow:hidden;border:1px solid rgba(102,126,234,.2);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px #0000001a}.dark-mode .project-card{background:#1a1a2ef2;border:1px solid rgba(100,255,218,.2)}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #667eea33}.dark-mode .project-card:hover{box-shadow:0 25px 50px #64ffda33}.project-image{position:relative;height:280px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.dark-mode .project-image{background:#1a1a2e}.project-image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease;padding:1rem}.project-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;text-align:center}.dark-mode .project-placeholder{background:linear-gradient(135deg,#64ffda,#4facfe)}.placeholder-content{color:#fff}.placeholder-icon{font-size:3rem;display:block;margin-bottom:1rem}.placeholder-text{font-size:1.5rem;font-weight:600;display:block;margin-bottom:.5rem}.placeholder-subtitle{font-size:1rem;opacity:.8;margin:0}.project-card:hover .project-image img{transform:scale(1.02)}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.dark-mode .project-overlay{background:#1a1a2ee6}.project-card:hover .project-overlay{opacity:1}@media (hover: none) and (pointer: coarse){.project-overlay{opacity:.95;background:#000000d9}.dark-mode .project-overlay{background:#1a1a2ee6}.project-card:active .project-overlay{opacity:1}}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-link{padding:.8rem 1.5rem;background:#fffffff2;color:#333;text-decoration:none;border-radius:30px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:2px solid rgba(102,126,234,.2);cursor:pointer;font-size:.9rem;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .project-link{background:#1a1a2ee6;color:#a8b2d1;border:2px solid rgba(100,255,218,.3);box-shadow:0 2px 8px #0000004d}.project-link:hover{background:#667eea;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #667eea4d;border-color:#667eea}.dark-mode .project-link:hover{background:#64ffda;color:#1a1a2e;box-shadow:0 8px 20px #64ffda4d;border-color:#64ffda}.project-link.details{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-color:#667eea66;color:#667eea}.dark-mode .project-link.details{background:linear-gradient(135deg,#64ffda1a,#64ffda0d);border-color:#64ffda4d;color:#64ffda}.project-link.details:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.dark-mode .project-link.details:hover{background:linear-gradient(135deg,#64ffda,#4facfe);color:#1a1a2e;border-color:#64ffda}.project-link.github:hover{background:#333;border-color:#333}.dark-mode .project-link.github:hover{background:#2d3748;color:#64ffda;border-color:#2d3748}.project-content{padding:2rem}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.project-header h3{font-size:1.5rem;color:#667eea;font-weight:600;margin:0}.dark-mode .project-header h3{color:#64ffda}.project-meta{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge,.category-badge{padding:.3rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.dark-mode .status-badge.completed{background:#64ffda1a;color:#64ffda;border-color:#64ffda4d}.category-badge{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.3)}.project-description{color:#6c757d;line-height:1.6;margin-bottom:1.5rem}.dark-mode .project-description{color:#a8b2d1}.project-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(102,126,234,.1)}.dark-mode .project-footer{border-top-color:#64ffda1a}.future-projects-section{margin-top:4rem;padding-top:3rem;border-top:2px solid rgba(102,126,234,.2);opacity:0;animation:slideInUp .8s ease-out .6s forwards}.dark-mode .future-projects-section{border-top-color:#64ffda33}.future-projects-section h3{font-size:2rem;color:#667eea;margin-bottom:1rem;text-align:center;font-weight:600}.dark-mode .future-projects-section h3{color:#64ffda}.future-projects-section>p{text-align:center;color:#6c757d;margin-bottom:2rem;font-size:1.1rem}.dark-mode .future-projects-section>p{color:#a8b2d1}.coming-soon-section{opacity:0;animation:slideInUp .8s ease-out .4s forwards}.coming-soon-header{text-align:center;margin-bottom:4rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(102,126,234,.2)}.dark-mode .coming-soon-header{background:#1a1a2ecc;border:1px solid rgba(100,255,218,.2)}.coming-soon-icon{font-size:4rem;margin-bottom:1.5rem}.coming-soon-header h3{font-size:2rem;color:#667eea;margin-bottom:1rem;font-weight:600}.dark-mode .coming-soon-header h3{color:#64ffda}.coming-soon-header p{font-size:1.1rem;color:#6c757d;line-height:1.7;max-width:700px;margin:0 auto}.dark-mode .coming-soon-header p{color:#a8b2d1}.suggested-projects{margin-bottom:4rem}.suggested-projects h4{font-size:1.8rem;color:#667eea;margin-bottom:2rem;text-align:center;font-weight:600}.dark-mode .suggested-projects h4{color:#64ffda}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.suggestion-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid rgba(102,126,234,.2);transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:slideInUp .6s ease-out forwards}.dark-mode .suggestion-card{background:#1a1a2ee6;border:1px solid rgba(100,255,218,.2)}.suggestion-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #667eea26}.dark-mode .suggestion-card:hover{box-shadow:0 20px 40px #64ffda26}.suggestion-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.suggestion-icon{font-size:2.5rem;flex-shrink:0}.suggestion-meta h5{font-size:1.3rem;color:#667eea;margin-bottom:.5rem;font-weight:600}.dark-mode .suggestion-meta h5{color:#64ffda}.suggestion-badges{display:flex;gap:.5rem;flex-wrap:wrap}.difficulty-badge{padding:.2rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.beginner{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.difficulty-badge.intermediate{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.difficulty-badge.advanced{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.dark-mode .difficulty-badge.beginner{background:#64ffda1a;color:#64ffda;border-color:#64ffda4d}.dark-mode .difficulty-badge.intermediate{background:#ffd7001a;color:gold;border-color:#ffd7004d}.dark-mode .difficulty-badge.advanced{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b4d}.time-badge{padding:.2rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.3)}.dark-mode .time-badge{background:#64ffda1a;color:#64ffda;border-color:#64ffda4d}.suggestion-description{color:#6c757d;line-height:1.6;margin-bottom:1.5rem}.dark-mode .suggestion-description{color:#a8b2d1}.tech-stack{margin-bottom:1.5rem}.tech-label,.features-label{font-size:.9rem;color:#495057;font-weight:600;display:block;margin-bottom:.5rem}.dark-mode .tech-label,.dark-mode .features-label{color:#ccd6f6}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tech-tag{background:#667eea1a;color:#667eea;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}.dark-mode .tech-tag{background:#64ffda1a;color:#64ffda}.features-list ul{list-style:none;padding:0;margin:0}.features-list li{color:#6c757d;font-size:.9rem;position:relative;padding:.2rem 0 .2rem 1.2rem}.dark-mode .features-list li{color:#a8b2d1}.features-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.dark-mode .features-list li:before{color:#64ffda}.development-timeline{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(102,126,234,.2);text-align:center}.dark-mode .development-timeline{background:#1a1a2ecc;border:1px solid rgba(100,255,218,.2)}.development-timeline h4{font-size:1.8rem;color:#667eea;margin-bottom:1rem;font-weight:600}.dark-mode .development-timeline h4{color:#64ffda}.development-timeline>p{color:#6c757d;line-height:1.7;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.dark-mode .development-timeline>p{color:#a8b2d1}.timeline-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.goal-item{display:flex;align-items:flex-start;gap:1rem;text-align:left}.goal-number{width:40px;height:40px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.dark-mode .goal-number{background:#64ffda;color:#0f0f23}.goal-item strong{color:#667eea;font-size:1.1rem;display:block;margin-bottom:.5rem}.dark-mode .goal-item strong{color:#64ffda}.goal-item p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.dark-mode .goal-item p{color:#a8b2d1}@media (max-width: 1024px) and (min-width: 769px){.projects-grid{grid-template-columns:1fr;gap:2rem;max-width:600px;margin:0 auto}.project-links{flex-wrap:wrap;gap:.8rem}.project-link{padding:.7rem 1.2rem;font-size:.9rem}}@media (max-width: 768px){.projects-container{padding:100px 20px 60px}.projects-content>h2{font-size:2rem;margin-bottom:2rem}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-card{border-radius:16px}.project-image{height:220px}.project-content{padding:1.5rem}.project-header{flex-direction:column;align-items:flex-start;gap:.5rem}.project-header h3{font-size:1.3rem}.project-links{flex-direction:column;width:100%;gap:.8rem;padding:1rem}.project-link{padding:1rem 1.5rem;text-align:center;justify-content:center;font-size:1rem;width:100%;min-height:48px}.project-overlay{background:#000000e6}.dark-mode .project-overlay{background:#1a1a2ef2}.future-projects-section h3{font-size:1.6rem}.coming-soon-header{padding:2rem}.coming-soon-header h3{font-size:1.6rem}.suggestions-grid{grid-template-columns:1fr}.suggestion-card{padding:1.5rem}.timeline-goals{grid-template-columns:1fr}.development-timeline{padding:2rem}}@media (max-width: 480px){.projects-container{padding:80px 15px 40px}.project-card{border-radius:12px}.project-content{padding:1.2rem}.project-header h3{font-size:1.2rem}.project-meta{gap:.3rem}.status-badge,.category-badge{padding:.2rem .6rem;font-size:.7rem}.project-links{padding:.8rem;gap:.6rem}.project-link{padding:.8rem 1rem;font-size:.9rem;min-height:44px}.project-description{font-size:.95rem}.tech-tags{gap:.3rem}.tech-tag{padding:.3rem .6rem;font-size:.75rem}}.contact-container{min-height:100vh;padding:120px 40px 80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.dark-mode .contact-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.contact-content{max-width:700px;width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(102,126,234,.2);box-shadow:0 20px 40px #667eea1a;opacity:0;animation:slideInUp .8s ease-out .2s forwards}.dark-mode .contact-content{background:#1a1a2ee6;border:1px solid rgba(100,255,218,.2);box-shadow:0 20px 40px #64ffda1a}.contact-content h2{font-size:2.5rem;margin-bottom:1rem;text-align:center;color:#667eea;font-weight:700}.dark-mode .contact-content h2{color:#64ffda}.contact-content p{font-size:1.1rem;text-align:center;margin-bottom:3rem;color:#6c757d;line-height:1.6}.dark-mode .contact-content p{color:#a8b2d1}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#495057;font-size:1rem;margin-bottom:.5rem}.dark-mode .form-group label{color:#ccd6f6}.form-group input,.form-group textarea{padding:14px 18px;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:#fffc;color:#495057;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dark-mode .form-group input,.dark-mode .form-group textarea{background:#1a1a2ecc;border-color:#64ffda33;color:#ccd6f6}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus{border-color:#64ffda;box-shadow:0 0 0 3px #64ffda1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#adb5bd}.dark-mode .form-group input::placeholder,.dark-mode .form-group textarea::placeholder{color:#8892b0}.form-group textarea{resize:vertical;min-height:120px}.submit-button{padding:16px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 8px 25px #667eea4d;position:relative;overflow:hidden}.submit-button: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}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #667eea66}.submit-button:active:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.dark-mode .submit-button{background:linear-gradient(135deg,#64ffda,#4fc3f7);color:#0f0f23;box-shadow:0 8px 25px #64ffda4d}.dark-mode .submit-button:hover:not(:disabled){box-shadow:0 12px 35px #64ffda66}.dark-mode .submit-button:disabled{background:#4a5568;color:#8892b0}.status-message{padding:16px 20px;border-radius:12px;text-align:center;font-weight:500;margin-top:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;animation:slideInUp .5s ease-out}.status-message.success{background:#28a7451a;color:#28a745;border-color:#28a7454d}.status-message.error{background:#dc35451a;color:#dc3545;border-color:#dc35454d}.dark-mode .status-message.success{background:#64ffda1a;color:#64ffda;border-color:#64ffda4d}.dark-mode .status-message.error{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b4d}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-container{padding:100px 20px 60px}.contact-content{padding:2rem;border-radius:16px}.contact-content h2{font-size:2rem}.contact-content p{font-size:1rem;margin-bottom:2rem}.form-group input,.form-group textarea{padding:12px 16px}.submit-button{padding:14px 32px;font-size:1rem}}.kennel-project-container{min-height:100vh;background:linear-gradient(135deg,#e9ecef,#f8f9fa)}.dark-mode .kennel-project-container{background:linear-gradient(135deg,#16213e,#1a1a2e)}.project-header-bar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(102,126,234,.1)}.dark-mode .project-header-bar{background:#1a1a2ef2;border-bottom-color:#64ffda1a}.back-button-header{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:.6rem 1.2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem}.dark-mode .back-button-header{background:#64ffda1a;border-color:#64ffda4d;color:#64ffda}.back-button-header:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.dark-mode .back-button-header:hover{background:#64ffda;color:#1a1a2e}.project-darkmode-toggle{width:40px;height:40px;border-radius:50%;background:#667eea1a;border:1px solid rgba(102,126,234,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.dark-mode .project-darkmode-toggle{background:#64ffda1a;border-color:#64ffda33}.project-darkmode-toggle:hover{background:#667eea33;transform:scale(1.05)}.dark-mode .project-darkmode-toggle:hover{background:#64ffda33}.project-darkmode-toggle img{width:20px;height:20px;filter:invert(.4) sepia(1) saturate(3) hue-rotate(220deg)}.dark-mode .project-darkmode-toggle img{filter:invert(.8) sepia(1) saturate(3) hue-rotate(160deg)}.kennel-project-content{padding:2rem;max-width:1200px;margin:0 auto}.project-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:3rem;border:1px solid rgba(102,126,234,.2)}.dark-mode .project-hero{background:#1a1a2ee6;border-color:#64ffda33}.project-hero h1{font-size:2.5rem;color:#667eea;margin-bottom:1rem;font-weight:700;line-height:1.2}.dark-mode .project-hero h1{color:#64ffda}.project-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-badge{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.3);padding:.3rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.dark-mode .category-badge{background:#64ffda1a;color:#64ffda;border-color:#64ffda4d}.completion-date{color:#6c757d;font-size:.9rem;font-style:italic}.dark-mode .completion-date{color:#a8b2d1}.project-intro{font-size:1.1rem;line-height:1.6;color:#6c757d}.dark-mode .project-intro{color:#a8b2d1}.project-hero-image{border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000001a;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:1rem}.dark-mode .project-hero-image{background:#1a1a2e;box-shadow:0 20px 40px #0000004d}.project-hero-image img{width:100%;height:auto;object-fit:contain;border-radius:12px}.tech-section,.overview-section,.features-section,.challenges-solutions-section,.outcome-section,.cta-section{background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2.5rem;margin-bottom:2rem;border:1px solid rgba(102,126,234,.2)}.dark-mode .tech-section,.dark-mode .overview-section,.dark-mode .features-section,.dark-mode .challenges-solutions-section,.dark-mode .outcome-section,.dark-mode .cta-section{background:#1a1a2ee6;border-color:#64ffda33}.tech-section h2,.overview-section h2,.features-section h2,.challenges-solutions-section h2,.outcome-section h2,.cta-section h2{color:#667eea;font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.dark-mode .tech-section h2,.dark-mode .overview-section h2,.dark-mode .features-section h2,.dark-mode .challenges-solutions-section h2,.dark-mode .outcome-section h2,.dark-mode .cta-section h2{color:#64ffda}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.tech-item{background:#667eea1a;border:1px solid rgba(102,126,234,.2);padding:1rem;border-radius:12px;text-align:center;transition:transform .3s ease}.dark-mode .tech-item{background:#64ffda1a;border-color:#64ffda33}.tech-item:hover{transform:translateY(-2px)}.tech-name{font-weight:600;color:#667eea}.dark-mode .tech-name{color:#64ffda}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#667eea0d;border-radius:12px;border:1px solid rgba(102,126,234,.1)}.dark-mode .feature-item{background:#64ffda0d;border-color:#64ffda1a}.feature-icon{color:#28a745;font-weight:700;font-size:1.1rem}.dark-mode .feature-icon{color:#64ffda}.feature-text{color:#6c757d;font-weight:500}.dark-mode .feature-text{color:#a8b2d1}.challenges-solutions-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2.5rem}.challenges,.solutions{padding:0}.challenges h2,.solutions h2{margin-bottom:1rem;font-size:1.5rem}.challenges ul,.solutions ul{list-style:none;padding:0}.challenges li,.solutions li{border-bottom:1px solid rgba(102,126,234,.1);color:#6c757d;line-height:1.5;position:relative;padding:.8rem 0 .8rem 1.5rem}.dark-mode .challenges li,.dark-mode .solutions li{border-bottom-color:#64ffda1a;color:#a8b2d1}.challenges li:before{content:"⚠";position:absolute;left:0;color:#ffc107}.solutions li:before{content:"💡";position:absolute;left:0}.challenges li:last-child,.solutions li:last-child{border-bottom:none}.overview-section p,.outcome-section p{font-size:1.1rem;line-height:1.7;color:#6c757d}.dark-mode .overview-section p,.dark-mode .outcome-section p{color:#a8b2d1}.gallery-section{background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2.5rem;margin-bottom:2rem;border:1px solid rgba(102,126,234,.2)}.dark-mode .gallery-section{background:#1a1a2ee6;border-color:#64ffda33}.gallery-section h2{color:#667eea;font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.dark-mode .gallery-section h2{color:#64ffda}.gallery-section>p{font-size:1.1rem;line-height:1.7;color:#6c757d;margin-bottom:2rem}.dark-mode .gallery-section>p{color:#a8b2d1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.gallery-item{background:#ffffffb3;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(102,126,234,.1)}.dark-mode .gallery-item{background:#1a1a2eb3;border-color:#64ffda1a}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #667eea26}.dark-mode .gallery-item:hover{box-shadow:0 15px 30px #64ffda26}.gallery-image{width:100%;height:250px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.dark-mode .gallery-image{background:#1a1a2e}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-image img{transform:scale(1.05)}.gallery-info{padding:1.5rem}.gallery-info h3{color:#667eea;font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.dark-mode .gallery-info h3{color:#64ffda}.gallery-info p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.dark-mode .gallery-info p{color:#a8b2d1}.cta-section{text-align:center}.cta-section p{font-size:1.1rem;color:#6c757d;margin-bottom:2rem}.dark-mode .cta-section p{color:#a8b2d1}.contact-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #667eea4d}.dark-mode .contact-cta{background:linear-gradient(135deg,#64ffda,#4facfe);color:#1a1a2e}.contact-cta:hover{transform:translateY(-3px);box-shadow:0 10px 25px #667eea66}.dark-mode .contact-cta:hover{box-shadow:0 10px 25px #64ffda66}@media (max-width: 768px){.kennel-project-container{min-height:100vh}.project-header-bar{padding:.8rem 1rem}.back-button-header{padding:.5rem 1rem;font-size:.85rem}.project-darkmode-toggle{width:36px;height:36px}.project-darkmode-toggle img{width:18px;height:18px}.kennel-project-content{padding:1rem}.project-hero{grid-template-columns:1fr;gap:2rem;padding:2rem}.project-hero h1{font-size:2rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.features-grid{grid-template-columns:1fr}.challenges-solutions-section{grid-template-columns:1fr;gap:2rem}.gallery-grid{grid-template-columns:1fr;gap:1.5rem}.gallery-image{height:200px}.gallery-info{padding:1.2rem}.tech-section,.overview-section,.features-section,.challenges-solutions-section,.outcome-section,.cta-section,.gallery-section{padding:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:#fff;transition:background-color .3s ease}.dark-mode html{background-color:#1a1a1a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#fff;transition:background-color .3s ease,color .3s ease;min-height:100vh}.dark-mode body{background-color:#1a1a1a;color:#e0e0e0}main{margin:0;padding:96px 0 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;transition:background-color .3s ease}.dark-mode main{background:linear-gradient(135deg,#1a1a2e,#16213e)}section{scroll-margin-top:96px;background:transparent}