@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";body{font-family:Inter,sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s}body.light{background:linear-gradient(to right,#f1f5f9,#e2e8f0);color:#111827}body.dark{background:linear-gradient(to right,#1e40af,#6b21a8);color:#e2e8f0}.navbar{background-color:#334155;color:#fff;padding:1rem;position:sticky;top:0;z-index:1000;transition:background-color .3s}body.dark .navbar{background-color:#1e3a8a;color:#e2e8f0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;text-decoration:none;color:#fff;transition:color .3s}body.dark .navbar-brand{color:#e2e8f0}.navbar-links{display:flex;gap:1rem;align-items:center}.navbar-link{color:#fff;text-decoration:none;font-size:clamp(.9rem,2vw,1rem);transition:color .3s}body.dark .navbar-link,.navbar-link:hover{color:#e2e8f0}body.dark .navbar-link:hover{color:#bfdbfe}.theme-toggle{background-color:#fff;color:#334155;padding:.5rem 1rem;border:none;border-radius:9999px;cursor:pointer;font-size:clamp(.8rem,2vw,.9rem);transition:background-color .3s,color .3s}body.dark .theme-toggle{background-color:#334155;color:#a855f7}.theme-toggle:hover{background-color:#e2e8f0;color:#334155}body.dark .theme-toggle:hover{background-color:#475569;color:#c084fc}.section{background:linear-gradient(to right,#f1f5f9,#e2e8f0);color:#111827;padding:3rem 0;text-align:center;transition:background-color .3s,color .3s}body.dark .section{background:linear-gradient(to right,#1e40af,#6b21a8);color:#e2e8f0}.hero{background:linear-gradient(to right,#f1f5f9,#e2e8f0);color:#111827;padding:5rem 0;text-align:center;transition:background-color .3s,color .3s}body.dark .hero{background:linear-gradient(to right,#1e40af,#6b21a8);color:#e2e8f0}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:clamp(1rem,3vw,1.25rem);margin-bottom:2rem;color:#6b7280}body.dark .hero-subtitle{color:#94a3b8}.hero-buttons{display:flex;justify-content:center;gap:2rem}.section-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;margin-bottom:1.5rem;transition:color .3s}.section-sideheading{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;margin-bottom:1rem}body.dark .section-title{color:#e2e8f0}.section-text{font-size:clamp(.9rem,2.5vw,1.125rem);line-height:1.75;margin-bottom:1.5rem;color:#6b7280}body.dark .section-text{color:#94a3b8}.section-link{color:#6366f1;text-decoration:none;font-weight:500;transition:color .3s}body.dark .section-link{color:#a855f7}.section-link:hover{color:#4f46e5}body.dark .section-link:hover{color:#c084fc}.section-button{background-color:#6366f1;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;text-decoration:none;font-weight:600;font-size:clamp(.9rem,2vw,1rem);transition:background-color .3s,color .3s;white-space:nowrap}body.dark .section-button{background-color:#a855f7;color:#fff}.section-button:hover{background-color:#4f46e5}body.dark .section-button:hover{background-color:#c084fc}.button-divider{color:#6b7280}body.dark .button-divider{color:#94a3b8}.section-buttons{display:flex;justify-content:center;align-items:center;gap:1rem}.about-content{display:flex;gap:2rem;max-width:800px;margin:0 auto;align-items:center}.about-image{width:40%;max-width:250px;border-radius:30%;object-fit:cover}.about-info{flex:1;text-align:left}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.skill-item{background-color:#fff;color:#111827;padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000001a}body.dark .skill-item{background-color:#334155;color:#e2e8f0}.skill-item i{font-size:2rem;color:#6366f1;transition:color .3s}body.dark .skill-item i{color:#a855f7}.skill-item span{color:#111827}body.dark .skill-item span{color:#e2e8f0}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.project-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;transition:box-shadow .3s;box-shadow:0 2px 4px #0000001a}body.dark .project-card{background-color:#0a2142}.project-card:hover{box-shadow:0 4px 8px #0003}.project-image{width:100%;height:12rem;object-fit:cover;border-radius:.5rem;margin-bottom:1rem}.project-title{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;margin-bottom:.5rem}.project-description{color:#6b7280;margin-bottom:1rem;font-size:clamp(.9rem,2vw,1rem);line-height:1.5;height:auto;max-height:6.5rem}body.dark .project-description{color:#94a3b8}.project-links{display:flex;gap:1rem;justify-content:center;flex-wrap:nowrap}.project-link{background-color:#6366f1;color:#fff;padding:.5rem 1rem;border-radius:9999px;text-decoration:none;font-weight:500;font-size:clamp(.85rem,2vw,.9rem);transition:background-color .3s;white-space:nowrap}body.dark .project-link{background-color:#a855f7}.project-link:hover{background-color:#4f46e5}body.dark .project-link:hover{background-color:#c084fc}.live-link{background-color:#f97316;color:#fff}body.dark .live-link{background-color:#ec4899}.live-link:hover{background-color:#fb923c}body.dark .live-link:hover{background-color:#f472b6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.blog-post{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}body.dark .blog-post{background-color:#0a2142}.blog-title{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;margin-bottom:.5rem}.blog-excerpt{color:#6b7280;margin-bottom:1rem}body.dark .blog-excerpt{color:#94a3b8}.contact-content{display:flex;gap:2rem;max-width:800px;margin:0 auto;align-items:flex-start}#contact-p{color:#4f46e5;font-weight:600;margin-bottom:1rem}.contact-info,.contact-form-wrapper{flex:1;min-height:300px}.contact-info{text-align:left}.contact-details{margin-bottom:1.5rem}.contact-detail{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;color:#6b7280}body.dark .contact-detail{color:#94a3b8}.contact-detail i{color:#6366f1}body.dark .contact-detail i{color:#a855f7}.contact-detail strong{color:#111827}body.dark .contact-detail strong{color:#e2e8f0}.contact-socials{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.contact-subheading{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;margin:1rem 0 .5rem}body.dark .contact-subheading{color:#e2e8f0}.social-icon{color:#6366f1;font-size:1.5rem;transition:color .3s}body.dark .social-icon{color:#a855f7}.social-icon:hover{color:#4f46e5}body.dark .social-icon:hover{color:#c084fc}.contact-form{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 2px 8px #00000014;display:block;width:100%;max-width:400px;margin:0 auto}body.dark .contact-form{background-color:#334155}.form-group{display:flex;align-items:center;margin-bottom:1.25rem;width:100%;gap:1rem}.form-label{width:110px;min-width:100px;font-size:.875rem;font-weight:600;color:#111827;text-align:left}body.dark .form-label{color:#e2e8f0}.form-input,.form-textarea{flex:1;padding:.65rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;background-color:#f9fafb;color:#111827;transition:border-color .3s,background-color .3s}body.dark .form-input,body.dark .form-textarea{border-color:#475569;background-color:#1e293b;color:#e2e8f0}.form-input:focus,.form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}body.dark .form-input:focus,body.dark .form-textarea:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.form-button{background-color:#6366f1;color:#fff;padding:.75rem 1.25rem;border:none;border-radius:9999px;font-weight:600;cursor:pointer;width:100%;max-width:200px;transition:background-color .3s;margin-top:1rem;text-align:center}body.dark .form-button{background-color:#a855f7}.form-button:hover{background-color:#4f46e5}body.dark .form-button:hover{background-color:#c084fc}.form-status{text-align:left;margin-top:1rem;font-size:.875rem;padding-left:.5rem}.form-status.success{color:#10b981}body.dark .form-status.success{color:#34d399}.form-status.error{color:#ef4444}body.dark .form-status.error{color:#f87171}.footer{background:linear-gradient(to right,#f1f5f9,#e2e8f0);color:#111827;padding:2rem 0;text-align:center;transition:background-color .3s,color .3s}body.dark .footer{background:linear-gradient(to right,#1e40af,#6b21a8);color:#e2e8f0}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-text{font-size:clamp(.8rem,2vw,.875rem);color:#6b7280}body.dark .footer-text{color:#94a3b8}.footer-socials{display:flex;gap:1rem}.footer-icon{color:#6366f1;font-size:1rem;transition:color .3s}body.dark .footer-icon{color:#a855f7}.footer-icon:hover{color:#4f46e5}body.dark .footer-icon:hover{color:#c084fc}@media (max-width: 768px){.navbar-content{flex-direction:column;align-items:flex-start;gap:1rem}.navbar-links{flex-direction:row;flex-wrap:wrap;gap:.5rem}.hero{padding:3rem 0}.hero-buttons{flex-direction:column;gap:1rem}.section{padding:2rem 0}.about-content{flex-direction:column;text-align:center}.about-image{width:200px;margin:0 auto}.about-info{text-align:center}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.project-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{max-width:400px;margin:0 auto}.project-links{flex-direction:row;gap:.5rem}.blog-grid{grid-template-columns:1fr}.contact-content{flex-direction:column;align-items:center}.contact-info,.contact-form-wrapper{min-height:auto;width:100%;text-align:center}.contact-socials{justify-content:center}.footer-content{flex-direction:column;gap:1rem}}@media (max-width: 480px){.navbar-links{flex-direction:column;align-items:flex-start}.section-button,.project-link{padding:.5rem 1rem;font-size:.85rem}.form-group,.form-button{max-width:100%}}.project-card{background:#ffffff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:24px;transition:all .3s ease;display:flex;flex-direction:column}.project-image{width:100%;height:190px;object-fit:cover;border-radius:12px;margin-bottom:16px}.project-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:8px}.project-description{font-size:1rem;color:#555;margin-bottom:16px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tech-badge{background-color:#e0e0e0;color:#333;font-size:.85rem;padding:4px 10px;border-radius:999px}.project-links{display:flex;gap:16px;margin-top:auto}.project-link{text-decoration:none;color:#fff;font-weight:500;display:inline-flex;align-items:center;gap:6px}.project-link:hover{text-decoration:underline}.live-link{color:#fff}.icon{font-size:.8rem}