.header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;background-color:#0f172a;color:#fff}.header .logo-section{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.header .logo-section img{width:60px;height:60px;border-radius:12px;background-color:#004aad}.header .logo-section h2{font-family:Roboto Mono,monospace;font-weight:700;font-size:1.5rem;color:#00c2ff}.header h1{font-family:Inter,sans-serif;font-weight:600;font-size:2rem;max-width:700px;margin-bottom:2rem;line-height:1.4}.header button{background-color:#004aad;color:#fff;padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.header button:hover{background-color:#00c2ff;color:#0f172a}@media (max-width: 768px){.header .header{padding:3rem 1rem}.header .header h1{font-size:1.5rem}.header .header .logo-section{flex-direction:column}.header .header .logo-section h2{font-size:1.25rem}.header .header button{width:100%}}.landing-form-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.landing-form-overlay .landing-form{background:#fff;padding:2rem;border-radius:16px;width:90%;max-width:500px;box-shadow:0 10px 25px #0003;text-align:center;animation:fadeIn .3s ease}.landing-form-overlay .landing-form h1{margin-bottom:1.5rem;font-family:Roboto Mono,monospace;color:#004aad}.landing-form-overlay .landing-form form{display:flex;flex-direction:column;gap:1rem}.landing-form-overlay .landing-form form .input{padding:.8rem 1rem;border:1px solid #e0e0e0;border-radius:10px}.landing-form-overlay .landing-form form button[type=submit]{background:#004aad;color:#fff;padding:.8rem 1rem;border:none;border-radius:10px;cursor:pointer}.landing-form-overlay .landing-form form button[type=submit]:hover{background:#00c2ff;color:#0f172a}.landing-form-overlay .landing-form .close-btn{margin-top:1rem;background:transparent;border:none;color:#0f172a;font-size:1rem;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.about{display:flex;justify-content:center;padding:4rem 2rem;background-color:#f5f6fa;color:#0f172a}.about .about-content{max-width:800px;text-align:left}.about .about-content h2{font-family:Roboto Mono,monospace;font-size:2rem;font-weight:700;color:#004aad;margin-bottom:1.5rem}.about .about-content p{font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:1rem}.about .about-content p a{color:#00c2ff;text-decoration:none;font-weight:600;transition:color .3s ease}.about .about-content p a:hover{color:#004aad}@media (max-width: 768px){.about{padding:3rem 1rem}.about .about-content h2{font-size:1.5rem}.about .about-content p{font-size:.95rem}}.landing-form{max-width:600px;margin:4rem auto;padding:2rem;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;text-align:center}.landing-form h1{font-family:Roboto Mono,monospace;font-size:1.8rem;font-weight:700;color:#004aad}.landing-form form{display:flex;flex-direction:column;gap:1.2rem}.landing-form form .input{padding:.8rem 1rem;font-size:1rem;border:1px solid #e0e0e0;border-radius:10px;transition:border .3s ease,box-shadow .3s ease}.landing-form form .input:focus{border-color:#004aad;box-shadow:0 0 8px #004aad4d;outline:none}.landing-form form button{padding:.8rem 1rem;font-size:1rem;font-weight:600;color:#fff;background-color:#004aad;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.landing-form form button:hover{background-color:#00c2ff;transform:translateY(-2px)}.landing-form p{margin-top:1rem;font-family:Inter,sans-serif;font-size:.95rem;color:#0f172a}.offer{padding:4rem;background-color:#fff;color:#0f172a;text-align:center}.offer h2{font-family:Roboto Mono,monospace;font-size:2rem;font-weight:700;color:#004aad;margin-bottom:3rem}.offer .offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.offer .offer-grid div{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border:1px solid #e0e0e0;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.offer .offer-grid div:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00c2ff}.offer .offer-grid div img{width:80px;height:80px;margin-bottom:1rem}.offer .offer-grid div p{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;color:#0f172a}@media (max-width: 1024px){.offer .offer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.offer .offer-grid{grid-template-columns:1fr}}.footer{background-color:#0f172a;color:#f5f5f5;text-align:center;padding:2rem 1rem;font-family:Inter,sans-serif}.footer p{margin:.5rem 0;font-size:.95rem}.footer p a{color:#00c2ff;text-decoration:none;transition:color .3s ease}.footer p a:hover{color:#004aad;text-decoration:underline}.portfolio{padding:4rem 2rem;background-color:#fff;color:#0f172a;font-family:Inter,sans-serif}.portfolio h2{font-family:Roboto Mono,monospace;font-size:2.2rem;font-weight:700;color:#004aad;margin-bottom:2rem;text-align:center}.portfolio .portfolio-list{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto}.portfolio .portfolio-item{background:#f9f9f9;border-left:6px solid #004aad;padding:1.5rem 2rem;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.portfolio .portfolio-item:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001a}.portfolio .portfolio-item h3{font-family:Roboto Mono,monospace;font-size:1.5rem;color:#004aad;margin-bottom:.5rem}.portfolio .portfolio-item p{font-size:1rem;color:#0f172a;margin-bottom:1rem}.portfolio .portfolio-item a{display:inline-block;font-family:Roboto Mono,monospace;font-weight:600;color:#00c2ff;text-decoration:none}.portfolio .portfolio-item a:hover{text-decoration:underline}.portfolio .back-button{display:block;margin:3rem auto 0;padding:.75rem 2rem;background-color:#004aad;color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.portfolio .back-button:hover{background-color:#00c2ff;transform:scale(1.05)}.portfolio-gadgets{padding:4rem 2rem;background-color:#fff;color:#0f172a;font-family:Inter,sans-serif}.portfolio-gadgets h2{font-family:Roboto Mono,monospace;font-size:2.2rem;font-weight:700;color:#004aad;margin-bottom:2rem;text-align:center}.portfolio-gadgets .gadgets-list{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto}.portfolio-gadgets .gadget-item{display:flex;gap:1.5rem;align-items:flex-start;background:#f9f9f9;border-left:6px solid #004aad;padding:1.5rem 2rem;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.portfolio-gadgets .gadget-item:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001a}.portfolio-gadgets .gadget-item img{width:120px;height:120px;object-fit:cover;border-radius:8px;flex-shrink:0}.portfolio-gadgets .gadget-item .gadget-content{display:flex;flex-direction:column}.portfolio-gadgets .gadget-item .gadget-content h3{font-family:Roboto Mono,monospace;font-size:1.5rem;color:#004aad;margin-bottom:.5rem}.portfolio-gadgets .gadget-item .gadget-content p{font-size:1rem;color:#0f172a}.portfolio-gadgets .back-button{display:block;margin:3rem auto 0;padding:.75rem 2rem;background-color:#004aad;color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.portfolio-gadgets .back-button:hover{background-color:#00c2ff;transform:scale(1.05)}@media (max-width: 768px){.portfolio-gadgets .gadget-item{flex-direction:column;align-items:center;text-align:center}.portfolio-gadgets .gadget-item img{margin-bottom:1rem}}