:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #ff6b35;--accent-secondary: #f7c815;--accent-gradient: linear-gradient(135deg, #ff6b35 0%, #f7c815 50%, #ff6b35 100%);--accent-glow: rgba(255, 107, 53, .5);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--section-padding: 100px 8%;--container-width: 1400px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.app{position:relative;min-height:100vh}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,107,53,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(247,200,21,.08),transparent),radial-gradient(ellipse 60% 40% at 0% 80%,rgba(255,107,53,.08),transparent);pointer-events:none;z-index:0}.app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:1}main{position:relative;z-index:2}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:20px}.loader{width:50px;height:50px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%}.loader-container p{color:var(--text-secondary);font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.header{position:fixed;top:0;left:0;width:100%;padding:20px 8%;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:var(--transition-medium)}.header.scrolled{background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:15px 8%}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.5px;display:flex;align-items:center;gap:4px}.logo span{background:var(--accent-gradient);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:200% center}}.nav-links{display:flex;align-items:center;gap:40px;list-style:none}.nav-links a{position:relative;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);letter-spacing:.3px}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:var(--transition-fast)}.nav-links a:hover:after{width:100%}.nav-cta{padding:12px 28px;background:var(--accent-gradient);background-size:200% auto;border:none;border-radius:30px;font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--bg-primary);cursor:pointer;transition:var(--transition-fast);text-decoration:none}.nav-cta:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 10px 30px var(--accent-glow)}.menu-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:5px}.menu-toggle span{width:28px;height:2px;background:var(--text-primary);transition:var(--transition-fast)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:120px 8% 80px;gap:60px;position:relative}.hero-content{flex:1;max-width:650px}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;font-size:.85rem;color:var(--text-secondary);margin-bottom:24px}.hero-tag .dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero h1{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.1;margin-bottom:8px;letter-spacing:-2px}.hero h1 .highlight{background:var(--accent-gradient);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}.hero-role{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;color:var(--text-secondary);margin-bottom:24px;display:flex;align-items:center;gap:12px}.hero-role .typing{color:var(--accent-primary)}.hero-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:40px;max-width:500px}.hero-buttons{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--accent-gradient);background-size:200% auto;border:none;border-radius:30px;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--bg-primary);cursor:pointer;transition:var(--transition-fast);text-decoration:none}.btn-primary:hover{background-position:right center;transform:translateY(-3px);box-shadow:0 15px 40px var(--accent-glow)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:transparent;border:1px solid var(--glass-border);border-radius:30px;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);text-decoration:none}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff6b351a;transform:translateY(-3px)}.social-links{display:flex;gap:16px}.social-links a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;color:var(--text-secondary);font-size:1.3rem;transition:var(--transition-fast)}.social-links a:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 10px 20px #ff6b3533}.hero-image{flex:0 0 auto;position:relative}.hero-image-wrapper{position:relative;width:400px;height:400px;border-radius:50%;padding:6px;background:var(--accent-gradient);background-size:400% 400%;animation:gradientRotate 4s ease infinite,breatheGlow 3s ease-in-out infinite;box-shadow:0 0 40px #ff6b3566,0 0 80px #ff6b3533,inset 0 0 30px #ff6b351a}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes breatheGlow{0%,to{box-shadow:0 0 40px #ff6b3566,0 0 80px #ff6b3533}50%{box-shadow:0 0 60px #ff6b3599,0 0 120px #ff6b354d,0 0 180px #f7c81526}}.hero-image-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:6px;background:inherit;animation:rotate 8s linear infinite;opacity:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-image-wrapper img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--bg-primary);transition:var(--transition-medium)}.hero-image-wrapper:hover{animation-play-state:paused;box-shadow:0 0 80px #ff6b35b3,0 0 150px #ff6b3566,0 0 200px #f7c81533}.hero-image-wrapper:hover img{transform:scale(1.03)}.floating-element{position:absolute;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:12px 20px;font-size:.85rem;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-element.top-right{top:50px;right:-30px}.floating-element.bottom-left{bottom:30px;left:-40px}section{padding:var(--section-padding);position:relative}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;padding:8px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;font-size:.85rem;color:var(--accent-primary);margin-bottom:16px;letter-spacing:2px;text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-1px;margin-bottom:16px}.section-title span{background:var(--accent-gradient);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.about{background:var(--bg-secondary)}.about-container{display:flex;align-items:center;gap:80px;max-width:var(--container-width);margin:0 auto}.about-image{flex:0 0 auto;position:relative}.about-image-wrapper{width:350px;height:420px;position:relative;border-radius:24px;padding:4px;background:var(--accent-gradient);background-size:200% 200%;animation:gradientRotate 4s ease infinite;box-shadow:0 0 30px #ff6b354d,0 0 60px #ff6b3526}.about-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:var(--transition-medium)}.about-image-wrapper:hover{box-shadow:0 0 50px #ff6b3580,0 0 100px #ff6b3540}.about-image-wrapper:hover img{transform:scale(1.02)}.about-content{flex:1}.about-content h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:24px;letter-spacing:-1px}.about-content h2 span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-text{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.about-expanded{overflow:hidden}.about-btn{margin-top:24px;padding:14px 28px;background:transparent;border:1px solid var(--accent-primary);border-radius:30px;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--accent-primary);cursor:pointer;transition:var(--transition-fast)}.about-btn:hover{background:var(--accent-primary);color:var(--bg-primary)}.projects{background:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:40px;max-width:var(--container-width);margin:0 auto}.project-card{background:#0f0f0f99;border:1px solid rgba(255,255,255,.05);border-radius:28px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -10px #00000080}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px -10px #ff6b3526;border-color:#ff6b354d}.project-image{width:100%;height:240px;overflow:hidden;position:relative;border-bottom:1px solid rgba(255,255,255,.03)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project-card:hover .project-image img{transform:scale(1.15)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,10,10,.95),transparent 60%);opacity:.8;transition:opacity .3s ease}.project-content{padding:32px;position:relative}.project-content h3{font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin-bottom:8px;background:linear-gradient(to right,#fff,#ccc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-card:hover .project-content h3{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-subtitle{font-size:.9rem;color:var(--accent-primary);font-weight:500;margin-bottom:16px;display:block;letter-spacing:.5px}.project-description{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.project-stats{display:flex;gap:16px;margin-bottom:24px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px}.project-stat svg{color:var(--accent-primary);font-size:.9rem}.project-stat .stat-value{font-size:1rem;color:var(--text-primary)}.tech-tag{padding:6px 14px;background:#ff6b350d;border:1px solid rgba(255,107,53,.1);border-radius:50px;font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.project-card:hover .tech-tag{border-color:#ff6b354d;color:var(--accent-primary);background:#ff6b3514}.project-links{display:flex;gap:12px;margin-top:24px}.project-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:.9rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:all .3s ease}.project-link:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.project-link.primary{background:var(--accent-gradient);border:none;color:var(--bg-primary)}.project-link.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px var(--accent-glow)}.contact{background:var(--bg-primary)}.contact-container{max-width:700px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:18px 24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);transition:var(--transition-fast);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #ff6b351a}.form-group textarea{min-height:160px;resize:vertical}.submit-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:var(--accent-gradient);background-size:200% auto;border:none;border-radius:30px;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--bg-primary);cursor:pointer;transition:var(--transition-fast)}.submit-btn:hover{background-position:right center;transform:translateY(-3px);box-shadow:0 15px 40px var(--accent-glow)}.footer{background:var(--bg-secondary);padding:60px 8% 40px;text-align:center}.footer-social{display:flex;justify-content:center;gap:20px;margin-bottom:32px}.footer-social a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;transition:var(--transition-fast)}.footer-social a:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-5px)}.footer-links{display:flex;justify-content:center;gap:32px;list-style:none;margin-bottom:32px;flex-wrap:wrap}.footer-links a{font-size:.95rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.footer-links a:hover{color:var(--accent-primary)}.footer-copyright{font-size:.9rem;color:var(--text-secondary)}@media(max-width:1024px){.hero{flex-direction:column-reverse;text-align:center;padding-top:140px}.hero-content{align-items:center}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons,.social-links{justify-content:center}.hero-image-wrapper{width:280px;height:280px}.floating-element{display:none}.about-container{flex-direction:column;text-align:center}.about-image-wrapper:before{transform:translate(10px,10px)}}@media(max-width:768px){:root{--section-padding: 80px 6%}.header{padding:16px 6%}.nav-links-container{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:30px;gap:30px;z-index:999;transition:all .3s ease-in-out;opacity:0;pointer-events:none}.nav-links-container.open{display:flex;opacity:1;pointer-events:all}.nav-links-container .tubelight-navbar{flex-direction:column;background:transparent;border:none;gap:20px}.nav-links-container .tubelight-nav-item{font-size:1.5rem;padding:10px 20px}.mobile-nav-cta{display:block!important;margin-top:30px;transform:scale(1.1)}.nav-cta{display:none}.menu-toggle{display:flex;z-index:1001}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,6px);background:var(--accent-primary)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px);background:var(--accent-primary)}.form-row,.projects-grid,.skills-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero h1{font-size:2.5rem;letter-spacing:-1px}.hero-role{font-size:1.2rem;flex-direction:column;gap:4px}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.about-image-wrapper{width:280px;height:340px}.section-title{font-size:2rem}}.hero-stats{display:flex;gap:32px;margin-bottom:32px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:flex-start;padding:16px 24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;min-width:100px}.stat-number{font-family:var(--font-display);font-size:1.8rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.hero-description strong{color:var(--accent-primary)}.about-achievements{margin-top:32px;display:flex;flex-direction:column;gap:16px}.achievement-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;transition:var(--transition-fast)}.achievement-item:hover{border-color:var(--accent-primary)}.achievement-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ff6b3526;border-radius:12px;color:var(--accent-primary);font-size:1.2rem;flex-shrink:0}.achievement-text h4{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:4px}.achievement-text p{font-size:.85rem;color:var(--text-secondary)}.about-text strong{color:var(--accent-primary)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:40px}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;position:relative;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--accent-primary);box-shadow:0 20px 50px #0000004d,0 0 30px #ff6b351a}.project-image{height:280px;width:100%;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(10,10,10,.2) 50%,rgba(10,10,10,.8) 100%);opacity:.6;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:.4}.project-content{padding:32px;flex:1;display:flex;flex-direction:column}.project-header h3{font-size:1.8rem;font-weight:700;margin-bottom:8px;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:transparent}.project-subtitle{font-size:.95rem;color:var(--accent-primary);font-weight:600;margin-bottom:16px;display:block}.project-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:24px;flex-grow:1}.project-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:#ffffff08;border-radius:16px;margin-bottom:24px;border:1px solid rgba(255,255,255,.05)}.project-stat{display:flex;align-items:center;gap:8px}.project-stat svg{color:var(--accent-primary);font-size:1rem}.project-stat .stat-value{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--text-primary)}.project-stat .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{padding:6px 14px;background:#ff6b351a;border:1px solid rgba(255,107,53,.2);border-radius:20px;font-size:.8rem;color:var(--accent-primary);font-weight:500}.skill-svg-icon{width:44px;height:44px;color:var(--text-secondary);transition:var(--transition-fast)}.skill-logo-item:hover .skill-svg-icon{color:var(--accent-primary);transform:scale(1.1)}@media(max-width:1024px){.hero-stats{justify-content:center}.about-achievements{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:24px}.achievement-item{flex:0 0 auto}}@media(max-width:768px){.hero-stats{gap:16px}.stat-item{padding:12px 16px;min-width:80px}.stat-number{font-size:1.4rem}.about-achievements{flex-direction:column}.project-stats{display:flex;flex-direction:column;gap:12px}}@media(max-width:480px){.hero-stats{justify-content:space-between;width:100%}.stat-item{flex:1;text-align:center;align-items:center;padding:10px 12px}}.logo-loop-section{padding:60px 0;background:var(--bg-secondary);overflow:hidden;position:relative}.logo-loop-label{text-align:center;font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:3px;margin-bottom:32px}.logo-loop-container{position:relative;width:100%;overflow:hidden}.logo-loop-gradient{position:absolute;top:0;bottom:0;width:150px;z-index:10;pointer-events:none}.logo-loop-gradient.left{left:0;background:linear-gradient(to right,var(--bg-secondary) 0%,transparent 100%)}.logo-loop-gradient.right{right:0;background:linear-gradient(to left,var(--bg-secondary) 0%,transparent 100%)}.logo-loop-track{display:flex;gap:50px;width:max-content}.logo-loop-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;min-width:100px;transition:var(--transition-fast)}.logo-loop-item:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.logo-loop-icon{font-size:2.5rem;transition:var(--transition-fast)}.logo-loop-item span{font-size:.85rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.logo-loop-item:hover span{color:var(--text-primary)}@media(max-width:768px){.logo-loop-section{padding:40px 0}.logo-loop-gradient{width:80px}.logo-loop-track{gap:30px}.logo-loop-item{padding:16px 20px;min-width:80px}.logo-loop-icon{font-size:2rem}.logo-loop-item span{font-size:.75rem}}.projects-page{min-height:100vh;padding:120px 8% 80px}.projects-page-header{text-align:center;margin-bottom:60px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-size:.95rem;margin-bottom:24px;transition:var(--transition-fast)}.back-link:hover{color:var(--accent-primary)}.projects-page-header h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:16px}.projects-page-header h1 span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.projects-page-header p{color:var(--text-secondary);font-size:1.1rem}.projects-page .projects-grid{margin-top:0}.projects-page-grid{display:none}.project-date{font-size:.85rem;color:var(--accent-primary);font-weight:500;display:block;margin-bottom:8px}@media(max-width:768px){.projects-page{padding:100px 6% 60px}}.pulse-beams-container{width:100%;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-font-smoothing:antialiased}.pulse-beams-content{position:relative;z-index:10}.pulse-beams-svg-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.pulse-beams-svg{flex-shrink:0}.pulse-beams-button{position:relative;width:320px;height:120px;z-index:40;cursor:pointer;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:60px;padding:2px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.pulse-beams-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:60px;background:radial-gradient(75% 100% at 50% 0%,rgba(255,107,53,.6) 0%,transparent 75%);opacity:0;transition:opacity .5s}.pulse-beams-button:hover:before{opacity:1}.pulse-beams-button-inner{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--bg-primary);border-radius:58px;padding:4px 16px;box-shadow:inset 0 0 0 1px #ffffff1a}.pulse-beams-button-text{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;background:linear-gradient(to right,var(--text-secondary),var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.pulse-beams-svg-wrapper{transform:scale(.6)}.pulse-beams-button{width:240px;height:90px}}.location-map-container{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.location-map-card{position:relative;overflow:hidden;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--glass-border)}.location-map-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%,rgba(255,255,255,.05) 100%)}.location-map-expanded{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.location-map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-tertiary)}.location-map-roads{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-building{position:absolute;border-radius:4px;background:#a0a0a040;border:1px solid rgba(160,160,160,.15)}.location-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px var(--accent-glow))}.location-map-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-secondary),transparent);opacity:.6}.location-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0}.location-map-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.location-map-top{display:flex;align-items:flex-start;justify-content:space-between}.location-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.location-status span{font-size:10px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.location-map-bottom{display:flex;flex-direction:column;gap:4px}.location-map-bottom h3{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-primary);letter-spacing:-.2px}.location-coords{font-family:monospace;font-size:.75rem;color:var(--text-secondary)}.location-underline{height:1px;background:linear-gradient(to right,var(--accent-primary),rgba(255,107,53,.3),transparent);transform-origin:left}.location-hint{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-secondary);white-space:nowrap}@media(max-width:480px){.location-map-card{width:200px!important;height:120px!important}}.contact-content-wrapper{display:grid;grid-template-columns:minmax(300px,1.2fr) minmax(300px,.8fr);gap:4rem;align-items:start}.contact-map-wrapper{width:100%;display:flex;justify-content:center}@media(max-width:968px){.contact-content-wrapper{grid-template-columns:1fr;gap:3rem}}.nav-pulse-beams-container{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:visible}.nav-cta-wrapper{transition:transform .3s ease,box-shadow .3s ease;border-radius:30px}.nav-cta-wrapper:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--accent-glow)}.nav-cta-wrapper .nav-cta{background:transparent!important;box-shadow:none!important;color:var(--text-primary)!important;padding:12px 28px;position:relative;z-index:20;font-weight:600;letter-spacing:.5px}.nav-cta-wrapper:hover .nav-cta{color:var(--accent-primary)!important;text-shadow:0 0 8px var(--accent-glow)}.tubelight-navbar-container{padding:4px;background:#ffffff08;border-radius:50px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tubelight-navbar{display:flex;align-items:center;gap:4px;position:relative;border-radius:50px}.tubelight-nav-item{position:relative;padding:10px 24px;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease;cursor:pointer;border-radius:50px;z-index:1;display:flex;align-items:center;justify-content:center;white-space:nowrap}.tubelight-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.tubelight-nav-item.active{color:var(--accent-primary)}.tubelight-lamp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50px}.lamp-light{position:absolute;bottom:-2px;left:15%;width:70%;height:2px;background:var(--accent-primary);box-shadow:0 0 10px 2px var(--accent-glow);border-radius:50%}.lamp-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center bottom,rgba(255,107,53,.15),transparent 70%)}@media(max-width:768px){.nav-links-container{display:none;position:absolute;top:100%;left:0;width:100%;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:30px;border-bottom:1px solid var(--glass-border);flex-direction:column}.nav-links-container.open{display:flex}.tubelight-navbar-container{background:transparent;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;padding:0}.tubelight-navbar{flex-direction:column;width:100%;gap:0;border-radius:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.tubelight-nav-item{width:100%;border-radius:8px;justify-content:flex-start;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.tubelight-nav-item:last-child{border-bottom:none}.tubelight-lamp{display:none}.tubelight-nav-item.active{background:#ff6b351a;color:var(--accent-primary)}.nav-cta-wrapper{display:none!important}}@media(max-width:968px){.projects-grid{grid-template-columns:1fr;gap:32px;margin-top:32px}.project-header h3{font-size:1.5rem}.project-image{height:240px}}.skills{padding:100px 8%;background:var(--bg-primary)}@media(max-width:768px){.skills{padding:80px 6%}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:var(--container-width);margin:0 auto}.skill-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px;transition:var(--transition-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.skill-card:hover{border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .4s ease}.skill-card:hover:before{opacity:1}.skill-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.skill-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ff6b351a;color:var(--accent-primary);font-size:1.3rem;flex-shrink:0}.skill-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.skill-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.skill-logo-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:default}.skill-logo-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}.skill-svg-icon{font-size:2.2rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}.skill-logo-item img{width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.skill-logo-item:hover .skill-svg-icon,.skill-logo-item:hover img{transform:scale(1.1)}.skill-logo-item span{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-align:center;white-space:nowrap}@media(max-width:480px){.skills-grid{grid-template-columns:1fr;gap:24px}.skill-logos{grid-template-columns:repeat(3,1fr)}}.view-all-projects{display:flex;justify-content:center;margin-top:60px}.view-all-link{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:transparent;border:1px solid var(--glass-border);border-radius:50px;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:var(--transition-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-all-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff6b3514;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.view-all-link svg{transition:transform .3s ease}.view-all-link:hover svg{transform:translate(5px)}.invert-icon{filter:brightness(0) invert(1)}.featured-badge{position:absolute;top:20px;right:20px;background:var(--accent-gradient);padding:6px 14px;border-radius:50px;font-size:.75rem;font-weight:600;color:var(--bg-primary);z-index:20;box-shadow:0 5px 15px var(--accent-glow);text-transform:uppercase;letter-spacing:1px}.location-map-container{cursor:pointer;perspective:1000px}.location-map-card{width:100%;height:100%;position:relative;border-radius:20px;background:var(--bg-secondary);border:1px solid var(--glass-border);overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.location-map-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,107,53,.1),transparent 70%)}.location-map-expanded{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg-tertiary)}.location-map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a1a1a;opacity:.9}.location-map-roads line{vector-effect:non-scaling-stroke}.map-building{position:absolute;background:var(--glass-border);border:1px solid rgba(255,255,255,.1)}.location-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.location-map-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 80%,var(--bg-tertiary));pointer-events:none}.location-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.location-map-content{position:absolute;bottom:0;left:0;width:100%;padding:20px;z-index:30;background:linear-gradient(to top,var(--bg-secondary) 30%,transparent)}.location-map-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.location-map-icon{color:var(--accent-primary)}.location-status{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:20px;font-size:.7rem;color:#22c55e}.status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.location-map-bottom h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.location-coords{font-size:.8rem;color:var(--text-secondary);margin-top:4px;font-family:monospace}.location-underline{height:2px;background:var(--accent-primary);margin-top:8px;transform-origin:left}.location-hint{position:absolute;bottom:-25px;left:0;width:100%;text-align:center;font-size:.75rem;color:var(--text-secondary);opacity:0;transition:opacity .3s ease}.preloader-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(ellipse 60% 40% at 50% -20%,rgba(255,107,53,.08),transparent),radial-gradient(ellipse 60% 40% at 50% 120%,rgba(255,107,53,.05),transparent)}.greeting-text{font-family:var(--font-display);font-size:3.5rem;font-weight:500;color:var(--text-primary);letter-spacing:-.02em;min-width:280px}.preloader-content{display:flex;align-items:center;gap:16px;position:relative;z-index:10}.preloader-content .dot{font-size:2rem;color:var(--accent-primary);display:flex;align-items:center;padding-top:8px}.preloader-curve{position:absolute;top:100%;left:0;width:100%;height:100px;pointer-events:none;z-index:9999;fill:var(--bg-primary)}.intro-container{text-align:center}.intro-container h1{font-family:var(--font-display);font-size:2.5rem;color:var(--text-primary);font-weight:400}.intro-container .highlight-name{color:var(--accent-primary);font-weight:600;display:block;font-size:3.5rem;margin-top:8px}@media(max-width:768px){.greeting-text{font-size:2rem}.intro-container h1{font-size:1.8rem}.intro-container .highlight-name{font-size:2.5rem}}@media(max-width:380px){:root{--section-padding: 60px 5%}.hero h1{font-size:2rem}.hero-role{font-size:1rem}.hero-tag{font-size:.75rem;padding:6px 12px}.stat-number{font-size:1.4rem}.stat-label{font-size:.7rem}.about-content h2,.section-title{font-size:1.8rem}.project-header h3{font-size:1.3rem}.project-tech .tech-tag{font-size:.7rem;padding:4px 10px}.projects-page-header h1{font-size:2rem}}@media(max-width:768px){.projects-page-header h1{font-size:2.5rem}.projects-page-header p{font-size:1rem;padding:0 20px}.projects-page .projects-grid{grid-template-columns:1fr;gap:40px}.projects-page .project-image{height:220px}.about-text,.project-description{font-size:.9rem}}@media(max-width:768px){.about-image-wrapper{width:280px;height:280px;margin:0 auto 40px}.contact-map-wrapper{width:100%;overflow:hidden;border-radius:20px}.pulse-beams-button{width:100%;max-width:280px;height:100px}}@media(max-width:480px){.about-image-wrapper{width:240px;height:240px}.contact-content-wrapper{gap:3rem}}@media(max-width:768px){.footer{padding:60px 0 40px;text-align:center}.footer-social{justify-content:center;margin-bottom:30px}.footer-links{flex-direction:column;gap:20px;align-items:center;margin-bottom:30px}.footer-copyright{font-size:.8rem}}.pulse-beams-demo-section{padding:100px 0;position:relative;overflow:hidden;background:var(--bg-secondary)}.pulse-beams-wrapper{max-width:1000px;margin:0 auto;position:relative;height:500px;display:flex;align-items:center;justify-content:center}.pulse-beams-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(255,107,53,.05) 0%,transparent 70%);border-radius:30px;border:1px solid var(--glass-border);overflow:hidden;box-shadow:0 0 50px -10px #00000080}.pulse-beams-content{position:relative;z-index:10;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pulse-beams-svg-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}.pulse-beams-svg{width:100%;height:100%;opacity:.6}.pulse-content-container{text-align:center;max-width:600px;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:24px}.pulse-heading{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1;font-weight:700;color:var(--text-primary)}.pulse-heading .text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.pulse-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:480px}.pulse-beams-button{position:relative;display:inline-flex;margin-top:16px;text-decoration:none;border-radius:50px;padding:1px;background:linear-gradient(90deg,#ff6b35,#f7c815,#ff6b35);background-size:200% auto;animation:shimmer 3s linear infinite;transition:transform .3s ease,box-shadow .3s ease}.pulse-beams-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ff6b3566}.pulse-beams-button-inner{background:var(--bg-primary);border-radius:50px;padding:16px 40px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:background .3s ease}.pulse-beams-button:hover .pulse-beams-button-inner{background:#0a0a0ae6}.pulse-beams-button-text{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.btn-icon{font-size:1.2rem;color:var(--accent-primary)}@keyframes shimmer{to{background-position:200% center}}@media(max-width:768px){.pulse-beams-wrapper{height:auto;min-height:400px;padding:40px 0}.pulse-beams-svg{transform:scale(1.5);opacity:.4}.pulse-heading{font-size:2rem}.pulse-subtitle{font-size:.95rem}}