@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Orbitron:wght@500;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";body{font-family:sans-serif;margin:0;padding:0;transition:color .3s,background-color .3s;overflow-x:hidden}body.light{background:linear-gradient(to right,#f1f5f9,#e2e8f0);color:#111827}body.light .star-canvas{display:none!important;opacity:0!important;visibility:hidden!important}body.light .skill-item{background-color:#f9fafb;border:1px solid #e5e7eb;color:#111827}body.light .project-card,body.light .blog-post,body.light .contact-form,body.light .contact-info{background-color:#f9fafb;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000f;color:#1f2937}body.light .navbar{background-color:#fffffff2;color:#111827;border-bottom:1px solid #e5e7eb}body.light .navbar-brand{color:#2563eb;text-shadow:none}body.light .navbar-link{color:#111827}body.light .navbar-link:hover{color:#2563eb}body.light .hero-title,body.light .section-title,body.light .project-title{color:#2563eb;text-shadow:none}body.light .section-text,body.light .project-description{color:#374151}body.light .tech-badge{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#2563eb}body.light .project-link{color:#2563eb}body.light .live-link{color:#059669}body.light .social-icon{color:#2563eb}body.light .social-icon:hover{color:#1d4ed8}body.light .footer{color:#475569;border-top:1px solid #e2e8f0}body.light .footer a{color:#2563eb}body.light .footer a:hover{color:#1d4ed8}body.light .section-button,body.light .contact-form button{background-color:#2563eb;color:#fff}body.light .section-button:hover,body.light .contact-form button:hover{background-color:#1d4ed8;color:#fff}body.light .blog-post h2,body.light .blog-post h3{color:#111827}body.light .blog-excerpt{color:#343434}body.light input,body.light textarea{background-color:#fff;border:1px solid #cbd5e1;color:#111827}body.light input:focus,body.light textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d}body.dark{color:#e2e8f0;background:#0a0a0a}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar{background-color:#141428cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:1rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-family:Orbitron,sans-serif;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;text-decoration:none;color:#00eaff;text-shadow:0 0 8px rgba(0,234,255,.6);transition:color .3s}.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,text-shadow .3s}.navbar-link:hover{color:#00eaff;text-shadow:0 0 6px rgba(0,234,255,.6)}.theme-toggle{position:fixed;top:3rem;right:2rem;background:none;border:none;padding:0;margin:0;font-size:2rem;color:#cfcc1d;cursor:pointer;transition:color .3s,transform .2s}.theme-toggle:hover{transform:scale(1.2);color:gold}.section{background:transparent!important;padding:4rem 0;text-align:center;position:relative;z-index:1}.section-title,.hero-title{font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:1.5rem;color:#00eaff;text-shadow:0 0 10px rgba(0,234,255,.4)}.section-text{font-size:clamp(.9rem,2.5vw,1.125rem);line-height:1.75;margin-bottom:1.5rem;color:#cbd5e1}.section-link{color:#00eaff;text-decoration:none;font-weight:500;transition:color .3s,text-shadow .3s}.section-link:hover{color:#14b8a6;text-shadow:0 0 6px rgba(20,184,166,.6)}.hero{padding:6rem 0;background:transparent!important;color:#fff;text-align:center}.hero-subtitle{font-size:clamp(1rem,3vw,1.25rem);margin-bottom:2rem;color:#94a3b8}.section-buttons{display:flex;justify-content:center;gap:1rem}.section-button{background-color:#00eaff;color:#0f172a;padding:.75rem 1.5rem;border-radius:9999px;text-decoration:none;font-weight:600;font-size:clamp(.9rem,2vw,1rem);transition:transform .3s,background-color .3s}.section-button:hover{transform:translateY(-2px) scale(1.05);background-color:#14b8a6;color:#fff}.about-content{display:flex;gap:2rem;max-width:900px;margin:0 auto;align-items:center}.about-image{width:40%;max-width:250px;border-radius:30%;object-fit:cover;box-shadow:0 0 15px #00eaff66}.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:#0f172ab3;color:#e2e8f0;padding:1rem;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 0 12px #00eaff26;transition:transform .3s,box-shadow .3s}.skill-item:hover{transform:scale(1.08);box-shadow:0 0 18px #00eaff66}.skill-item i{font-size:2rem;color:#00eaff}.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:#0a1428cc;border-radius:16px;padding:24px;box-shadow:0 0 16px #00eaff1a;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-6px);box-shadow:0 0 24px #00eaff66}.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:#00eaff;margin-bottom:8px}.project-description{font-size:1rem;color:#cbd5e1;margin-bottom:16px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tech-badge{background-color:#00eaff1a;border:1px solid rgba(0,234,255,.3);color:#00eaff;font-size:.85rem;padding:4px 10px;border-radius:999px}.project-links{display:flex;gap:16px;margin-top:auto}.project-link{text-decoration:none;color:#00eaff;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:color .3s,text-shadow .3s}.project-link:hover{text-shadow:0 0 6px rgba(0,234,255,.6)}.live-link{color:#14b8a6}.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:#0a1428cc;padding:1.5rem;border-radius:.5rem;box-shadow:0 0 12px #00eaff1a;transition:transform .3s,box-shadow .3s}.blog-post:hover{transform:translateY(-4px);box-shadow:0 0 16px #00eaff4d}.blog-title{font-size:1.25rem;font-weight:700;color:#00eaff;margin-bottom:.5rem}.blog-excerpt{color:#cbd5e1;margin-bottom:1rem}.contact-detail-content a{text-decoration:none;font-weight:500}.email-link{color:#0054cb}.email-link:hover{color:#760985}.phone-link{color:#0054cb}.phone-link:hover{color:#760985}.location-link{color:#0054cb}.location-link:hover{color:#760985}.contact-content{display:flex;gap:2rem;max-width:1000px;margin:0 auto;align-items:flex-start;justify-content:space-between}.contact-info{flex:1;text-align:left;padding:1.5rem;border-radius:.75rem;box-shadow:0 0 12px #00eaff26}.contact-details{margin-bottom:1rem}.contact-detail{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:inherit}.contact-socials{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.social-icon{font-size:1.5rem;transition:transform .3s,color .3s,text-shadow .3s}.social-icon:hover{transform:scale(1.2)}.contact-form-wrapper{flex:1.2}.contact-form{padding:2rem;border-radius:.75rem;box-shadow:0 0 16px #00eaff26;display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s}.contact-form button{padding:.75rem 1.5rem;border-radius:9999px;border:none;font-weight:600;cursor:pointer;transition:transform .3s}.contact-form button:hover{transform:translateY(-2px) scale(1.05)}.footer{padding:2rem 0;text-align:center;font-size:.9rem;background:transparent;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer p{margin:.5rem 0;color:inherit}.footer .footer-socials{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.footer a{color:#00eaff;text-decoration:none;transition:color .3s,text-shadow .3s}.footer a:hover{color:#14b8a6;text-shadow:0 0 6px rgba(20,184,166,.6)}@media (max-width: 768px){.about-content{flex-direction:column;text-align:center}.about-image{width:200px}.contact-content{flex-direction:column;align-items:center}.footer-content{gap:.75rem}}