@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a24;--primary: #00d4ff;--primary-glow: rgba(0, 212, 255, .4);--secondary: #7c3aed;--secondary-glow: rgba(124, 58, 237, .4);--text-main: #ffffff;--text-muted: #a0a0a0;--glass-bg: rgba(18, 18, 26, .7);--glass-border: rgba(255, 255, 255, .08);--section-padding: 80px 0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,var(--text-main) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 10px 30px -10px #00000080}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 4px 15px var(--secondary-glow)}.btn-primary:hover{box-shadow:0 8px 25px var(--secondary-glow);transform:translateY(-2px);filter:brightness(1.1)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:#00d4ff1a;box-shadow:0 4px 15px #00d4ff33;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease forwards}@keyframes bgPulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1);opacity:.5}}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease}.header.scrolled{background-color:#0a0a0fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 0}.header.transparent{background-color:transparent;padding:1.5rem 0;border-bottom:none}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#00d4ff,#7c3aed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.desktop-nav{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-muted);font-weight:500;font-size:.95rem;transition:color .3s ease}.nav-link:hover{color:#fff}.nav-socials{display:flex;gap:1rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.1)}.social-icon{color:#fff;transition:opacity .3s}.social-icon:hover{opacity:.8}.mobile-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer}.mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-card);padding:2rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1.5rem;align-items:center;box-shadow:0 10px 30px #00000080}.mobile-nav-link{color:#fff;font-size:1.1rem;font-weight:500}.mobile-socials{display:flex;gap:1.5rem;margin-top:1rem}@media(max-width:768px){.desktop-nav{display:none}.mobile-toggle{display:block}}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:80px;padding-bottom:120px;overflow:hidden}.bg-decoration{position:absolute;width:400px;height:400px;opacity:.5;z-index:-1;filter:blur(50px)}.bg-decoration-1{top:20%;right:10%;background:radial-gradient(circle,var(--secondary-glow) 0%,transparent 70%);animation:bgPulse 8s infinite ease-in-out}.bg-decoration-2{bottom:10%;left:5%;width:300px;height:300px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);animation:bgPulse 6s infinite ease-in-out reverse}.hero-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%}.hero-greeting{font-size:1.2rem;color:var(--primary);font-weight:600;letter-spacing:2px;margin-bottom:1rem}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1;margin-bottom:1rem;animation-delay:.1s}.hero-role{font-size:clamp(1.5rem,4vw,3rem);font-weight:700;color:var(--text-muted);margin-bottom:2rem;animation-delay:.2s}.hero-role span{color:var(--text-main)}.hero-description{max-width:600px;font-size:1.1rem;color:var(--text-muted);margin-bottom:2.5rem;animation-delay:.3s}.hero-cta{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:3rem;animation-delay:.4s}.hero-socials{display:flex;flex-wrap:wrap;gap:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);animation-delay:.5s}.hero-social-link{display:flex;align-items:center;gap:8px;color:var(--text-muted);transition:color .3s ease}.hero-social-link:hover{color:var(--primary)}.hero-social-text{font-size:.9rem}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.7;animation:fadeIn 1s 1s backwards}.scroll-text{font-size:.8rem;letter-spacing:2px;text-transform:uppercase}.scroll-line{width:2px;height:60px;background:linear-gradient(to bottom,var(--primary),transparent)}.about-section{padding:var(--section-padding)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;align-items:center}.about-summary-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}.about-summary-text{margin-bottom:1.5rem;color:var(--text-muted)}.about-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.stat-card{text-align:center;padding:2rem 1rem}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.stat-label{color:var(--text-muted);font-size:.9rem}.skills-section{padding:var(--section-padding);background-color:#ffffff05}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.skills-category-card{height:100%}.skills-category-title{font-size:1.25rem;margin-bottom:1.5rem;color:var(--primary);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{padding:8px 16px;border-radius:50px;background-color:#ffffff0d;color:#fff;font-size:.9rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;cursor:default}.skill-tag:hover{background-color:#00d4ff1a;border-color:var(--primary);transform:translateY(-2px)}.experience-section{padding:var(--section-padding)}.timeline-container{position:relative;margin-top:2rem}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--secondary));display:none}.experience-item{margin-bottom:4rem;position:relative}.timeline-dot{width:20px;height:20px;background-color:var(--primary);border-radius:50%;position:absolute;left:11px;top:0;box-shadow:0 0 10px var(--primary-glow);display:none}.experience-card{margin-left:0;transition:all .3s}@media(min-width:768px){.timeline-line,.timeline-dot{display:block}.experience-card{margin-left:3rem}}.experience-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.experience-company{font-size:1.5rem;color:#fff}.experience-role{color:var(--primary)}.experience-period{color:var(--text-muted)}.experience-location{color:var(--text-muted);font-size:.9rem}.client-block{margin-top:1.5rem}.client-title{font-size:1.1rem;color:var(--secondary);margin-bottom:.8rem}.client-details{padding-left:1.2rem}.client-details li{margin-bottom:.5rem;color:var(--text-muted);list-style-type:disc;font-size:.95rem}.projects-section{padding:var(--section-padding)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.project-card{display:flex;flex-direction:column;height:100%}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-title{font-size:1.4rem;color:#fff}.project-links{display:flex;gap:10px}.project-description{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.7}.project-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:auto}.project-tag{font-size:.85rem;color:var(--secondary);background-color:#7c3aed1a;padding:4px 12px;border-radius:20px}.education-section{padding:var(--section-padding);background-color:#ffffff05}.education-container{max-width:800px;margin:0 auto}.education-item{margin-bottom:2rem}.education-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.education-degree{font-size:1.2rem;color:#fff;font-weight:600}.education-institution{color:var(--primary);margin-bottom:.5rem}.education-details{color:var(--text-muted);font-size:.9rem}.education-year{display:inline-block;padding:4px 12px;background-color:#ffffff1a;border-radius:20px;font-size:.85rem;color:#fff}.achievements-section{padding:var(--section-padding)}.achievements-container{max-width:800px;margin:0 auto}.achievement-item{display:flex;align-items:flex-start;gap:1rem}.achievement-item.with-border{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.achievement-icon{background-color:#ffd7001a;padding:10px;border-radius:50%;color:gold;display:flex;align-items:center;justify-content:center;min-width:44px}.achievement-text{font-size:1.1rem;color:var(--text-muted);line-height:1.6;padding-top:8px}.contact-section{padding:var(--section-padding);background-color:#ffffff05}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem}.contact-heading{font-size:2rem;margin-bottom:1rem;background:linear-gradient(90deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-intro{color:var(--text-muted);margin-bottom:3rem;font-size:1.1rem}.contact-details{display:flex;flex-direction:column;gap:2rem}.contact-link{display:flex;align-items:center;gap:1.5rem}.contact-icon-wrapper{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-primary{background-color:#00d4ff1a;color:var(--primary)}.icon-secondary{background-color:#7c3aed1a;color:var(--secondary)}.icon-white{background-color:#ffffff0d;color:#fff}.contact-label{font-size:.9rem;color:var(--text-muted)}.contact-value{font-size:1.1rem;color:#fff}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-muted)}.form-input,.form-textarea{width:100%;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background-color:#0003;color:#fff;outline:none;transition:border-color .3s}.form-input:focus,.form-textarea:focus{border-color:var(--primary)}.form-textarea{resize:none}.form-submit{margin-top:1rem;width:100%}.status-message{margin-top:1rem;padding:10px;border-radius:8px;text-align:center}.status-success{background-color:#00ff001a;color:#4ade80}.status-error{background-color:#ff00001a;color:#ef4444}.footer{background-color:#050508;padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.footer-brand h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.footer-brand p{color:var(--text-muted)}.footer-socials{display:flex;gap:1.5rem}.footer-social-link{width:40px;height:40px;border-radius:50%;background-color:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s}.footer-social-link:hover{transform:translateY(-3px)}.footer-social-link.github:hover{background-color:var(--primary)}.footer-social-link.linkedin:hover{background-color:var(--secondary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--text-muted);font-size:.9rem}
