@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-card: rgba(255, 255, 255, .03);--primary-accent: #067097;--secondary-accent: #7000ff;--success-green: #00ff88;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--font-heading: "Outfit", sans-serif;--font-body: "Rajdhani", sans-serif;--nav-height: 80px;--container-width: 1200px;--border-radius: 12px;--glass-bg: rgba(5, 5, 5, .7);--glass-border: 1px solid rgba(255, 255, 255, .1);--neon-glow: 0 0 10px rgba(0, 210, 219, .5), 0 0 20px rgba(0, 210, 219, .3)}*{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}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}img{max-width:100%;border-radius:var(--border-radius)}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}section{padding:100px 0;position:relative}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;background:linear-gradient(to right,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.btn{display:inline-block;padding:12px 30px;font-family:var(--font-heading);font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:30px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.btn-primary{background:transparent;color:var(--primary-accent);border:1px solid var(--primary-accent);box-shadow:0 0 10px #00f3ff33}.btn-primary:hover{background:var(--primary-accent);color:var(--bg-primary);box-shadow:0 0 20px #00f3ff99}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--border-radius);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#00f3ff4d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--secondary-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:1000;transition:all .3s ease;background:transparent}.navbar.scrolled{background:#050505d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.logo{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--primary-accent);text-decoration:none;letter-spacing:2px;text-shadow:0 0 10px rgba(0,243,255,.3)}.desktop-menu ul{display:flex;gap:2.5rem}.nav-link{color:var(--text-primary);font-weight:500;font-size:1rem;position:relative;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-heading)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--secondary-accent);transition:width .3s ease;box-shadow:0 0 5px var(--secondary-accent)}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer}.bar{width:30px;height:3px;background:var(--primary-accent);border-radius:2px;transition:all .3s ease}@media(max-width:768px){.desktop-menu{position:fixed;top:var(--nav-height);right:-100%;width:70%;height:calc(100vh - var(--nav-height));background:#050505f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;justify-content:center;transition:right .3s ease;border-left:1px solid rgba(255,255,255,.1)}.desktop-menu.active{right:0}.desktop-menu ul{flex-direction:column;align-items:center;gap:3rem;margin-top:2rem}.hamburger{display:flex}}.hero{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--bg-primary)}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:0 20px;max-width:800px}.hero-greeting{font-size:1.2rem;color:var(--primary-accent);margin-bottom:1rem;letter-spacing:2px;text-transform:uppercase;font-family:var(--font-body)}.hero-title{font-size:4rem;margin-bottom:1rem;line-height:1.1;color:var(--text-primary)}.hero-title span{color:var(--primary-accent);text-shadow:0 0 20px rgba(0,243,255,.4)}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2.5rem;font-family:var(--font-body)}.hero-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{border-color:var(--secondary-accent);color:var(--secondary-accent);box-shadow:0 0 15px #7000ff66}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content>*{animation:fadeInUp .8s ease forwards;opacity:0}.hero-greeting{animation-delay:.2s}.hero-title{animation-delay:.4s}.hero-subtitle{animation-delay:.6s}.hero-buttons{animation-delay:.8s}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;gap:1rem}}.about-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;margin:0 auto}.about-text h3{font-size:2rem;margin-bottom:1.5rem;color:var(--primary-accent)}.about-text p{margin-bottom:1.5rem;color:var(--text-secondary);font-size:1.1rem}.about-stats{display:flex;gap:2rem;margin-top:2rem}.stat-item h4{font-size:2.5rem;color:var(--secondary-accent);margin-bottom:.5rem}.stat-item p{font-size:.9rem;text-transform:uppercase;letter-spacing:1px}@media(max-width:968px){.about-container{grid-template-columns:1fr;text-align:center}.about-stats{justify-content:center}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:0 20px}.skill-category{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius);padding:2rem;transition:all .3s ease}.skill-category:hover{border-color:var(--primary-accent);box-shadow:0 0 15px #00f3ff33}.skill-category h3{font-size:1.5rem;color:var(--secondary-accent);margin-bottom:1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.skill-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-item{background:#ffffff08;padding:.8rem 1.2rem;border-radius:8px;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;transition:transform .2s ease,background .2s ease}.skill-item:hover{transform:translateY(-3px);background:#ffffff1a;color:var(--primary-accent)}.skill-icon{font-size:1.2rem;color:var(--primary-accent)}@media(max-width:600px){.skills-grid{grid-template-columns:1fr}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;padding:0 20px}.project-card{position:relative;overflow:hidden;border-radius:var(--border-radius);transition:transform .4s ease,box-shadow .4s ease;height:400px}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0009}.project-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000f2,#0003);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-title{font-size:1.8rem;color:var(--primary-accent);margin-bottom:.5rem;transform:translateY(20px);transition:transform .3s ease .1s}.project-desc{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;transform:translateY(20px);transition:transform .3s ease .2s}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;transform:translateY(20px);transition:transform .3s ease .3s}.tech-tag{background:#ffffff1a;padding:4px 10px;border-radius:15px;font-size:.8rem;color:var(--text-primary)}.project-links{display:flex;gap:1rem;transform:translateY(20px);transition:transform .3s ease .4s}.project-link{color:#fff;font-weight:600;border-bottom:1px solid var(--secondary-accent);padding-bottom:2px}.project-link:hover{color:var(--primary-accent);border-color:var(--primary-accent)}.project-card:hover .project-title,.project-card:hover .project-desc,.project-card:hover .project-tech,.project-card:hover .project-links{transform:translateY(0)}@media(max-width:768px){.project-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.95) 60%,transparent)}.project-title,.project-desc,.project-tech,.project-links{transform:translateY(0)}}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:900px;margin:0 auto}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-info h3{font-size:2rem;margin-bottom:1rem;color:var(--primary-accent)}.contact-info p{margin-bottom:2rem;color:var(--text-secondary)}.social-links{display:flex;gap:1.5rem}.social-icon{font-size:1.8rem;color:var(--text-secondary);transition:all .3s ease}.social-icon:hover{color:var(--primary-accent);transform:translateY(-5px);text-shadow:0 0 10px rgba(0,243,255,.5)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-input,.form-textarea{width:100%;padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{border-color:var(--primary-accent);background:#ffffff1a}.form-textarea{min-height:150px;resize:vertical}.btn-contact{background:var(--primary-accent);color:var(--bg-primary);border:none;padding:15px;font-size:1.1rem;font-weight:700;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-contact:hover{background:var(--success-green);box-shadow:0 0 20px #0f86;transform:translateY(-2px)}@media(max-width:768px){.contact-container{grid-template-columns:1fr;gap:2rem}}