*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(255, 255, 255, .03);--border-card: rgba(255, 255, 255, .08);--text-primary: #e8e8ef;--text-secondary: #8888a0;--accent-cyan: #00e5ff;--accent-purple: #b44aff;--accent-gradient: linear-gradient(135deg, #00e5ff, #b44aff);--glow-cyan: 0 0 30px rgba(0, 229, 255, .3);--glow-purple: 0 0 30px rgba(180, 74, 255, .3);--font-display: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}a{text-decoration:none;color:inherit}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;opacity:0;animation:floatParticle linear infinite}@keyframes floatParticle{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh) scale(.5)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-card);transition:background .3s ease}.navbar-logo{display:flex;align-items:center;gap:.75rem}.navbar-logo img{height:36px;width:auto}.navbar-logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;gap:2rem;list-style:none}.navbar-links a{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease;letter-spacing:.02em}.navbar-links a:hover{color:var(--accent-cyan)}.navbar-mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.navbar-mobile-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;z-index:1}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,229,255,.08) 0%,rgba(180,74,255,.05) 40%,transparent 70%);border-radius:50%;pointer-events:none}.hero-logo{width:clamp(230px,45vw,350px);height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 0 30px rgba(0,229,255,.2));-webkit-user-drag:none;user-drag:none;pointer-events:none}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;margin-bottom:1rem;filter:drop-shadow(0 0 40px rgba(100,255,100,.25))}.text-green{color:#6f6}.text-white{color:#fff}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);max-width:500px;margin-bottom:2.5rem;font-weight:300}.hero-ip{display:inline-flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:.85rem 1.5rem;margin-bottom:2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-ip:hover{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.hero-ip-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.hero-ip-address{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--accent-cyan)}.hero-ip-copy{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#00e5ff1a;border-radius:8px;transition:background .3s ease}.hero-ip-copy svg{width:18px;height:18px;fill:none;stroke:var(--accent-cyan);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-ip:hover .hero-ip-copy{background:#00e5ff33}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:10px;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.03em;transition:all .3s ease;border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}.btn-primary{background:var(--accent-gradient);color:var(--bg-primary)}.btn-primary:hover{box-shadow:var(--glow-cyan),var(--glow-purple);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--accent-purple);box-shadow:var(--glow-purple);transform:translateY(-2px)}.btn svg{width:20px;height:20px}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:var(--accent-cyan);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.9rem;opacity:0;pointer-events:none;transition:all .4s ease;z-index:200}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.features{position:relative;z-index:1;padding:5rem 2rem 6rem;max-width:900px;margin:0 auto}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:.75rem}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-4px);border-color:#ffffff1f;box-shadow:0 20px 60px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.feature-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.feature-card:nth-child(1) h3{color:var(--accent-cyan)}.feature-card:nth-child(2) h3{color:var(--accent-purple)}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.footer{position:relative;z-index:1;border-top:1px solid var(--border-card);padding:2.5rem 2rem;text-align:center}.footer-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-secondary);font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--accent-cyan)}.footer-copy{color:var(--text-secondary);font-size:.8rem;opacity:.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeInUp .8s ease forwards}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.35s}.fade-in-delay-4{animation-delay:.5s}@media(max-width:768px){.navbar{padding:.85rem 1.25rem}.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 1.5rem;gap:.5rem;border-bottom:1px solid var(--border-card)}.navbar-links.open{display:flex}.navbar-links a{padding:.5rem 0;display:block}.navbar-mobile-toggle{display:flex}.features-grid{grid-template-columns:1fr}.hero{padding:7rem 1.5rem 3rem}.hero-ip{flex-direction:column;gap:.5rem;padding:1rem}}