@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600&family=Orbitron:wght@400;500;700&display=swap";:root{--bg-deep: #030014;--bg-card: rgba(23, 26, 43, .7);--accent-cyan: #00f3ff;--accent-purple: #bc13fe;--text-primary: #ffffff;--text-secondary: #b4bdd6;--font-header: "Orbitron", sans-serif;--font-body: "Exo 2", sans-serif;--glass-border: 1px solid rgba(255, 255, 255, .1);--neon-glow: 0 0 10px rgba(0, 243, 255, .5)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);letter-spacing:1px;color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:4px;box-shadow:var(--neon-glow)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:0 4px 30px #00000080}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;background-color:transparent;color:var(--text-primary);transition:all .3s ease}.app-content{flex:1;padding-top:70px}.app section{padding:4rem 1rem;min-height:auto}#hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;padding-top:0}.dark-mode .app{background-color:#121212;color:#f5f5f5}.dark-mode section{background-color:#1e1e1e}.dark-mode #hero{background:linear-gradient(135deg,#121212,#2c3e50)}@media (max-width: 768px){.app-content{padding-top:60px}.app section{padding:3rem 1rem}}@media (max-width: 480px){.app section{padding:2rem .5rem}}.slide-in-left{animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2ecc71;animation:spin 1s ease-in-out infinite}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;height:70px;z-index:1000;transition:all .3s ease;border-radius:15px;background:#0a0a1999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,243,255,.2);box-shadow:0 0 15px #00f3ff1a}.navbar.scrolled{background:#030014e6;border-color:var(--accent-cyan);box-shadow:0 0 20px #00f3ff4d}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 2rem}.logo{font-family:var(--font-header);font-size:1.8rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,243,255,.5)}.nav-links{display:flex;gap:2rem}.nav-links a{font-family:var(--font-header);color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;text-transform:uppercase;position:relative;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan)}.nav-links a:before{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:2px;background:var(--accent-cyan);transition:width .3s ease;box-shadow:0 0 5px var(--accent-cyan)}.nav-links a:hover:before{width:100%}.menu-toggle{color:var(--accent-cyan);display:none}@media (max-width: 768px){.navbar{top:0;width:100%;border-radius:0;border-top:none}.nav-links{position:absolute;top:70px;left:0;right:0;background:#030014f2;flex-direction:column;padding:2rem;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .4s ease-in-out;border-bottom:1px solid var(--accent-cyan)}.nav-links.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.menu-toggle{display:block}}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:80px;background:transparent}#hero:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(0,243,255,.1) 0%,transparent 70%);top:50%;left:30%;transform:translate(-50%,-50%);z-index:-1}.hero-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;padding:0 2rem}.hero-text{flex:1}.hero-greeting{font-family:var(--font-body);color:var(--accent-cyan);font-size:1.2rem;letter-spacing:3px;margin-bottom:1rem;display:block}.hero-name{font-size:4rem;line-height:1.1;background:linear-gradient(to right,#fff,var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,243,255,.3)}.hero-subtitle{font-size:1.8rem;color:var(--accent-purple);margin-bottom:2rem;font-family:var(--font-header)}.hero-description{background:#0a0a1e80;border-left:3px solid var(--accent-cyan);padding:1.5rem;color:var(--text-secondary);max-width:600px;line-height:1.8;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-actions{display:flex;gap:1.5rem}.hero-btn{padding:1rem 2rem;border-radius:4px;text-decoration:none;font-weight:600;font-family:var(--font-header);letter-spacing:1px;transition:all .3s ease;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.hero-btn.primary{background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 10px #00f3ff33}.hero-btn.primary:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 20px var(--accent-cyan)}.hero-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff}.hero-btn.secondary:hover{border-color:#fff;background:#ffffff1a}.hero-image{flex:1;display:flex;justify-content:center;animation:float 6s ease-in-out infinite}.profile-image-wrapper{position:relative;width:350px;height:350px}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid rgba(0,243,255,.3);box-shadow:0 0 30px #bc13fe66}.image-border{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border:1px dashed var(--accent-cyan);border-radius:50%;animation:spin 20s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 992px){.hero-container{flex-direction:column-reverse;text-align:center;padding-top:100px}.hero-description{margin:0 auto 2rem}.hero-actions{justify-content:center}.hero-image{margin-bottom:3rem}}.about-section{padding:6rem 0;background:transparent;position:relative}.about-content{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;background:#0a0a1999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-cyan);padding:3rem;border-radius:20px;box-shadow:0 0 30px #00f3ff0d;position:relative;overflow:hidden}.about-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#00f3ff80;box-shadow:0 0 15px var(--accent-cyan);animation:scan 4s linear infinite;opacity:.3}@keyframes scan{0%{top:0}to{top:100%}}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px rgba(0,243,255,.4)}.section-subtitle{font-family:monospace;color:var(--accent-purple);font-size:1.1rem}.about-heading{font-size:1.8rem;margin-bottom:1.5rem;color:#fff;border-bottom:1px dashed var(--text-secondary);padding-bottom:1rem}.about-description{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-size:1.1rem}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.stat-item{background:#0000004d;border:1px solid var(--accent-purple);padding:1.5rem;text-align:center;border-radius:8px;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 0 15px #bc13fe4d}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--accent-purple);font-family:var(--font-header);text-shadow:0 0 10px rgba(188,19,254,.5)}.stat-label{font-family:monospace;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase}.skills-title{font-family:var(--font-header);color:var(--accent-cyan);margin-bottom:2rem;text-align:center}.skill-card{background:#ffffff08;border-left:3px solid var(--accent-cyan);padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.skill-card:hover{background:#00f3ff0d;transform:translate(10px)}.skill-icon{color:var(--accent-cyan);font-size:2rem;margin-bottom:1rem}.skill-title{color:#fff;font-size:1.2rem;margin-bottom:.5rem}@media (max-width: 992px){.about-content{grid-template-columns:1fr;gap:3rem}}.skills-section{padding:5rem 0;background:transparent}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;margin-top:3rem}.skill-card-tech{background:#0d0d0dcc;border:1px solid #333;padding:1.5rem;border-radius:10px;position:relative;transition:all .3s ease}.skill-card-tech:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px #00f3ff33;transform:translateY(-5px)}.tech-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tech-name{color:#fff;font-family:var(--font-header);font-size:1.2rem}.tech-icon{color:var(--accent-cyan);font-size:1.5rem}.energy-bar-container{width:100%;height:12px;background:#1a1a1a;border-radius:2px;overflow:hidden;position:relative;border:1px solid #333}.energy-fill{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));position:relative;box-shadow:0 0 10px var(--accent-cyan);transition:width 1.5s cubic-bezier(.1,.7,1,.1)}.energy-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(0,0,0,.8) 4px,rgba(0,0,0,.8) 6px)}.tech-status{display:flex;justify-content:space-between;margin-top:.5rem;font-family:monospace;font-size:.8rem;color:var(--text-secondary)}.projects-section{padding:5rem 0;background:transparent;position:relative}.projects-container{perspective:1000px;margin-top:3rem}.projects-scroller{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;padding:1rem}.project-card{background:#0a0a1999;border:1px solid rgba(0,243,255,.3);border-radius:15px;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #00000080;transition:border-color .3s ease}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 50%,#00f3ff0d 50%);background-size:100% 4px;pointer-events:none;z-index:2}.project-image{height:220px;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,243,255,.2)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:contrast(1.1) brightness(.9)}.project-card:hover .project-image img{transform:scale(1.1);filter:contrast(1.2) brightness(1)}.project-links{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;gap:1.5rem;opacity:0;transition:opacity .3s ease;z-index:3}.project-card:hover .project-links{opacity:1}.project-icon{color:var(--accent-cyan);font-size:2rem;filter:drop-shadow(0 0 5px var(--accent-cyan));transition:transform .2s}.project-icon:hover{transform:scale(1.2);color:#fff}.project-content{padding:1.5rem;position:relative;z-index:3}.project-content h3{color:var(--accent-cyan);font-family:var(--font-header);font-size:1.4rem;margin-bottom:.8rem;text-transform:uppercase}.project-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#bc13fe1a;border:1px solid var(--accent-purple);color:var(--accent-purple);padding:.3rem .8rem;font-size:.75rem;font-family:monospace;text-transform:uppercase;border-radius:2px}@media (max-width: 768px){.projects-scroller{grid-template-columns:1fr}}.contact-section{padding:6rem 0;background:transparent;position:relative}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;margin-top:3rem}.contact-info{background:#0a0a1999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-purple);padding:2rem;border-radius:15px;height:fit-content;box-shadow:0 0 20px #bc13fe1a}.contact-heading{color:var(--accent-purple);font-family:var(--font-header);margin-bottom:1.5rem;font-size:1.4rem;text-transform:uppercase}.info-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start;padding:1rem;background:#0000004d;border-radius:8px;border-left:2px solid var(--text-secondary);transition:all .3s ease}.info-item:hover{border-color:var(--accent-cyan);background:#00f3ff0d}.info-icon{color:var(--accent-cyan);font-size:1.2rem;margin-top:3px}.info-text h4{color:#fff;font-family:monospace;font-size:.9rem;margin-bottom:.2rem}.info-text p{color:var(--text-secondary);font-size:.9rem}.contact-form{background:#05050acc;border:1px solid var(--accent-cyan);padding:2.5rem;border-radius:15px;position:relative}.contact-form:before{content:"";position:absolute;top:-2px;left:-2px;width:20px;height:20px;border-top:2px solid var(--accent-cyan);border-left:2px solid var(--accent-cyan)}.contact-form:after{content:"";position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-bottom:2px solid var(--accent-cyan);border-right:2px solid var(--accent-cyan)}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;background:#00000080;border:1px solid #333;color:var(--accent-cyan);padding:1rem;font-family:monospace;border-radius:5px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px #00f3ff33;background:#00f3ff0d}.submit-btn{background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:1rem 2rem;font-family:var(--font-header);letter-spacing:2px;text-transform:uppercase;cursor:pointer;width:100%;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:1rem}.submit-btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 20px var(--accent-cyan)}.status-msg{font-family:monospace;text-align:center;margin-top:1rem;padding:.5rem;border-radius:4px}.status-msg.success{background:#2ecc7133;color:#2ecc71;border:1px solid #2ecc71}.status-msg.error{background:#e74c3c33;color:#e74c3c;border:1px solid #e74c3c}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:2rem}}.footer{background:#030014f2;border-top:1px solid var(--accent-cyan);padding:3rem 0;margin-top:4rem;position:relative;z-index:10}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.footer-logo{font-family:var(--font-header);font-size:2rem;color:var(--accent-cyan);letter-spacing:3px;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,243,255,.5)}.footer-tagline{font-family:monospace;color:var(--text-secondary);margin-bottom:2rem}.footer-social{display:flex;gap:2rem;margin-bottom:2rem}.social-icon{color:var(--text-secondary);font-size:1.5rem;transition:all .3s ease}.social-icon:hover{color:var(--accent-cyan);transform:translateY(-5px);filter:drop-shadow(0 0 8px var(--accent-cyan))}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;width:100%;max-width:600px}.copyright{font-family:monospace;font-size:.8rem;color:#fff6}.blog-section{padding:6rem 0;background:transparent}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.blog-card{background:#14141ecc;border:1px solid #333;border-left:4px solid var(--accent-purple);padding:1.5rem;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.blog-card:hover{border-color:var(--accent-cyan);background:#191928e6;transform:translate(5px)}.blog-date{font-family:monospace;color:var(--accent-cyan);font-size:.8rem;margin-bottom:.5rem}.blog-title{font-family:var(--font-header);color:#fff;font-size:1.2rem;margin-bottom:1rem;line-height:1.4}.blog-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;flex-grow:1}.read-link{color:var(--accent-purple);font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.read-link:hover{color:var(--accent-cyan)}