/* ===== Global Styles ===== */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;background:#0a0a0a;color:#e5e5e5;overflow-x:hidden;}
a{color:#00eaff;text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{margin-bottom:15px;}
.fade-in{opacity:0;animation:fadeIn 1s forwards;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.slide-up{opacity:0;transform:translateY(40px);animation:slideUp 1s forwards;}
@keyframes slideUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}

/* ===== Neon Glow ===== */
.glow-text{color:#00eaff;text-shadow:0 0 8px #00eaff,0 0 15px #00eaff;}
.glow-btn{background:linear-gradient(135deg,#00eaff,#00bcd4);color:#000;font-weight:700;border:none;padding:15px 35px;border-radius:50px;cursor:pointer;transition:0.3s;box-shadow:0 0 10px #00eaff;}
.glow-btn:hover{transform:translateY(-4px);box-shadow:0 0 25px #00eaff,0 0 45px #00bcd4;}

/* ===== Hero Section ===== */
header{position:relative;text-align:center;padding:120px 20px;overflow:hidden;background:#0a0a0a;}
header .particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;}
header h1{font-size:58px;font-weight:900;letter-spacing:-2px;position:relative;z-index:2;}
header p{font-size:22px;color:#b8b8b8;position:relative;z-index:2;margin-bottom:40px;}
header .cta-container{position:relative;z-index:2;}
header .cta-container .glow-btn{margin:10px;font-size:20px;}

/* ===== Animated Console ===== */
.console-box{background:#111;border:2px solid #00eaff;border-radius:12px;padding:20px;font-family:'Courier New',monospace;color:#00ffb3;min-height:250px;overflow:hidden;position:relative;box-shadow:0 0 25px #00eaff33;margin:0 auto;max-width:800px;}
.console-line{opacity:0;white-space:pre;line-height:1.4;}
.cursor{display:inline-block;width:10px;background:#00ffb3;margin-left:2px;animation:blink 1s infinite;}
@keyframes blink{0%,50%{opacity:1;}51%,100%{opacity:0;}}

/* ===== Timeline ===== */
.timeline{display:flex;justify-content:space-between;align-items:center;position:relative;margin:50px 0;}
.timeline::before{content:'';position:absolute;top:50%;left:5%;width:90%;height:4px;background:#00eaff33;transform:translateY(-50%);z-index:0;border-radius:2px;}
.timeline-step{position:relative;background:#111;padding:20px;border-radius:12px;border:2px solid #00eaff;flex:1;text-align:center;transition:0.3s;margin:0 10px;z-index:1;}
.timeline-step:hover{transform:translateY(-10px);box-shadow:0 0 20px #00eaff;}
.timeline-step h4{margin-bottom:10px;color:#00eaff;}

/* ===== Pricing Calculator ===== */
.calc-box{background:#111;border:1px solid #1a1a1a;padding:25px;border-radius:12px;margin:auto;text-align:center;width:300px;}
.calc-box input[type=range]{width:100%;margin:15px 0;}
.calc-box select{padding:8px;border-radius:6px;background:#0a0a0a;color:#e5e5e5;border:none;}

/* ===== License Activation ===== */
.license-box{background:#111;border:1px solid #1a1a1a;padding:25px;border-radius:12px;text-align:center;margin:auto;width:300px;}
.license-box input{width:80%;padding:10px;border-radius:6px;border:none;background:#0a0a0a;color:#00eaff;margin-bottom:15px;}
.license-box button{padding:10px 20px;border-radius:50px;border:none;background:#00eaff;color:#000;font-weight:700;cursor:pointer;transition:0.3s;}
.license-box button:hover{transform:translateY(-2px);box-shadow:0 0 15px #00eaff;}
.license-box .message{margin-top:15px;font-size:14px;min-height:20px;}

/* ===== Testimonials ===== */
.testimonials{overflow:hidden;position:relative;margin:50px 0;}
.carousel{display:flex;transition:transform 0.5s ease;}
.testimonial{min-width:300px;background:#111;border-radius:12px;border:1px solid #1a1a1a;padding:30px;margin-right:20px;flex-shrink:0;transition:0.3s;}
.testimonial:hover{transform:rotateY(10deg) scale(1.05);box-shadow:0 0 25px #00eaff;}
.testimonial img{width:50px;height:50px;border-radius:50%;margin-bottom:15px;}
.stars{color:#FFD700;margin-bottom:10px;}
.testimonial strong{display:block;margin-top:10px;color:#00eaff;}

/* ===== Trust Section ===== */
.trust-box{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin:50px 0;}
.trust-item{background:#111;padding:20px 25px;border-radius:12px;border:2px solid #00eaff;text-align:center;width:200px;transition:0.3s;}
.trust-item:hover{transform:translateY(-8px);box-shadow:0 0 15px #00eaff;}
.trust-item strong{display:block;font-size:22px;color:#00eaff;margin-top:10px;}

/* ===== Footer ===== */
footer{padding:45px;text-align:center;background:#000;color:#777;font-size:14px;margin-top:50px;}
