*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#0f0;background-color:#0a0a0a;background-image:radial-gradient(circle at 50% 50%,rgba(0,255,0,.1) 0%,transparent 70%)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#0a0a0acc;color:#0f0;padding:15px 0;box-shadow:0 2px 20px #00ff004d;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,0,.2)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px}.logo img{height:40px;width:auto}.logo h1{font-size:20px;font-weight:600;color:#0f0;text-shadow:0 0 15px rgba(0,255,0,.7)}.nav ul{display:flex;list-style:none;gap:25px}.nav ul li a{color:#0f0;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease;position:relative;text-shadow:0 0 10px rgba(0,255,0,.5)}.nav ul li a:hover{color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.8)}.nav ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#0f0;box-shadow:0 0 10px #0f0c;transition:width .3s ease}.nav ul li a:hover:after{width:100%}.main{min-height:80vh;padding:40px 0}.footer{background-color:#0a0a0acc;padding:40px 0;border-top:1px solid rgba(0,255,0,.2);margin-top:60px;box-shadow:0 -2px 20px #00ff004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.footer-section{flex:1;min-width:200px}.footer-section h3{margin-bottom:20px;color:#0f0;font-size:18px;font-weight:600;text-shadow:0 0 10px rgba(0,255,0,.5)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#0f0;text-decoration:none;transition:color .3s ease;font-size:14px;opacity:.8}.footer-section ul li a:hover{color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.8);opacity:1}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(0,255,0,.2);color:#0f0;font-size:14px;opacity:.8}.footer-bottom a{color:#0f0;text-decoration:none;text-shadow:0 0 10px rgba(0,255,0,.5)}.footer-bottom a:hover{color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.8);text-decoration:underline}.hero{background:linear-gradient(135deg,#000c,#0a1e0ae6);color:#0f0;padding:80px 0;text-align:center;border-radius:0 0 30px 30px;margin-bottom:40px;box-shadow:0 4px 30px #0f06;border:1px solid rgba(0,255,0,.2);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,255,0,.05) 10px,rgba(0,255,0,.05) 20px);animation:matrix 10s linear infinite}@keyframes matrix{0%{background-position:0 0}to{background-position:100px 100px}}.hero-content{max-width:800px;margin:0 auto}.hero h2{font-size:36px;margin-bottom:20px;font-weight:700;letter-spacing:-.5px}.hero p{font-size:16px;margin-bottom:30px;opacity:.9;line-height:1.5}.btn{display:inline-block;background-color:#000c;color:#0f0;padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid #00ff00;cursor:pointer;font-size:15px;box-shadow:0 0 20px #00ff004d;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,255,0,.3),transparent);transform:rotate(45deg);animation:shine 3s linear infinite;z-index:-1}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.btn:hover{background-color:#00ff001a;color:#0ff;transform:translateY(-2px);box-shadow:0 0 30px #00ffff80;border-color:#0ff}.section{padding:60px 0}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:30px;color:#0f0;margin-bottom:15px;font-weight:600;letter-spacing:-.5px;text-shadow:0 0 15px rgba(0,255,0,.7);position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:2px;background-color:#0f0;box-shadow:0 0 10px #0f0c}.section-title p{font-size:16px;color:#0f0;max-width:600px;margin:0 auto;line-height:1.5;opacity:.8}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.service-card{background-color:#101020e6;border-radius:12px;padding:25px;box-shadow:0 0 25px #0f03;transition:all .3s ease;border:1px solid rgba(0,255,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:scan 3s linear infinite}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.service-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 40px #0f06;border-color:#0f0}.service-card h3{color:#0f0;margin-bottom:15px;font-size:18px;font-weight:600;text-shadow:0 0 10px rgba(0,255,0,.5)}.service-card p{color:#0f0;line-height:1.6;font-size:14px;opacity:.8}.about-content{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.about-text{flex:1;min-width:300px}.about-text h3{color:#0f0;margin-bottom:20px;font-size:22px;font-weight:600;text-shadow:0 0 10px rgba(0,255,0,.5)}.about-text p{color:#0f0;margin-bottom:20px;line-height:1.6;font-size:15px;opacity:.8}.about-image{flex:1;min-width:300px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #00ff004d;border:1px solid rgba(0,255,0,.3)}.about-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00ff001a;z-index:1;pointer-events:none}.about-image img{width:100%;border-radius:12px;transition:transform .3s ease;position:relative;z-index:0}.about-image img:hover{transform:scale(1.02);filter:brightness(1.1) contrast(1.1)}.contact-form{max-width:600px;margin:0 auto;background-color:#0a0a0acc;padding:35px;border-radius:12px;box-shadow:0 0 30px #00ff004d;border:1px solid rgba(0,255,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#0f0;font-weight:500;font-size:14px;text-shadow:0 0 5px rgba(0,255,0,.5)}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid rgba(0,255,0,.3);border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#00000080;color:#0f0;font-family:Courier New,monospace}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0f0;box-shadow:0 0 20px #0f06;background-color:#000000b3}.form-group textarea{resize:vertical;min-height:120px}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px;margin-top:50px}.contact-item{text-align:center;padding:25px;background-color:#0a0a0acc;border-radius:12px;transition:all .3s ease;box-shadow:0 0 25px #0f03;border:1px solid rgba(0,255,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.contact-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:scan 3s linear infinite}.contact-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 40px #0f06;border-color:#0f0}.contact-item h3{color:#0f0;margin-bottom:10px;font-size:16px;font-weight:600;text-shadow:0 0 10px rgba(0,255,0,.5)}.contact-item p{color:#0f0;margin-bottom:5px;font-size:14px;opacity:.8}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px;padding:10px 0}.nav ul{flex-wrap:wrap;justify-content:center;gap:15px}.hero h2{font-size:28px}.section-title h2{font-size:24px}.contact-form{padding:25px}.services-grid,.contact-info{grid-template-columns:1fr}}
