.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#050b20;color:#fff;position:sticky;top:0;z-index:1000}.logo{font-size:22px;font-weight:700;color:#6c8cff}.nav-links{display:flex;gap:30px}.nav-links a{text-decoration:none;color:#fff;font-size:16px}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:#fff;margin:4px}@media(max-width:768px){.nav-links{position:absolute;top:70px;left:0;width:100%;background:#050b20;flex-direction:column;text-align:center;padding:20px 0;display:none}.nav-links.active,.hamburger{display:flex}}.navbar-logo{height:40px;width:auto;cursor:pointer}.logo{display:flex;align-items:center;gap:10px;cursor:pointer}.navbar-logo{height:40px;width:auto}.logo-text{font-size:20px;font-weight:700;color:#fff}.hero{width:100vw;min-height:90vh;background:radial-gradient(circle at center,#0f1d3d,#050b16);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px}.hero-content{max-width:900px}.hero h1{font-size:60px;color:#fff;line-height:1.2}.hero h1 span{color:#7f8cff}.hero p{color:#b5c1ff;font-size:18px;margin:25px 0}.hero-buttons{display:flex;justify-content:center;gap:20px}.btn-primary{padding:14px 28px;background:linear-gradient(90deg,#7f5cff,#9b6bff);border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer}.btn-secondary{padding:14px 28px;background:transparent;border:1px solid #7f8cff;border-radius:8px;color:#fff;cursor:pointer}@media(max-width:768px){.hero h1{font-size:36px}.hero-buttons{flex-direction:column}}.services{width:100vw;padding:60px;background:radial-gradient(circle at center,#0f1d3d,#050b16)}.service-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.service-card{width:300px;padding:40px 30px;background:#ffffff0d;border-radius:20px;color:#fff;transition:.3s;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.service-card:hover,.service-card.active{background:linear-gradient(145deg,#2b2f55,#1a1f3d);transform:translateY(-10px)}.icon{font-size:60px;line-height:1;margin-bottom:20px;color:#9b8cff}.service-card h3{font-size:22px;margin-bottom:10px}.service-card p{color:#b5c1ff;font-size:15px}@media(max-width:768px){.service-grid{flex-direction:column;align-items:center}}.expertise{width:100vw;padding:60px;background:radial-gradient(circle at top,#0f1d3d,#050b16)}.expertise-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.box{text-align:center;padding:60px 30px;display:flex;flex-direction:column;justify-content:center}.box h2{font-size:48px;color:#9b8cff;margin-bottom:20px}.box p{color:#b5c1ff;max-width:800px;margin:0 auto;font-size:21px}.exp-card{width:320px;padding:40px 30px;background:#ffffff0a;border-radius:20px;color:#fff;border:1px solid rgba(255,255,255,.1);transition:.3s;position:relative}.exp-card:hover,.exp-card.active{background:linear-gradient(145deg,#2b2f55,#1a1f3d);transform:translateY(-12px);box-shadow:0 0 30px #8278ff4d}.exp-icon{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px}.exp-icon.blue{background:linear-gradient(45deg,#00c6ff,#0072ff)}.exp-icon.pink{background:linear-gradient(45deg,#ff5cff,#8f4cff)}.exp-icon.green{background:linear-gradient(45deg,#00ffb2,#00b87a)}.exp-card h3{font-size:22px;margin-bottom:10px}.exp-card p{color:#cfd6ff;font-size:14px;margin-bottom:20px}.exp-card ul{list-style:none;padding:0}.exp-card li{font-size:14px;margin-bottom:10px;color:#b5c1ff}@media(max-width:768px){.expertise-grid{flex-direction:column;align-items:center}}.exp-icon.orange{background:linear-gradient(45deg,#ff8c00,#ff5e00)}.exp-icon.purple{background:linear-gradient(45deg,#8f5cff,#5f2cff)}.exp-icon.yellow{background:linear-gradient(45deg,#fc0,#f90)}.exp-card ul li{position:relative;padding-left:18px}.exp-card ul li:before{content:"";width:8px;height:8px;border-radius:50%;position:absolute;left:0;top:8px;background:#9b8cff}.exp-card .exp-icon.blue~ul li:before{background:#00c6ff}.exp-card .exp-icon.pink~ul li:before{background:#ff5cff}.exp-card .exp-icon.green~ul li:before{background:#00ffb2}.exp-card .exp-icon.orange~ul li:before{background:#ff8c00}.exp-card .exp-icon.purple~ul li:before{background:#8f5cff}.exp-card .exp-icon.yellow~ul li:before{background:#fc0}.about{width:100vw;min-height:80vh;background:radial-gradient(circle at top,#0f1d3d,#050b16);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 30px}.about h2{font-size:48px;color:#9b8cff;margin-bottom:20px}.about h3{font-size:36px;color:#fff;margin-bottom:20px}.about p{max-width:900px;color:#cfd6ff;font-size:18px;line-height:1.7}@media(max-width:768px){.about h2{font-size:34px}.about h3{font-size:26px}.about p{font-size:16px}}.how{width:100vw;padding:100px 60px;background:radial-gradient(circle at top,#0f1d3d,#050b16);text-align:center;color:#fff}.how h2{font-size:48px;color:#9b8cff;margin-bottom:15px}.how p{color:#b5c1ff;max-width:800px;margin:0 auto 60px;font-size:21px}.how-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.how-card{width:260px;padding:40px 25px;background:#ffffff0a;border-radius:20px;position:relative;border:1px solid rgba(255,255,255,.1);transition:.3s}.how-card:hover{transform:translateY(-10px);background:linear-gradient(145deg,#2b2f55,#1a1f3d)}.step{position:absolute;top:-18px;left:20px;background:linear-gradient(45deg,#ff5cff,#8f4cff);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.how-icon{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:30px auto 20px}.how-icon.blue{background:linear-gradient(45deg,#00c6ff,#0072ff)}.how-icon.pink{background:linear-gradient(45deg,#ff5cff,#8f4cff)}.how-icon.green{background:linear-gradient(45deg,#00ffb2,#00b87a)}.how-icon.orange{background:linear-gradient(45deg,#ff8c00,#ff5e00)}.how-card h3{margin-bottom:10px}.how-card p{font-size:14px;color:#cfd6ff}@media(max-width:768px){.how-grid{flex-direction:column;align-items:center}}.techstack{padding:100px 60px;text-align:center;background:radial-gradient(circle at top,#0f1d3d,#050b16);color:#fff}.techstack h2{font-size:46px;color:#a9a0ff}.techstack p{color:#cfd4ff;margin-bottom:60px;max-width:720px;margin-inline:auto}.glass{width:100%;margin-bottom:40px;padding:28px 40px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;gap:30px}.left{display:flex;align-items:center;gap:14px;min-width:200px}.left h3{font-size:22px}.icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.backend{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.frontend{background:linear-gradient(135deg,#a855f7,#6366f1)}.devops{background:linear-gradient(135deg,#22c55e,#16a34a)}.database{background:linear-gradient(135deg,#f97316,#fb7185)}.design{background:linear-gradient(135deg,#ec4899,#f43f5e)}.right{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;flex:1}.right::-webkit-scrollbar{height:0}.pill{padding:12px 26px;border-radius:14px;background:#ffffff14;white-space:nowrap;flex-shrink:0;font-size:15px;transition:.3s ease;cursor:pointer}.pill:hover{background:#ffffff2e;transform:translateY(-2px)}@media(max-width:768px){.techstack{padding:60px 20px}.techstack h2{font-size:32px}.glass{flex-direction:column;align-items:flex-start;padding:22px;gap:18px}.left{min-width:auto}.right{width:100%;overflow-x:auto}.pill{font-size:14px;padding:10px 20px}}@media(max-width:480px){.techstack h2{font-size:26px}.techstack p{font-size:14px}.left h3{font-size:18px}}.contact-section{padding:120px 80px;background:radial-gradient(circle at top,#0f1d3d,#050b16);color:#fff}.contact-section h2{font-size:42px;margin-bottom:60px;text-align:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-info{display:flex;flex-direction:column;gap:25px}.info-card{display:flex;align-items:center;gap:20px;padding:28px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.info-card .icon{font-size:26px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#a855f7)}.info-card span{color:#aaa;font-size:14px}.info-card p{font-size:18px}.contact-form{padding:40px;border-radius:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.contact-form h3{margin-bottom:25px;font-size:28px}.contact-form input,.contact-form textarea{width:100%;padding:16px;margin-bottom:18px;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fff;outline:none}.contact-form button{width:100%;padding:16px;border-radius:30px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;color:#fff;font-size:16px;cursor:pointer}.contact-info a{color:inherit;text-decoration:none}.contact-info a:hover{text-decoration:underline}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-section{padding:80px 20px}}.success-msg{background:#e8fff3;color:#0f5132;padding:12px;border-radius:8px;margin-top:15px;font-weight:500;text-align:center}.error-msg{background:#ffe8e8;color:#842029;padding:12px;border-radius:8px;margin-top:15px;font-weight:500;text-align:center}.footer{background:radial-gradient(circle at top,#0f1d3d,#050b16);color:#cfd4ff;padding:80px 60px 30px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}.footer-col h3{color:#fff;margin-bottom:18px}.logo{color:#7aa2ff;font-size:28px}.footer-col p{font-size:14px;line-height:1.7}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{text-decoration:none;color:#cfd4ff}.footer-col ul li a:hover{color:#8b5cf6}.footer-col p svg{margin-right:10px;color:#8b5cf6}.socials{display:flex;gap:14px;margin-top:15px}.socials svg{width:36px;height:36px;padding:8px;border-radius:50%;background:#ffffff0f;cursor:pointer}.socials svg:hover{background:#8b5cf6;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:20px;text-align:center;font-size:14px}@media(max-width:900px){.footer-grid{grid-template-columns:1fr;text-align:center}.socials{justify-content:center}}.footer-logo{width:120px;margin-bottom:15px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#050b16;overflow-x:hidden}html{scroll-behavior:smooth}