@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at 0 0,#3b82f62e,#0000 30%),radial-gradient(circle at 100% 100%,#0ea5e924,#0000 28%),linear-gradient(#020617 0%,#020b1b 40%,#01040f 100%);font-family:Inter,sans-serif;overflow-x:hidden}.app{width:100%;min-height:100vh;position:relative}.app:before{content:"";filter:blur(120px);z-index:-1;background:#3b82f614;width:500px;height:500px;position:fixed;top:-100px;left:-100px}.app:after{content:"";filter:blur(120px);z-index:-1;background:#0ea5e914;width:450px;height:450px;position:fixed;bottom:-100px;right:-100px}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0206178c;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:28px 8%;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;font-size:1.4rem;font-weight:700}.nav-links{gap:28px;display:flex}.nav-links a{color:#cbd5e1;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#fff}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;min-height:92vh;padding:100px 8%;display:grid;position:relative}.hero-left{z-index:2}.hero-badge{color:#7dd3fc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3b82f61f;border:1px solid #3b82f62e;border-radius:999px;margin-bottom:28px;padding:12px 18px;font-size:.9rem;display:inline-block}.hero h1{letter-spacing:-3px;margin-bottom:28px;font-size:clamp(3.8rem,8vw,6.5rem);font-weight:800;line-height:1}.hero p{color:#cbd5e1;max-width:700px;margin-bottom:40px;font-size:1.15rem;line-height:1.9}.hero-buttons{gap:18px;display:flex}.primary-btn,.secondary-btn{border-radius:16px;padding:16px 28px;font-weight:600;text-decoration:none;transition:all .35s}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 10px 30px #2563eb59}.primary-btn:hover{transform:translateY(-4px)scale(1.02)}.secondary-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a}.secondary-btn:hover{background:#ffffff14;transform:translateY(-4px)}.hero-right{justify-content:center;display:flex;position:relative}.hero-right:before{content:"";filter:blur(80px);z-index:-1;background:#3b82f62e;border-radius:50%;width:380px;height:380px;position:absolute}.hero-right img{object-fit:cover;border:1px solid #ffffff14;border-radius:32px;width:360px;height:460px;transition:all .5s;box-shadow:0 20px 50px #00000073}.hero-right img:hover{transform:scale(1.03)}.section{padding:120px 8%;position:relative}.section:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:84%;height:1px;position:absolute;bottom:0;left:8%}.section h2{letter-spacing:-1px;margin-bottom:60px;font-size:3rem}.expertise-grid,.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.expertise-card,.project-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:28px;transition:all .45s;position:relative;overflow:hidden}.expertise-card:before,.project-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f614,#0000);transition:all .4s;position:absolute;inset:0}.expertise-card:hover:before,.project-card:hover:before{opacity:1}.expertise-card:hover,.project-card:hover{border-color:#3b82f638;transform:translateY(-10px);box-shadow:0 20px 40px #00000059}.expertise-card{padding:40px}.expertise-card h3{margin-bottom:18px;font-size:1.5rem}.expertise-card p{color:#cbd5e1;line-height:1.9}.project-card img{object-fit:cover;width:100%;height:240px;transition:all .6s}.project-card:hover img{transform:scale(1.08)}.project-content{padding:28px}.project-content h3{margin-bottom:18px;font-size:1.7rem}.project-content p{color:#cbd5e1;margin-bottom:24px;line-height:1.8}.tech-row{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.tech-row span{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f626;border-radius:999px;padding:8px 14px;font-size:.85rem}.project-content a{color:#7dd3fc;z-index:10;font-weight:600;text-decoration:none;position:relative}.about-container{grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;display:grid}.about-container img{border:1px solid #ffffff14;border-radius:28px;width:100%}.about-container p{color:#cbd5e1;margin-bottom:22px;font-size:1.05rem;line-height:2}.contact-box{flex-wrap:wrap;gap:22px;display:flex}.contact-box a{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:18px 26px;text-decoration:none;transition:all .35s}.contact-box a:hover{background:#3b82f614;border-color:#3b82f633;transform:translateY(-6px)}@media (width<=950px){.hero,.about-container{grid-template-columns:1fr}.hero{padding-top:80px}.hero-right{order:-1}.hero-right img{width:300px;height:380px}.section h2{font-size:2.3rem}}@media (width<=650px){.navbar{padding:24px 5%}.nav-links{display:none}.hero,.section{padding-left:5%;padding-right:5%}.hero h1{font-size:3rem}}