*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-accent: #00d4ff;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-tech: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--shadow-primary: 0 20px 40px rgba(0, 212, 255, .1);--shadow-hover: 0 30px 60px rgba(0, 212, 255, .2)}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}.mesh-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);overflow:hidden}.mesh-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-repeat:repeat;background-size:200px 100px;animation:twinkle 4s ease-in-out infinite alternate}.mesh-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 50px 50px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 100px 25px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 150px 75px,#fff,transparent),radial-gradient(2px 2px at 200px 15px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 250px 60px,rgba(255,255,255,.8),transparent);background-repeat:repeat;background-size:300px 150px;animation:twinkle 6s ease-in-out infinite alternate reverse}@keyframes twinkle{0%{opacity:.3}50%{opacity:.8}to{opacity:.6}}.shooting-star{position:absolute;width:2px;height:2px;background:linear-gradient(45deg,#fff,#fff0 70%);border-radius:50%;filter:drop-shadow(0 0 6px rgba(255,255,255,.8));animation:shootingStar 3s linear infinite;opacity:0}.shooting-star:before{content:"";position:absolute;top:50%;right:0;width:300px;height:1px;background:linear-gradient(to right,#fff0,#fffc,#fff0);transform:translateY(-50%)}.shooting-star:nth-child(1){top:10%;left:10%;animation-delay:0s;animation-duration:3s}.shooting-star:nth-child(2){top:20%;left:80%;animation-delay:2s;animation-duration:2.5s}.shooting-star:nth-child(3){top:40%;left:20%;animation-delay:4s;animation-duration:3.5s}.shooting-star:nth-child(4){top:60%;left:90%;animation-delay:6s;animation-duration:2s}.shooting-star:nth-child(5){top:80%;left:30%;animation-delay:8s;animation-duration:4s}@keyframes shootingStar{0%{opacity:0;transform:translate(0) translateY(0) rotate(-45deg)}5%{opacity:1}to{opacity:0;transform:translate(-1000px) translateY(500px) rotate(-45deg)}}.moon{position:absolute;top:15%;right:10%;width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,#ffeaa7,#fab1a0);box-shadow:inset -5px -5px 10px #0000001a,0 0 20px #ffeaa74d,0 0 40px #ffeaa733;animation:moonGlow 8s ease-in-out infinite alternate}.moon:before{content:"";position:absolute;top:15px;left:20px;width:8px;height:8px;border-radius:50%;background:#0000001a;box-shadow:15px 5px 0 -2px #0000000d,25px 15px 0 -3px #00000014,10px 25px 0 -2px #0000000f}@keyframes moonGlow{0%{box-shadow:inset -5px -5px 10px #0000001a,0 0 20px #ffeaa74d,0 0 40px #ffeaa733}to{box-shadow:inset -5px -5px 10px #0000001a,0 0 30px #ffeaa780,0 0 60px #ffeaa74d}}.cloud{position:absolute;background:#ffffff0d;border-radius:50px;opacity:.6;animation:cloudFloat 20s ease-in-out infinite linear}.cloud:before,.cloud:after{content:"";position:absolute;background:#ffffff0d;border-radius:50px}.cloud1{width:100px;height:40px;top:25%;left:-10%;animation-duration:25s}.cloud1:before{width:50px;height:50px;top:-25px;left:10px}.cloud1:after{width:60px;height:40px;top:-15px;right:10px}.cloud2{width:80px;height:30px;top:45%;left:-8%;animation-duration:30s;animation-delay:-10s}.cloud2:before{width:40px;height:40px;top:-20px;left:15px}.cloud2:after{width:50px;height:30px;top:-10px;right:15px}@keyframes cloudFloat{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.nebula{position:absolute;top:30%;left:70%;width:200px;height:200px;background:radial-gradient(circle,rgba(138,43,226,.1) 0%,rgba(75,0,130,.05) 50%,transparent 70%);border-radius:50%;animation:nebulaGlow 12s ease-in-out infinite alternate;filter:blur(2px)}@keyframes nebulaGlow{0%{opacity:.3;transform:scale(1) rotate(0)}to{opacity:.6;transform:scale(1.2) rotate(180deg)}}nav{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#111c;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:12px 24px;z-index:1000;transition:all .3s ease}nav:hover{background:#111111e6;border-color:#00d4ff4d}nav ul{display:flex;list-style:none;gap:30px}nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease;position:relative}nav a:hover{color:var(--text-accent)}nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-tech);transition:width .3s ease}nav a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:0 20px}.hero-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1400px;width:100%;align-items:center}.hero-text{animation:fadeInUp 1s ease-out}.hero-text h1{font-size:clamp(3rem,6vw,5rem);font-weight:700;margin-bottom:20px;background:var(--gradient-tech);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.hero .subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--text-secondary);margin-bottom:40px;font-weight:300}.hero .description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:50px;line-height:1.7}.hero-visual{position:relative;width:100%;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lottie-animation{width:100%;height:400px;max-width:600px;animation:containerFloat 6s ease-in-out infinite}@keyframes containerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.achievement-badges{position:relative;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:30px;margin-top:40px}.badge{background:#ffffff0d;border:1px solid rgba(0,212,255,.3);border-radius:15px;padding:15px 20px;text-align:center;backdrop-filter:blur(10px);animation:badgeFloat 5s ease-in-out infinite;min-width:80px}.badge-1{animation-delay:0s}.badge-2{animation-delay:1s}.badge-3{animation-delay:2s}@keyframes badgeFloat{0%,to{transform:translateY(0);box-shadow:0 5px 15px #00d4ff1a}50%{transform:translateY(-8px);box-shadow:0 10px 25px #00d4ff33}}.badge-value{font-size:1.4rem;font-weight:700;color:var(--text-accent);margin-bottom:5px}.badge-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{padding:16px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;position:relative;overflow:hidden;border:none;cursor:pointer}.btn-primary{background:var(--gradient-tech);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid rgba(255,255,255,.2)}.btn-secondary:hover{border-color:var(--text-accent);background:#00d4ff1a}.tech-float{position:absolute;width:60px;height:60px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;animation:float 6s ease-in-out infinite;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.tech-float:nth-child(1){top:10%;left:50%;animation-delay:0s}.tech-float:nth-child(2){top:27%;left:50%;animation-delay:1s}.tech-float:nth-child(3){top:48%;right:2%;animation-delay:2s}.tech-float:nth-child(4){top:19%;right:8%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}section{padding:120px 20px;max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;text-align:center;margin-bottom:80px;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.about-text h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:20px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.stat-card{background:#ffffff05;padding:30px;border-radius:20px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat-card:hover{background:#ffffff0d;transform:translateY(-5px)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--text-accent);display:block}.stat-label{color:var(--text-secondary);font-size:.9rem;margin-top:5px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.skill-category{background:#ffffff05;padding:40px;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-category:hover{background:#ffffff0d;transform:translateY(-5px);border-color:#00d4ff4d}.skill-category h3{font-size:1.3rem;margin-bottom:20px;color:var(--text-accent)}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:#00d4ff1a;color:var(--text-accent);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(0,212,255,.2)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;max-width:1200px;margin:0 auto}.project-card{background:#ffffff05;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;height:500px;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:#00d4ff4d}.project-image{height:40%;position:relative;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.emoji-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.project-content{padding:24px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-header{flex:1}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-description{color:var(--text-secondary);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem}.project-footer{flex-shrink:0}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tech-tag{background:#667eea1a;color:#667eea;padding:4px 10px;border-radius:12px;font-size:.75rem;font-family:Fira Code,monospace;font-weight:500;white-space:nowrap}.project-links{display:flex;gap:16px}.project-link{color:var(--text-accent);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease;position:relative}.project-link:hover{color:var(--text-primary)}.project-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--text-accent);transition:width .3s ease}.project-link:hover:after{width:100%}.project-card:nth-child(1) .project-image{background:linear-gradient(135deg,#667eea,#764ba2)}.project-card:nth-child(2) .project-image{background:linear-gradient(135deg,#f093fb,#f5576c)}.project-card:nth-child(3) .project-image{background:linear-gradient(135deg,#4facfe,#00f2fe)}.project-card:nth-child(4) .project-image{background:linear-gradient(135deg,#43e97b,#38f9d7)}.experience-timeline{position:relative;padding-left:40px}.experience-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--gradient-tech)}.experience-item{position:relative;margin-bottom:60px;background:#ffffff05;padding:30px;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.experience-item:hover{background:#ffffff0d;transform:translate(10px)}.experience-item:before{content:"";position:absolute;left:-49px;top:30px;width:16px;height:16px;background:var(--text-accent);border-radius:50%;border:4px solid var(--bg-primary)}.experience-date{color:var(--text-accent);font-weight:600;font-size:.9rem;margin-bottom:10px}.experience-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:5px}.experience-company{color:var(--text-secondary);margin-bottom:15px;font-weight:500}.experience-description{color:var(--text-secondary);line-height:1.6}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-text{font-size:1.2rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.7}.contact-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:10px;color:var(--text-accent);text-decoration:none;font-weight:600;padding:15px 25px;background:#00d4ff1a;border-radius:50px;border:1px solid rgba(0,212,255,.2);transition:all .3s ease}.contact-link:hover{background:#00d4ff33;transform:translateY(-3px)}footer{background:var(--bg-secondary);padding:40px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.code-block{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px;font-family:Fira Code,monospace;color:var(--text-accent);margin:20px 0;overflow-x:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(50px);transition:all .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero-content-wrapper{grid-template-columns:1fr;gap:40px;text-align:center}.hero-visual{height:350px}.achievement-badges{position:static;transform:none;margin-top:40px;justify-content:center}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.moon{width:60px;height:60px}.nebula{width:150px;height:150px}}@media (max-width: 768px){nav ul{gap:20px}nav a{font-size:12px}.hero-visual{height:300px}.achievement-badges{flex-direction:column;gap:15px;align-items:center}.about-grid{grid-template-columns:1fr;gap:40px}.stats-grid,.projects-grid{grid-template-columns:1fr}.project-card{height:450px}.project-content{padding:20px}.project-title{font-size:1.1rem}.project-description{font-size:.85rem;-webkit-line-clamp:3}.cta-buttons,.contact-links{flex-direction:column;align-items:center}.tech-float{display:none}.moon{width:50px;height:50px}.shooting-star:before{width:150px}.nebula{width:100px;height:100px}}@media (max-width: 480px){.project-card{height:400px}.project-image{height:35%}.project-content{padding:16px}.tech-tag{font-size:.7rem;padding:3px 8px}.moon{width:40px;height:40px;top:10%;right:5%}}