*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e4e4e7;background:#050a13;font-family:JetBrains Mono,monospace;line-height:1.7}a{color:inherit;text-decoration:none}header{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#060a12c7;border-bottom:1px solid #4ade8014;transition:all .35s;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;max-width:1200px;height:78px;margin:auto;padding:0 20px;display:flex}.logo{color:#fff;letter-spacing:1px;font-size:34px;font-weight:700}.logo span{color:#4ade80}.navbar ul{align-items:center;gap:38px;list-style:none;display:flex}.navbar a{color:#9ca3af;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.navbar a:hover{color:#fff}.navbar a:after{content:"";background:#4ade80;width:0;height:2px;transition:all .3s;position:absolute;bottom:-8px;left:0}.navbar a:hover:after{width:100%}.navbar a.active:after{width:100%}.nav-btn{border:1px solid #4ade8059;border-radius:999px;justify-content:center;align-items:center;padding:11px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;color:#4ade80!important}.nav-btn:after{content:none;display:none!important}.nav-btn:hover{background:#4ade80;border-color:#4ade80;transform:translateY(-2px);box-shadow:0 0 20px #4ade8040;color:#081018!important}.nav-btn span{margin-left:8px;transition:transform .3s}.nav-btn:hover span{transform:translate(4px)}.logo{cursor:pointer;transition:all .3s}.logo:hover{color:#4ade80}header.scrolled{background:#050a12eb;border-bottom:1px solid #4ade8026;box-shadow:0 8px 30px #00000059}.hero{justify-content:space-between;align-items:center;gap:60px;max-width:1200px;min-height:90vh;margin:auto;padding:100px 20px;display:flex}.terminal{color:#4ade80;height:20px;margin-bottom:20px}.hero h1{margin-bottom:20px;font-size:72px;line-height:1.1}.hero h3{color:#a1a1aa;font-size:28px}.hero h4{color:#4ade80;margin-top:10px;margin-bottom:30px}.hero-desc{color:#a1a1aa;max-width:650px;margin-bottom:40px}.tags{flex-wrap:wrap;gap:15px;margin-bottom:40px;display:flex}.tags span{color:#4ade80;border:1px solid #1f2937;border-radius:50px;padding:10px 18px}.hero-buttons{gap:20px;display:flex}.primary-btn{color:#050a13;background:#4ade80;border-radius:12px;padding:15px 28px;font-weight:700}.primary-btn:hover{transform:translateY(-3px)}.secondary-btn{border:1px solid #1f2937;border-radius:12px;padding:15px 28px}.secondary-btn:hover{color:#4ade80;border-color:#4ade80}.hero-right{flex:.8;justify-content:center;display:flex}.profile-placeholder{background:#0c1220;border:2px solid #4ade80;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;font-size:120px;display:flex;box-shadow:0 0 80px #4ade8040}.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;max-width:1200px;margin:auto;padding:60px 20px;display:grid}.card{background:#0c1220;border:1px solid #1a2333;border-radius:16px;padding:35px;transition:all .3s}.card:hover{border-color:#4ade80;transform:translateY(-8px)}.card h2{color:#4ade80;margin-bottom:15px;font-size:40px}.card h3{margin-bottom:20px}.card p{color:#a1a1aa}.section{max-width:1000px;margin:auto;padding:120px 20px;scroll-margin-top:100px}.section-number{color:#4ade80;margin-bottom:25px}.section h2{margin-bottom:35px;font-size:42px}.section p{color:#a1a1aa;margin-bottom:20px}.timeline{border-left:2px solid #1f2937;padding-left:40px}.timeline-item{margin-bottom:60px;position:relative}.timeline-item:before{content:"";background:#4ade80;border-radius:50%;width:14px;height:14px;position:absolute;top:8px;left:-48px}.timeline-item h3{color:#4ade80;margin-bottom:10px}.timeline-item p{color:#a1a1aa}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.card a{color:#4ade80;margin-top:20px;display:inline-block}.card a:hover{transform:translate(5px)}.ai-list{list-style:none}.ai-list li{background:#081018;border-left:4px solid #4ade80;margin-bottom:20px;padding:18px}#contact p{margin-bottom:15px}footer{text-align:center;border-top:1px solid #1a2333;padding:60px 20px}footer .logo{margin-bottom:20px}.hamburger{cursor:pointer;z-index:1001;display:none}.hamburger span{background:#fff;border-radius:30px;width:28px;height:3px;margin:6px 0;transition:all .35s;display:block}.hamburger.active span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}@media (width<=768px){.project-image-live{border-radius:24px;justify-content:center;align-items:center;width:220px;height:220px;font-size:100px;display:flex}.featured-app{padding:45px 24px}.featured-content{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.featured-left{text-align:center}.featured-left h2{font-size:52px}.featured-description{margin:auto;font-size:17px}.tech-stack{justify-content:center}.app-stats{grid-template-columns:repeat(3,1fr)}.phone-frame img{width:220px}.hamburger{display:block}.navbar ul{z-index:999;background:#081018;border-left:1px solid #4ade8026;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:280px;height:calc(100vh - 78px);padding:35px;transition:transform .35s;display:flex;position:fixed;top:78px;right:0;transform:translate(100%)}.navbar ul.active{transform:translate(0)}}@media (width<=900px){.navbar ul{display:none}.hero{text-align:center;flex-direction:column}.hero h1{font-size:48px}.hero-buttons{flex-wrap:wrap;justify-content:center}.tags{justify-content:center}}.bg-grid{z-index:-1;background-color:#0000;background-image:linear-gradient(#4ade8008 1px,#0000 1px),linear-gradient(90deg,#4ade8008 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;animation:20s linear infinite moveGrid;position:fixed;top:0;left:0}@keyframes moveGrid{0%{transform:translateY(0)}to{transform:translateY(40px)}}.navbar a.active{color:#4ade80}.navbar a.active:before{content:"> "}.profile-img{object-fit:cover;border:2px solid #4ade80;border-radius:50%;width:320px;height:320px;transition:all .3s;box-shadow:0 0 50px #4ade8059,0 0 100px #4ade8026}.profile-img:hover{transform:translateY(-8px)scale(1.02)}.hero h1{text-shadow:0 0 30px #4ade8026}.hero{position:relative}.hero:after{content:"";opacity:.08;filter:blur(140px);z-index:-1;background:#4ade80;border-radius:50%;width:300px;height:300px;position:absolute;top:20%;right:10%}.section-subtitle{color:#94a3b8;margin-bottom:50px;font-size:18px}.opensource-card:before{content:"";filter:blur(80px);background:#4ade8014;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-50%}.opensource-card.featured{border:1px solid #4ade80}.os-icon{color:#4ade80;background:#081018;border:1px solid #1a2333;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:25px;font-size:24px;font-weight:700;display:flex}.opensource-card h3{color:#e4e4e7;margin-bottom:20px;font-size:28px}.opensource-card p{color:#94a3b8;line-height:1.8}.stats-row{gap:50px;margin-top:30px;margin-bottom:30px;display:flex}.stats-row h4{color:#4ade80;margin-bottom:5px;font-size:28px}.stats-row span{color:#94a3b8;font-size:14px}.opensource-card a{color:#4ade80;font-weight:600;transition:all .3s}.opensource-card a:hover{transform:translate(5px)}.terminal-box{background:#081018;border-left:4px solid #4ade80;border-radius:10px;margin-top:40px;margin-bottom:60px;padding:30px}.terminal-box p{color:#94a3b8;margin-bottom:12px}.terminal-box p:first-child{color:#4ade80;font-weight:700}@media (width<=768px){.opensource-grid{grid-template-columns:1fr}.stats-row{gap:30px}}.projects{flex-direction:column;gap:40px;margin-top:60px;display:flex}.project-card{background:#0c1220;border:1px solid #1a2333;border-radius:24px;justify-content:space-between;align-items:center;gap:60px;padding:50px;transition:all .35s;display:flex;overflow:hidden}.project-card:hover{border-color:#4ade80;transform:translateY(-10px);box-shadow:0 0 60px #4ade801f}.project-content{flex:1}.project-tag{color:#4ade80;background:#081018;border-radius:50px;margin-bottom:20px;padding:8px 16px;font-size:14px;display:inline-block}.project-card h3{margin-bottom:20px;font-size:38px}.project-card p{color:#94a3b8;max-width:650px;margin-bottom:30px}.tech-stack{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.tech-stack span{color:#4ade80;border:1px solid #1a2333;border-radius:30px;padding:8px 16px;font-size:14px}.project-card ul{list-style:none}.project-card li{color:#a1a1aa;margin-bottom:12px}.project-links{gap:25px;margin-top:30px;display:flex}.project-links a{color:#4ade80;font-weight:600}.project-links a:hover{transform:translate(6px)}.project-image{background:#081018;border:1px solid #1a2333;border-radius:24px;justify-content:center;align-items:center;width:220px;height:220px;font-size:100px;display:flex;box-shadow:0 0 50px #4ade8014}.project-image-live{border-radius:24px;justify-content:center;align-items:center;width:340px;height:220px;font-size:100px;display:flex}.architecture{color:#a1a1aa;background:#081018;border-left:4px solid #4ade80;margin-top:30px;padding:25px;line-height:2}@media (width<=900px){.project-card{text-align:center;flex-direction:column}.tech-stack,.project-links{justify-content:center}.project-image{width:150px;height:150px;font-size:70px}}.terminal-box{background:#081018;border:1px solid #1a2333;border-radius:20px;margin-top:50px;overflow:hidden}.terminal-header{background:#0c1220;border-bottom:1px solid #1a2333;align-items:center;gap:12px;height:55px;padding:0 25px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.terminal-title{color:#94a3b8;margin-left:15px;font-size:14px}.terminal-content{padding:40px}.terminal-content p{margin-bottom:18px;font-size:18px}.terminal-green{color:#4ade80;font-weight:700}.writing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:60px;display:grid}.writing-card{background:#0c1220;border:1px solid #1a2333;border-radius:20px;padding:40px;transition:all .35s}.writing-card:hover{border-color:#4ade80;transform:translateY(-10px);box-shadow:0 0 50px #4ade801a}.writing-card.featured{border-color:#4ade80}.writing-icon{margin-bottom:25px;font-size:50px}.writing-card h3{margin-bottom:20px;font-size:32px}.writing-card p{color:#94a3b8;margin-bottom:25px}.writing-card ul{list-style:none}.writing-card li{color:#a1a1aa;margin-bottom:15px}.writing-card a{color:#4ade80;font-weight:600}.writing-card a:hover{transform:translate(5px)}.contact-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.contact-card{background:#0c1220;border:1px solid #1a2333;border-radius:20px;justify-content:space-between;align-items:center;padding:30px;transition:all .35s;display:flex}.contact-card:hover{border-color:#4ade80;transform:translateY(-8px);box-shadow:0 0 50px #4ade801f}.contact-card h3{margin-bottom:8px;font-size:24px}.contact-card p{color:#94a3b8}.contact-card span{color:#4ade80;font-size:32px}.contact-cta{text-align:center;margin-top:60px}footer{text-align:center;border-top:1px solid #1a2333;margin-top:100px;padding:100px 20px}.footer-logo{color:#4ade80;margin-bottom:20px;font-size:48px;font-weight:700}footer h3{margin-bottom:15px;font-size:32px}footer p{color:#94a3b8;margin-bottom:10px}.footer-links a{color:#a1a1aa}.copyright{color:#64748b;font-size:14px}.stars{z-index:-2;opacity:.04;background:radial-gradient(#fff 1px,#0000 1px) 0 0/80px 80px;width:100%;height:100%;animation:60s linear infinite moveStars;position:fixed;top:0;left:0}@keyframes moveStars{0%{transform:translateY(0)}to{transform:translateY(80px)}}.hero{justify-content:space-between;align-items:center;gap:50px;min-height:100vh;padding-top:100px;display:flex}.hero-left,.hero-right{flex:1}@media (width<=1000px){.hero{text-align:center;flex-direction:column}}.hero-role{color:#e4e4e7;margin-top:20px;font-size:34px;font-weight:700}.hero-tech{color:#4ade80;margin-top:15px;margin-bottom:30px;font-size:20px;font-weight:500}.hero-desc{color:#94a3b8;max-width:700px;margin-bottom:40px;font-size:18px;line-height:1.9}.hero-highlights{flex-wrap:wrap;gap:15px;margin-bottom:40px;display:flex}.hero-highlights span{color:#4ade80;background:#081018;border:1px solid #1a2333;border-radius:30px;padding:10px 18px;font-size:14px;transition:all .3s}.hero-highlights span:hover{border-color:#4ade80;transform:translateY(-3px)}.hero-right{flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.hero-photo{background:radial-gradient(circle,#4ade801f,#0000 70%);border:2px solid #4ade8033;border-radius:50%;width:450px;height:450px;position:relative;overflow:hidden;transform:translateY(-110px);box-shadow:0 0 50px #4ade801f,inset 0 0 40px #4ade800f}.hero-photo:after{content:"";border:1.5px solid #4ade8040;border-radius:50%;animation:20s linear infinite rotateRing,4s ease-in-out infinite pulseRing;position:absolute;inset:-12px;box-shadow:0 0 20px #4ade8033,0 0 40px #4ade8014}.hero-photo:before{content:"";filter:drop-shadow(0 0 12px #4ade80)drop-shadow(0 0 25px #4ade8080);border:3px solid #0000;border-top-color:#4ade80;border-radius:50%;animation:12s linear infinite rotateArc;position:absolute;inset:-12px}.hero-photo img{object-fit:cover;object-position:center -35%;width:100%;height:100%;transition:transform .35s,filter .35s;transform:scale(1.38)}.hero-photo:hover img{transform:scale(1.43)}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateArc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseRing{0%{box-shadow:0 0 15px #4ade8026,0 0 30px #4ade800d}50%{box-shadow:0 0 25px #4ade8040,0 0 50px #4ade801f}to{box-shadow:0 0 15px #4ade8026,0 0 30px #4ade800d}}@media (width<=480px){h1{font-size:46px}.hero-photo{width:210px;height:210px}.featured-app h2{font-size:54px}.app-stats,.skills-grid{grid-template-columns:1fr}.hero-highlights span{text-align:center;width:100%}.hero-buttons a{width:100%}.featured-left h2{font-size:42px}.phone-frame img{width:180px}.app-stats{grid-template-columns:1fr}.project-image-live{border-radius:24px;justify-content:center;align-items:center;width:220px;height:220px;font-size:100px;display:flex}}@media (width<=768px){body{overflow-x:hidden}.section{padding:90px 24px}.section h2{margin-bottom:25px;font-size:18px}.navbar{height:72px;padding:0 24px}.hamburger{display:block}.navbar ul{z-index:999;background:#081018;border-left:1px solid #4ade8026;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:28px;width:280px;height:calc(100vh - 72px);padding:40px 30px;transition:transform .35s;display:flex;position:fixed;top:72px;right:0;transform:translate(100%)}.navbar ul.active{transform:translate(0)}.nav-btn{text-align:center;width:100%}.hero{text-align:center;flex-direction:column;gap:35px;min-height:auto;padding-top:120px}.hero-left{order:2}.hero-right{order:1;justify-content:center;align-items:center;width:100%;min-height:auto;margin-bottom:10px;padding:0;display:flex}.hero-photo{width:240px;height:240px;margin:auto}.hero-photo img{object-position:center -30%}h1{font-size:56px;line-height:1.1}.hero-role{font-size:30px}.hero-tech{font-size:20px}.hero-desc{margin:auto;font-size:17px;line-height:1.8}.hero-highlights{justify-content:center}.tags{flex-wrap:wrap;justify-content:center}.hero-buttons{flex-direction:column;align-items:center;gap:16px}.hero-buttons a{width:100%;max-width:320px}.quote-card{margin-top:20px;padding:50px 30px}.featured-app{border-radius:24px;padding:50px 25px}.featured-content{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.featured-app h2{font-size:clamp(46px,10vw,72px);line-height:1.05}.app-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0;display:grid}.app-stat{text-align:center;padding:18px 12px}.about-container{grid-template-columns:1fr;gap:50px}.about-left{order:2}.about-right{order:1}.journey-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.opensource-grid{grid-template-columns:1fr}.projects{gap:28px}.project-card{grid-template-columns:1fr}.project-image{min-height:180px}.contact-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;justify-content:center;gap:18px}.about-tags{justify-content:center;align-items:center;gap:10px;font-size:16px}}@media (width<=1024px){.hero-right{justify-content:center}.hero-photo{width:380px;height:380px;transform:translateY(-40px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.opensource-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:35px;margin-top:70px;display:grid}.opensource-card{background:#0c1220;border:1px solid #1a2333;border-radius:25px;padding:40px;transition:all .35s;position:relative;overflow:hidden}.opensource-card:hover{border-color:#4ade80;transform:translateY(-10px);box-shadow:0 0 50px #4ade801f}.card-icon{color:#4ade80;margin-bottom:30px;font-size:52px}.card-icon i{transition:all .3s}.opensource-card:hover .card-icon i{text-shadow:0 0 20px #4ade8080;transform:scale(1.1)}.opensource-card h3{margin-bottom:20px;font-size:30px}.opensource-card p{color:#94a3b8;margin-bottom:25px;line-height:1.8}.opensource-stats{margin-bottom:25px}.opensource-stats span{color:#4ade80;background:#4ade801f;border-radius:30px;padding:10px 20px;font-weight:600;display:inline-block}.opensource-card ul{margin-bottom:30px;list-style:none}.opensource-card li{color:#a1a1aa;margin-bottom:14px;padding-left:20px;position:relative}.opensource-card li:before{content:"✓";color:#4ade80;position:absolute;left:0}.opensource-card a{color:#4ade80;font-size:17px;font-weight:600}.opensource-card a:hover{letter-spacing:1px}.opensource-bottom-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:80px;display:grid}.opensource-bottom-stats div{background:#081018;border:1px solid #1a2333;border-radius:20px;padding:35px}.opensource-bottom-stats h3{color:#4ade80;margin-bottom:10px;font-size:42px}.opensource-bottom-stats p{color:#94a3b8}@media (width<=900px){.opensource-bottom-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.opensource-bottom-stats{grid-template-columns:1fr}}.resume-card{background:#0c1220;border:1px solid #1a2333;border-radius:30px;justify-content:space-between;gap:60px;margin-top:60px;padding:50px;display:flex}.resume-left{flex:1}.resume-left h3{margin-bottom:20px;font-size:42px}.resume-role{color:#4ade80;margin-bottom:25px;font-size:24px}.resume-left p{color:#94a3b8;margin-bottom:12px;line-height:1.8}.resume-highlights{flex-wrap:wrap;gap:15px;margin-top:35px;display:flex}.resume-highlights span{color:#4ade80;background:#4ade801f;border-radius:30px;padding:10px 18px}.resume-right{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.resume-stats{gap:35px;margin-bottom:40px;display:flex}.resume-stats h3{color:#4ade80;text-align:center;font-size:42px}.resume-stats p{text-align:center;color:#94a3b8}.resume-skills{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:50px;display:flex}.resume-skills span{color:#a1a1aa;background:#081018;border:1px solid #1a2333;border-radius:30px;padding:12px 20px;transition:all .3s}.resume-skills span:hover{color:#4ade80;border-color:#4ade80;transform:translateY(-4px)}@media (width<=900px){.resume-card{flex-direction:column}.resume-stats{justify-content:center}}.career-timeline{max-width:800px;margin:80px auto;padding-left:80px;position:relative}.career-line{background:linear-gradient(#4ade80,#4ade8033);width:3px;height:100%;position:absolute;top:0;left:18px}.career-item{margin-bottom:70px;animation:.8s forwards fadeUp;position:relative}.career-dot{background:#4ade80;border-radius:50%;width:18px;height:18px;position:absolute;top:8px;left:-70px;box-shadow:0 0 15px #4ade80,0 0 35px #4ade8080}.career-dot.active{width:24px;height:24px;left:-73px}.career-dot.pulse{animation:2s infinite pulse}.career-content{background:#0c1220;border:1px solid #1a2333;border-radius:20px;padding:30px;transition:all .35s}.career-content:hover{border-color:#4ade80;transform:translateY(-8px);box-shadow:0 0 40px #4ade8026}.year{color:#4ade80;letter-spacing:2px;margin-bottom:15px;font-size:14px;font-weight:700;display:inline-block}.career-content h3{margin-bottom:15px;font-size:28px}.career-content p{color:#94a3b8;line-height:1.8}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.quote-section{justify-content:center;padding:120px 0;display:flex}.quote-container{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c12208c;border:1px solid #1a2333;border-radius:30px;max-width:1100px;padding:60px;position:relative;overflow:hidden}.quote-container:before{content:"";filter:blur(80px);background:radial-gradient(circle,#4ade8038,#0000);border-radius:50%;width:350px;height:350px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.quote-icon{color:#4ade80;opacity:.25;margin-bottom:20px;font-size:120px;line-height:1}.quote-container blockquote{color:#e4e4e7;z-index:2;font-size:34px;font-weight:300;line-height:1.8;position:relative}.quote-author{letter-spacing:3px;text-transform:uppercase;color:#4ade80;margin-top:45px;font-size:18px}@media (width<=768px){.quote-section{margin:30px;padding:20px 0}.quote-container{padding:40px 25px}.quote-container blockquote{font-size:20px}.career-content{text-align:center;font-size:20px}}.about-container{gap:80px;margin-top:70px;display:flex}.about-left{grid-template-columns:1fr 1fr;align-content:start;gap:25px;width:320px;display:grid}.about-stat{text-align:center;background:#0c1220;border:1px solid #1a2333;border-radius:25px;padding:35px 20px;transition:all .35s}.about-stat:hover{border-color:#4ade80;transform:translateY(-8px);box-shadow:0 0 40px #4ade801f}.about-stat h3{color:#4ade80;margin-bottom:10px;font-size:42px}.about-stat p{color:#94a3b8;font-size:15px}.about-left .primary-btn{text-align:center;grid-column:span 2;margin-top:10px}.about-right{flex:1}.about-right p{color:#94a3b8;margin-bottom:30px;font-size:20px;line-height:2}.about-right span{color:#e4e4e7;font-weight:600}.about-tags{flex-wrap:wrap;gap:15px;margin-top:40px;display:flex}.about-tags span{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;border-radius:30px;padding:10px 20px;transition:all .3s}.about-tags span:hover{border-color:#4ade80;transform:translateY(-4px)}@media (width<=1000px){.about-container{flex-direction:column}.about-left{grid-template-columns:repeat(2,1fr);width:100%}}@media (width<=600px){.about-left{grid-template-columns:1fr}.about-left .primary-btn{grid-column:span 1}.about-right p{font-size:18px}}.footer-links{flex-wrap:wrap;justify-content:center;gap:25px;margin:40px 0;display:flex}.footer-links a{color:#a1a1aa;font-size:16px;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#4ade80}.project-note{color:#94a3b8;text-align:center;background:#4ade8014;border:1px solid #4ade8033;border-radius:18px;max-width:800px;margin:30px auto 60px;padding:18px 25px;line-height:1.8}.pipeline-badge{color:#4ade80;background:#4ade8014;border:1px solid #4ade8040;border-radius:30px;margin:20px 0;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.project-tag.live{color:#4ade80;background:#4ade8026;border:1px solid #4ade8059}.project-links a{color:#4ade80}.featured-app{background:radial-gradient(circle at 0 0,#4ade8014,#0000 55%),#081018;border:1px solid #4ade801f;border-radius:32px;max-width:1200px;margin:70px auto 0;padding:70px 60px;position:relative;overflow:hidden}.featured-content{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.featured-left h2{margin:18px 0;font-size:72px}.featured-description{color:#94a3b8;max-width:650px;font-size:22px;line-height:1.9}.tech-stack{flex-wrap:wrap;gap:14px;margin:35px 0;display:flex}.tech-stack span{color:#4ade80;background:#09131e;border:1px solid #4ade8033;border-radius:999px;padding:12px 22px;font-size:15px}.app-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:45px 0;display:grid}.stat{text-align:center;background:#4ade800d;border:1px solid #4ade801a;border-radius:18px;padding:25px;transition:all .35s}.stat:hover{border-color:#4ade80;transform:translateY(-6px)}.stat h3{margin-bottom:12px;font-size:34px}.stat p{color:#9ca3af;font-size:15px}.featured-right{justify-content:center;align-items:center;display:flex;position:relative}.phone-glow{display:none}.phone-frame{z-index:1;width:100%;max-width:520px;position:relative}.phone-frame img{object-fit:contain;filter:drop-shadow(0 30px 60px #00000073);border-radius:24px;width:100%;height:auto;transition:transform .35s;display:block}.phone-frame:hover img{transform:translateY(-8px)scale(1.02)}.footer-quote{color:#e4e4e7;letter-spacing:.5px;background:#4ade800d;border:1px solid #4ade8033;border-radius:50px;margin:35px auto;padding:14px 28px;font-size:18px;font-style:italic;font-weight:500;transition:all .3s;display:inline-block;box-shadow:0 0 20px #4ade8014}.footer-quote:hover{border-color:#4ade80;transform:translateY(-2px);box-shadow:0 0 30px #4ade802e}.featured-preview{justify-content:center;margin:40px 0;display:flex}.featured-preview img{border:1px solid #4ade8026;border-radius:24px;width:100%;max-width:280px;transition:all .35s;box-shadow:0 25px 60px #00000073,0 0 40px #4ade8014}.featured-preview img:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 35px 70px #0000008c,0 0 60px #4ade8026}img{max-width:100%;height:auto}@media (width<=1024px){.navbar{padding:0 20px}.hero{text-align:center;flex-direction:column-reverse;gap:40px;padding-top:120px}.hero-left,.hero-right{flex:100%}.hero-photo{width:340px;height:340px;margin:auto}.hero h1{font-size:56px}.hero-buttons,.hero-highlights,.tags{justify-content:center}.about-container,.project-card,.featured-app,.contact-grid{flex-direction:column;display:flex}.opensource-grid,.projects{grid-template-columns:1fr 1fr}}@media (width<=768px){.navbar ul{display:none}.navbar ul.active{display:flex}.hero h1{font-size:44px}.hero-role{font-size:28px}.hero-tech{font-size:18px}.hero-desc{font-size:16px}.hero-photo{width:280px;height:280px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons a{text-align:center;width:240px}.about-container,.journey-container{flex-direction:column}.opensource-grid,.projects{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px}.section{padding:80px 20px}}@media (width<=480px){body{overflow-x:hidden}.navbar{height:70px}.logo{font-size:26px}.hero{padding-top:100px}.hero h1{font-size:36px}.hero-role{font-size:22px}.hero-photo{width:220px;height:220px}.hero-highlights span,.tags span{padding:8px 14px;font-size:12px}.project-card,.opensource-card,.contact-card{text-align:center;padding:20px}.section-number{font-size:14px}h2{font-size:30px}}@media (width<=768px){.about-container{text-align:center}.section{padding:40px 20px}.section-subtitle{text-align:center}.hero{text-align:center;flex-direction:column;gap:28px;min-height:auto;padding-top:96px}.hero-left{order:2}.hero-right{order:1;justify-content:center;align-items:center;min-height:auto;padding-top:0}.hero-photo{margin:0 auto;width:200px!important;height:200px!important}.hero-photo img{object-position:center -25%!important}h1{line-height:1.05;font-size:clamp(40px,10vw,52px)!important}.hero-role{font-size:24px!important}.hero-tech{font-size:16px!important}.hero-desc{max-width:100%;margin-bottom:20px;line-height:1.7;font-size:15px!important}.hero-highlights{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.hero-highlights span{padding:10px;font-size:13px}.tags{flex-wrap:wrap;justify-content:center}.hero-buttons{flex-direction:column;align-items:center;gap:12px}.hero-buttons a{width:100%;max-width:280px}.featured-app{text-align:center;margin:30px;padding:40px 20px}.featured-content{gap:30px;grid-template-columns:1fr!important}.featured-app h2{font-size:clamp(42px,11vw,60px)}.app-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.about-container,.journey-grid,.opensource-grid,.contact-grid,.project-card{grid-template-columns:1fr!important}.footer-links{flex-wrap:wrap;justify-content:center;gap:14px}}@media (width<=480px){.hero-photo{width:180px!important;height:180px!important}.hero-highlights,.app-stats{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr!important}}