/* PRICING */ .pricing-section{padding:100px 20px;text-align:center;position:relative;z-index:2;} .pricing-title{font-size:38px;margin-bottom:40px;background:linear-gradient(90deg,#00BFFF,#8A2BE2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .billing-toggle{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:50px;font-size:18px;} .billing-label{opacity:.6;transition:.3s;font-weight:600;cursor:pointer;} .billing-label.active{background:linear-gradient(90deg,#00BFFF,#8A2BE2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(0,191,255,.6),0 0 20px rgba(138,43,226,.6);opacity:1;} .switch{position:relative;display:inline-block;width:50px;height:26px;} .switch input{opacity:0;width:0;height:0;} .slider{position:absolute;inset:0;cursor:pointer;background:#555;border-radius:26px;transition:.4s;} .slider:before{content:"";position:absolute;height:20px;width:20px;left:4px;bottom:3px;background:#fff;border-radius:50%;transition:.4s;} input:checked+.slider{background:linear-gradient(90deg,#00BFFF,#8A2BE2);} input:checked+.slider:before{transform:translateX(24px);} .pricing-cards{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;align-items:stretch;} .pricing-card{background:#1a1a25;border-radius:16px;width:300px;display:flex;flex-direction:column;padding:24px;text-align:left;position:relative;transition:.3s ease-in-out;} .pricing-card:hover{transform:translateY(-8px);box-shadow:0 0 32px rgba(255,255,255,.15);} .pricing-card.expanded{transform:scale(1.08);z-index:5;box-shadow:0 0 40px rgba(255,255,255,.3);} .card-body{display:flex;flex-direction:column;gap:14px;} .pricing-card h3{text-align:center;font-size:24px;margin:4px 0 0 0;} .price{text-align:center;font-size:20px;margin:0;} .price span{font-size:18px;color:#cfd3dc;font-weight:700;} .features{list-style:none;margin:6px 0 0 0;padding:0;} .features li{margin:10px 0;font-size:16px;} .pricing-card.luminary .features{margin-bottom:60px;} /* Fix overlap */ .btn-wrapper{margin-top:auto;text-align:center;} .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#00BFFF,#8A2BE2);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:800;} .save-badge{position:absolute;top:-14px;right:-10px;background:linear-gradient(90deg,gold,#ff6ec7);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;color:#fff;box-shadow:0 0 14px rgba(255,215,0,.7);} .hidden{display:none !important;} .pricing-card.ignite{border:2px solid #ff6600;animation:glowIgnite 4s ease-in-out infinite;} .pricing-card.elevate{border:2px solid #00BFFF;transform:scale(1.03);z-index:1;animation:glowElevate 4s ease-in-out infinite;} .pricing-card.luminary{border:2px solid gold;animation:glowLuminary 4s ease-in-out infinite;} @keyframes glowIgnite{0%,100%{box-shadow:0 0 20px rgba(255,102,0,.35);}50%{box-shadow:0 0 40px rgba(255,102,0,.75);}} @keyframes glowElevate{0%,100%{box-shadow:0 0 28px rgba(0,191,255,.4);}50%{box-shadow:0 0 60px rgba(0,191,255,.85);}} @keyframes glowLuminary{0%,100%{box-shadow:0 0 22px rgba(255,215,0,.35);}50%{box-shadow:0 0 44px rgba(255,215,0,.85);}} .cta-boost{margin-top:52px;font-size:15px;color:#bbb;} @media (max-width:768px){.pricing-card{width:100%;max-width:420px;}} /* Pricing Card Hover Enhancements */ .pricing-card { transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease; cursor: pointer; position: relative; overflow: hidden; } .pricing-card:hover { transform: translateY(-15px) scale(1.03); box-shadow: 0 0 40px rgba(255, 255, 255, 0.3); border-color: #fff; } /* Subtle gradient glow that shifts on hover */ .pricing-card::before { content: ""; position: absolute; top: -100%; left: -100%; width: 300%; height: 300%; background: radial-gradient(circle at center, rgba(255,255,255,0.15), transparent 70%); transform: rotate(25deg); opacity: 0; transition: opacity 0.6s ease, transform 0.6s ease; } .pricing-card:hover::before { opacity: 1; transform: rotate(0deg); } /* Plan-specific color pulse */ .pricing-card.ignite:hover { box-shadow: 0 0 40px rgba(255, 102, 0, 0.8); } .pricing-card.elevate:hover { box-shadow: 0 0 40px rgba(0, 191, 255, 0.8); } .pricing-card.luminary:hover { box-shadow: 0 0 40px rgba(255, 215, 0, 0.8); } /* Floating animation */ .pricing-card:hover { animation: floaty 3s ease-in-out infinite alternate; } @keyframes floaty { from { transform: translateY(-15px) scale(1.03); } to { transform: translateY(-20px) scale(1.04); } } /* Ensure dark background fills all pages */ html, body { background: #0d0d14 !important; margin: 0; padding: 0; min-height: 100%; } /* Workflow section full height fix */ .workflow-section { min-height: 100vh; background: #0d0d14; position: relative; z-index: 1; }

Secure Checkout