:root{--bg-color: #0b0d17;--text-color: #e0e6ed;--accent-primary: #00f3ff;--accent-secondary: #7000ff;--glass-bg: rgba(255, 255, 255, .05)}*{box-sizing:border-box;scroll-padding-top:80px}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:Rajdhani,sans-serif;margin:0;overflow-x:hidden}h1,h2,h3,.logo-wrapper span{font-family:Orbitron,sans-serif;text-transform:uppercase}.mask-gradient,.btn,button{border-radius:8px;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));color:#fff!important;border:none}.btn{display:inline-flex;padding:.5em 1em;transition:all ease .3s}.btn:hover{transform:translateY(-5px)}header{padding:20px;position:fixed;width:100%;z-index:100;background:#0b0d17cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#main-header nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo-wrapper{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.2rem;letter-spacing:2px}.nav-list{display:flex;flex-wrap:wrap;gap:30px;list-style:none;align-items:center}.nav-list a{color:var(--text-color);text-decoration:none;font-weight:600;transition:all ease .3s}.nav-list a:hover{color:var(--accent-primary)}@media(max-width:600px){#main-header nav{justify-content:center}}#hero{position:relative;display:flex;flex-direction:column;justify-content:center}.hero-content{text-align:center;width:100%;z-index:10;pointer-events:none}.hero-content h1{font-size:4rem;background:-webkit-linear-gradient(white,var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0}.hero-content span{color:var(--accent-primary);letter-spacing:5px;font-weight:700}#canvas-wrapper{width:100%;height:80vh;top:0;left:0;z-index:1}#services{position:relative;z-index:50;background:var(--bg-color);padding:100px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:50px}.service-card{background:var(--glass-bg);border:1px solid rgba(0,243,255,.2);padding:30px;border-radius:10px;transition:transform .3s}.service-card:hover{transform:translateY(-10px);border-color:var(--accent-primary);box-shadow:0 0 20px #00f3ff33}.service-card__icon svg{color:var(--accent-primary);width:40px;height:40px;margin-bottom:20px}#form{background:#05060a;padding:100px 0;position:relative;z-index:50}.form-wrapper{margin:2rem auto}.input-wrapper{margin-bottom:20px;background:transparent!important;border-bottom:1px solid #333}input,textarea{width:100%;background:transparent;border:none;padding:15px;color:#fff;font-family:Rajdhani,sans-serif;font-size:1.1rem}input:focus,textarea:focus{outline:none;border-bottom:1px solid var(--accent-primary)}button{padding:15px 40px;font-weight:700;font-family:Orbitron,sans-serif;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:5px}footer{background:#000;padding:50px 0;border-top:1px solid #222;position:relative;z-index:50}.info-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.info-col h3{color:var(--accent-primary)}ul{list-style:none;padding:0}ul li{margin-bottom:10px;color:#888}.copy{color:#555;margin-top:2rem;display:flex;justify-content:space-between}.copy a{color:var(--accent-primary)}.label-container{font-family:Orbitron,sans-serif;text-transform:uppercase;text-shadow:0 0 10px var(--accent-primary)}
