.about-section{display:flex;align-items:center;background-color:#0b1220;padding:1rem 4rem;gap:100px;font-family:Space Mono,monospace}.about-text{flex:1;color:#cbd5e1;max-width:950px!important}.tag{color:#60a5fa;font-size:16px;margin-bottom:10px;display:inline-block}.about-box{background-color:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px 20px;margin-top:8px;font-size:14px;line-height:1.6;color:#94a3b8;max-width:950px;box-shadow:0 4px 20px #0000004d}.about-image-wrapper{flex-shrink:0;transform:rotate(5deg);border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #0006}.about-image{width:260px;height:auto;display:block;object-fit:cover;border-radius:10px}@media screen and (max-width: 600px){.about-section{flex-direction:column;text-align:center;padding:2rem;gap:40px}.about-image-wrapper{transform:rotate(0)}.about-image{width:200px}}.contact-section{background:#0b1220;padding:1rem 4rem;color:#cbd5e1;font-family:Space Mono,monospace}.contact-tag{color:#14b8a6;font-size:16px;margin-bottom:16px}.contact-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px}.contact-left{flex:1;min-width:250px}.contact-heading{font-size:28px;line-height:1.5;font-weight:600;color:#e2e8f0}.highlight{color:#14b8a6}.contact-right{flex:1;min-width:250px;display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:12px;font-size:14px}.contact-item a{color:#38bdf8;text-decoration:none}.contact-item a:hover{text-decoration:underline}.contact-icon{color:#14b8a6;font-size:18px}.footer{background-color:#0b1220;color:#94a3b8;padding:24px;text-align:center;font-family:Space Mono,monospace;font-size:13px;border-top:1px solid rgba(255,255,255,.05)}.footer-content p{margin:6px 0}.footer-highlight{color:#14b8a6;font-weight:700}.hero{display:flex;justify-content:space-between;align-items:center;padding:1rem 4rem;background-color:#0b1220;color:#f0f0f0;font-family:Mono Space,monospace;min-height:90vh;gap:2rem}.hero-left{flex:1;padding-left:20px}.hello{color:#19bdbd;font-weight:600;font-size:1.2rem;margin-bottom:.5rem}.hero-left h1{font-size:2.2rem;margin:.3rem 0}.highlight,.curly-braces{color:#2db8b8;font-weight:700}.description{margin:1rem 0;color:#9ca3af;max-width:600px;line-height:1.6}.tag{color:#2db8b8}.social-icons{display:flex;gap:1.2rem;margin:1.5rem 0}.social-icons a{font-size:1.3rem;color:#f0f0f0;transition:color .3s ease}.social-icons a:hover{color:teal}.hero-buttons{display:flex;gap:1rem}.btn{padding:.7rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-family:Mono Space,monospace;font-size:.95rem;transition:all .3s ease}.contact-btn{background-color:teal;color:#fff}.contact-btn:hover{background-color:#055252}.download-btn{background-color:transparent;color:#f0f0f0;border:1px solid #374151}.download-btn:hover{background-color:#1f2937;border-color:#4b5563}.hero-right{flex:1;display:flex;justify-content:center}.tabs{display:flex;background-color:#0d1117;border-bottom:1px solid #21262d}.tab{padding:.5rem 1rem;cursor:pointer;color:#9ca3af;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:background .3s ease,color .3s ease}.tab.active{background-color:#161b22;color:#f0f0f0}.tab:hover{background-color:#1f2937;color:#fff}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.js{background-color:#facc15}.dot.py{background-color:#60a5fa}.code-block{padding:1rem;font-size:.9rem;overflow-x:auto;white-space:pre-wrap;line-height:1.5}.comment{color:#6b7280}.keyword{color:#d4d4d4;font-weight:500}.variable{color:#fff}.property{color:teal}.string{color:#facc15}.function{color:#3b82f6}.method{color:#8b5cf6}.hero-buttons a{text-decoration:none}@media (max-width: 900px){.hero{flex-direction:column;text-align:center}.hero-left,.hero-right{flex:none;width:100%}.hero-right{margin-top:2rem}.social-icons,.hero-buttons{justify-content:center}}.editor-root{background:#0b1220;display:flex;align-items:center;justify-content:center}.editor-container{width:566px;height:436px;background:#0f172a;border-radius:10px;padding:10px 0 0;box-shadow:0 10px 30px #00000080}.editor-tabs{display:flex;gap:8px;padding:0 16px;margin-bottom:10px}.tab{display:flex;align-items:center;font-size:12px;padding:6px 10px;border-radius:6px;color:#94a3b8;background:transparent}.tab.active{background:#111827;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.dot{width:8px;height:8px;background:#facc15;border-radius:50%;margin-right:6px;box-shadow:0 0 0 1px #0006}.folder-icon{font-size:12px;margin-right:6px}.editor-body{display:flex;background:#0b1220;margin:0 16px;border-radius:8px;border:1px solid rgba(255,255,255,.07);overflow:hidden}.editor-gutter{background:#0b1220;padding:12px 10px;text-align:right;color:#64748b;font-size:12px;font-family:monospace;line-height:20px;-webkit-user-select:none;user-select:none}.editor-code{padding:12px;color:#e2e8f0;font-size:12.5px;font-family:monospace;line-height:20px;white-space:pre-wrap;overflow-x:auto}.comment{color:#64748b}.keyword{color:#60a5fa}.variable{color:#38bdf8}.property{color:#22d3ee}.string{color:#34d399}.function{color:#a78bfa}@media screen and (max-width: 600px){.editor-container{display:none}}html{scroll-behavior:smooth}section{scroll-margin-top:80px}.navbar{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#00172d;color:#f0f0f0;font-family:Poppins,sans-serif}.navbar-logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:30px;height:30px;background-color:teal;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:5px}.logo-text{font-size:1.1rem;font-family:Space Mono,monospace}.logo-text .highlight{color:#2db8b8;font-weight:600}.navbar-links{list-style:none;display:flex;gap:2rem;align-items:center;margin:0;font-family:Space Mono,monospace}.navbar-links li{cursor:pointer;transition:color .3s ease;font-size:.95rem}.navbar-links li:hover{color:teal}.navbar-links .active{color:#2db8b8;font-weight:500}.theme-toggle{font-size:1rem;cursor:pointer;transition:transform .3s ease}.theme-toggle:hover{transform:rotate(30deg)}.menu-toggle{display:none;width:38px;height:32px;border:none;background:transparent;cursor:pointer;padding:0;position:relative}.menu-toggle span{display:block;height:2px;margin:7px 0;background:#f0f0f0;transition:transform .3s ease,opacity .2s ease}.menu-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.navbar-links a{text-decoration:none;color:inherit;display:inline-block;padding:.25rem 0;transition:color .3s ease}@media (max-width: 768px){.menu-toggle{display:block}.navbar-links{position:fixed;top:0;right:0;height:100vh;width:260px;padding:6rem 1.5rem 2rem;box-shadow:-6px 0 20px #00000040;background-color:#00172d;flex-direction:column;align-items:flex-start;gap:1.25rem;transform:translate(100%);transition:transform .3s ease;z-index:200}.navbar-links.open{transform:translate(0)}.navbar-links li{font-size:1.05rem;width:100%}}.backdrop{position:fixed;inset:0;background:#00000073;z-index:150}@media screen and (max-width: 600px) and (prefers-reduced-motion: reduce){.navbar-links,.menu-toggle span{transition:none!important}}.skills-section{padding:40px 24px;background-color:#0b1220;color:#cbd5e1;font-family:Space Mono,monospace;text-align:center}.skills-tag{color:#14b8a6;font-size:16px;margin-bottom:8px}.skills-heading{font-size:24px;color:#22d3ee;margin-bottom:4px}.skills-subheading{font-size:14px;color:#64748b;margin-bottom:24px}.skills-files{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:32px}.file-box{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;min-width:160px;display:flex;flex-direction:column;align-items:flex-start}.file-icon{font-size:24px;margin-bottom:6px}.file-name{font-size:14px;margin-bottom:8px;color:#cbd5e1}.progress{width:100%;height:4px;background:#1e293b;border-radius:4px;overflow:hidden}.progress-bar{height:100%;transition:width .3s ease}.progress-bar.html{width:90%;background:#f97316}.progress-bar.css{width:80%;background:#3b82f6}.progress-bar.js{width:85%;background:#facc15}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.skill-card{background:#0f172a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:16px;text-align:center;color:#e2e8f0}.skill-card p{font-size:12.5px;color:#94a3b8;line-height:1.5}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.skill-card{background:#0f172a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:24px 16px;min-height:180px;text-align:center;color:#e2e8f0;transition:transform .2s ease}.skill-card:hover{transform:translateY(-4px)}.skill-icon{margin-bottom:12px;color:#22d3ee}.skill-card h4{font-size:16px;color:#38bdf8;margin-bottom:8px}.skill-card p{font-size:13px;color:#94a3b8;line-height:1.5}