html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto;background:#020617;color:#fff}.section{max-width:1200px;margin:auto;padding:120px 20px}.navbar{position:fixed;top:0;width:100%;background:rgba(2,6,23,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.06);z-index:1000}.nav-container{max-width:1200px;margin:auto;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:20px;font-weight:700;color:#fff;text-decoration:none;cursor:pointer;transition:.2s}.logo:hover{opacity:.8}.menu{display:flex;gap:30px}.menu a{color:#e2e8f0;text-decoration:none;font-size:15px;padding:8px 14px;border-radius:8px;transition:.2s}.menu a:hover{background:#0f172a;box-shadow:0 0 0 1px rgba(59,130,246,.3)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:24px;height:2px;background:#fff}@media(max-width:900px){.menu{position:absolute;top:70px;left:0;width:100%;background:#020617;flex-direction:column;padding:20px;display:none;border-bottom:1px solid hsla(0,0%,100%,.05)}.hamburger,.menu.active{display:flex}}.hero{position:relative;padding:240px 20px 160px;text-align:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.25),transparent 40%),radial-gradient(circle at 80% 60%,rgba(37,99,235,.2),transparent 40%),linear-gradient(180deg,#020617,#020617)}.hero-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at center,#000 30%,transparent 90%);mask-image:radial-gradient(circle at center,#000 30%,transparent 90%)}.hero-content{position:relative;z-index:2;max-width:900px;margin:auto}.hero h1{font-size:clamp(42px,6vw,80px);font-weight:800;line-height:1.05;margin-bottom:30px;animation:fadeUp .8s ease}.hero h1 span{display:block;color:#3b82f6}.hero p{font-size:20px;opacity:.8;margin-bottom:50px}.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:80px;animation:fadeUp 1.2s ease}.btn{padding:16px 36px;border-radius:10px;font-weight:600;transition:.2s;text-decoration:none}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,235,.35)}.btn-outline{border:1px solid hsla(0,0%,100%,.25);color:#fff}.btn-outline:hover{background:#0f172a}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:40px;gap:40px;max-width:700px;margin:auto}.hero-stats strong{font-size:28px;display:block}.hero-stats span{font-size:14px;opacity:.7}.hero:before{top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,#2563eb33 0,transparent 70%);filter:blur(80px);z-index:0}.hero:after,.hero:before{content:"";position:absolute}.hero:after{bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent)}.tech-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.tech{position:relative;padding:14px 26px;background:#0f172a;border-radius:10px;cursor:pointer;transition:.2s}.tech:hover{background:#1e293b}.tech:after{content:attr(data-desc);position:absolute;bottom:-55px;left:50%;transform:translateX(-50%);background:#0f172a;padding:8px 12px;border-radius:8px;font-size:13px;opacity:0;white-space:nowrap;pointer-events:none;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.4)}.tech:hover:after{opacity:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px}.project-card{position:relative;background:#0f172a;padding:40px;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .3s}.project-card:hover{transform:translateY(-6px)}.project-image{position:absolute;top:0;right:0;height:100%;opacity:0;transition:opacity .4s}.project-card:hover .project-image{opacity:.2}.project-text{position:relative;z-index:2}.card{background:linear-gradient(145deg,#0f172a,#020617);border:1px solid hsla(0,0%,100%,.08);padding:26px;border-radius:14px;transition:.25s;box-shadow:0 4px 20px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.03)}.card:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.35);box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 0 1px rgba(59,130,246,.15)}.form{max-width:600px;margin:auto;display:flex;flex-direction:column;gap:16px}.form input,.form select,.form textarea{display:block;width:100%;box-sizing:border-box;padding:16px;border-radius:8px;border:none;background:#0f172a;color:#fff;font-size:15px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form textarea{min-height:140px;resize:vertical}.form button{margin-top:10px;background:#2563eb;color:#fff;padding:16px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:.2s}.form input:focus,.form select:focus,.form textarea:focus{box-shadow:0 0 0 1px rgba(59,130,246,.6);background:#111827}.form input:hover,.form select:hover,.form textarea:hover{background:#111827}.form button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 8px 20px rgba(37,99,235,.35)}.field{position:relative;width:100%}.field input,.field select,.field textarea{width:100%;padding:18px 16px;border-radius:8px;border:none;background:#0f172a;color:#fff;font-size:15px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field textarea{min-height:140px;resize:vertical}.field label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px;pointer-events:none;transition:.2s;background:#020617;padding:0 6px}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field select:focus+label,.field select:not([value=""])+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:-8px;font-size:12px;color:#3b82f6}.footer{margin-top:120px;border-top:1px solid hsla(0,0%,100%,.06);padding:80px 20px 40px;background:#020617}.footer-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.5fr 3fr;grid-gap:60px;gap:60px}.footer-brand h3{font-size:22px;margin-bottom:12px;transition:.2s}.footer-brand h3:hover{color:#60a5fa}.footer-brand p{opacity:.7;line-height:1.6;max-width:420px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px}.footer-links h4{margin-bottom:12px;font-size:15px}.footer-links a{display:block;opacity:.75;text-decoration:none;color:#fff;margin-bottom:10px;font-size:14px;padding:6px 10px;border-radius:8px;transition:.2s}.footer-links a:hover{background:hsla(0,0%,100%,.06);opacity:1}.footer-bottom{margin-top:60px;padding-top:30px;border-top:1px solid hsla(0,0%,100%,.06);text-align:center;opacity:.6;font-size:14px}@media(max-width:900px){.hero{padding:200px 20px 120px}.hero h1{font-size:clamp(36px,8vw,60px)}.footer-container{grid-template-columns:1fr;gap:50px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.section{padding:90px 20px}.hero{padding:180px 20px 100px}.hero-stats{gap:20px}.tech:after{display:none}.footer-links{grid-template-columns:1fr;gap:30px}.project-type{display:flex;flex-direction:column;gap:10px;margin-top:5px}.project-label{font-size:14px;opacity:.7}.project-options{display:flex;gap:12px;flex-wrap:wrap}.project-options button{background:transparent;border:1px solid hsla(0,0%,100%,.1);color:#e2e8f0;padding:10px 18px;border-radius:8px;font-size:14px;cursor:pointer;transition:.2s}.project-options button:hover{background:#0f172a;box-shadow:0 0 0 1px rgba(59,130,246,.3)}.project-options button.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 6px 20px rgba(37,99,235,.35)}}