@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#080810;--bg-secondary:#0f0f23;--accent-blue:#00d2ff;--accent-purple:#7928ca;--accent-pink:#ff007a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#0f0f2399;--glass-border:#ffffff14;--glass-hover-border:#fff3;--shadow-neon:0 0 20px #00d2ff33;--font-heading:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.bg-glow{filter:blur(150px);opacity:.15;pointer-events:none;z-index:-1;border-radius:50%;width:600px;height:600px;transition:all 1s;position:fixed}.bg-glow-1{background:var(--accent-blue);animation:20s ease-in-out infinite alternate float-glow-1;top:-100px;right:-100px}.bg-glow-2{background:var(--accent-purple);animation:25s ease-in-out infinite alternate float-glow-2;bottom:-150px;left:-150px}@keyframes float-glow-1{0%{transform:translate(0)scale(1)}to{transform:translate(-100px,80px)scale(1.2)}}@keyframes float-glow-2{0%{transform:translate(0)scale(1)}to{transform:translate(120px,-90px)scale(1.1)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}h2{text-align:center;background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2.5rem;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-subtitle{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);background:#080810b3;width:100%;transition:all .3s;position:fixed;top:0;left:0}.navbar.scrolled{background:#080810e6;padding:10px 0}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--text-primary);background:linear-gradient(135deg, var(--accent-blue), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800;text-decoration:none}.nav-links{gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-link:hover:after{width:100%}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.hero-section{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;display:grid}.hero-tag{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent-blue);letter-spacing:.05em;border-radius:30px;margin-bottom:1.5rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.hero-title span{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 50%, var(--accent-pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-typing-text{-webkit-text-fill-color:initial;color:var(--text-secondary);background:0 0;font-size:2.5rem;line-height:1.2;display:inline-block}.hero-desc{color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;font-size:1.1rem}.hero-ctas{gap:1rem;display:flex}.btn{font-family:var(--font-heading);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;box-shadow:var(--shadow-neon);border:none}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 25px #00d2ff66}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--glass-hover-border);background:#ffffff0d;transform:translateY(-2px)}.hero-image-wrapper{aspect-ratio:3/4;width:100%;max-width:380px;margin:0 auto;position:relative}.hero-image-glow{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple), var(--accent-pink));z-index:1;filter:blur(15px);opacity:.6;border-radius:20px;animation:8s infinite alternate pulse-glow;position:absolute;inset:-10px}.hero-image-container{z-index:2;border:1px solid var(--glass-border);border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.hero-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.hero-image-container:hover .hero-image{transform:scale(1.05)}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.98)}to{opacity:.8;transform:scale(1.02)}}.about-section{padding:100px 0;position:relative}.about-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:3rem}.about-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.about-bio h3{margin-bottom:1rem;font-size:1.75rem}.about-bio p{color:var(--text-secondary);margin-bottom:1.5rem}.about-meta{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.meta-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:1.25rem;transition:all .3s}.meta-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.meta-label{color:var(--accent-blue);text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.meta-val{font-size:1rem;font-weight:500}.skills-section{padding:100px 0;position:relative}.skills-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.skills-category{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.skills-category:hover{border-color:var(--glass-hover-border);transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.skills-category-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.skills-category-header h3{color:var(--text-primary);font-size:1.25rem}.skills-icon-wrapper{color:var(--accent-blue);background:#00d2ff1a;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.skills-list{flex-direction:column;gap:1.25rem;display:flex}.skill-item{flex-direction:column;gap:.5rem;display:flex}.skill-info{justify-content:space-between;font-size:.9rem;display:flex}.skill-name{color:var(--text-primary);font-weight:500}.skill-pct{color:var(--text-secondary)}.skill-bar{background:#ffffff0d;border-radius:3px;height:6px;position:relative;overflow:hidden}.skill-fill{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));border-radius:3px;height:100%;transition:width 1.5s ease-out}.projects-section{padding:100px 0;position:relative}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.project-card:hover{border-color:var(--glass-hover-border);transform:translateY(-5px);box-shadow:0 20px 40px #0006}.project-media{aspect-ratio:16/9;background:#121320;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-media:after{content:"";z-index:2;background:linear-gradient(#0000 50%,#080810cc 100%);position:absolute;inset:0}.project-img{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.project-card:hover .project-img{transform:scale(1.05)}.project-media svg{opacity:.15;transition:transform .5s}.project-card:hover .project-media svg{transform:scale(1.1)rotate(5deg)}.project-glow-overlay{background:var(--accent-blue);filter:blur(40px);opacity:.25;pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-content{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.project-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem}.project-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.project-tag{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:4px 10px;font-size:.75rem}.project-links{border-top:1px solid #ffffff0d;gap:1rem;padding-top:1.25rem;display:flex}.project-link{color:var(--text-primary);align-items:center;gap:6px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.project-link:hover{color:var(--accent-blue)}.contact-section{padding:100px 0;position:relative}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:4rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-item{align-items:flex-start;gap:1rem;display:flex}.contact-icon-wrapper{color:var(--accent-blue);background:#00d2ff1a;border-radius:10px;justify-content:center;align-items:center;padding:12px;display:flex}.contact-item-details h4{margin-bottom:.25rem;font-size:1.05rem}.contact-item-details p,.contact-item-details a{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s}.contact-item-details a:hover{color:var(--text-primary)}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-btn{background:var(--glass-bg);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#ffffff0d;transform:translateY(-3px);box-shadow:0 5px 15px #00d2ff33}.contact-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-body);background:#0003;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 10px #00d2ff26}.form-group textarea{resize:vertical;min-height:120px}.form-success-msg{color:#10b981;text-align:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;padding:12px;font-size:.9rem}.footer{border-top:1px solid var(--glass-border);background:#04040880;padding:40px 0}.footer-container{justify-content:space-between;align-items:center;display:flex}.footer p{color:var(--text-secondary);font-size:.9rem}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-image-wrapper{max-width:320px}.hero-ctas{justify-content:center}.about-section,.skills-section,.projects-section,.contact-section{padding:80px 0}.about-grid{grid-template-columns:1fr;gap:2.5rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:0 auto}.projects-grid{grid-template-columns:1fr;gap:2rem;max-width:600px;margin:0 auto}.contact-grid{grid-template-columns:1fr;gap:3rem;max-width:600px;margin:0 auto}}@media (width<=768px){h2{font-size:2rem}.hero-section{min-height:auto;padding-top:130px;padding-bottom:60px}.hero-title{font-size:2.5rem}.hero-typing-text{font-size:1.8rem}.nav-links{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);text-align:center;opacity:0;background:#080810f2;flex-direction:column;gap:1.5rem;width:100%;max-height:0;padding:0 2rem;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s,padding .4s;display:flex;position:absolute;top:80px;left:0;overflow:hidden}.nav-links.active{opacity:1;max-height:400px;padding:2rem}.nav-toggle{display:block}.about-section,.skills-section,.projects-section,.contact-section{padding:60px 0}.about-card{padding:2rem 1.5rem}.about-meta{grid-template-columns:1fr}.skills-category,.project-content,.contact-form{padding:1.5rem}.footer-container{text-align:center;flex-direction:column;gap:1rem}}@media (width<=480px){.container{padding:0 16px}.hero-section{padding-top:110px;padding-bottom:40px}.hero-title{font-size:2rem}.hero-title span{font-size:1.8rem!important}.hero-typing-text{font-size:1.4rem}.hero-desc{font-size:.95rem}.btn{padding:10px 20px;font-size:.9rem}.hero-ctas{flex-direction:column;gap:.75rem;width:100%}.hero-ctas .btn{width:100%}.about-card{padding:1.5rem 1rem}.project-links{flex-direction:column;gap:.75rem}.project-link{justify-content:center;width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}