:root{--volcanic-dark-ash:#1a1a1a;--volcanic-coal:#2c2c2c;--volcanic-lava-red:#e63946;--volcanic-magma-orange:#f4a261;--volcanic-ash-white:#f8f9fa;--volcanic-crater-black:#0d0d0d}.plans-page{background:url(/images/panel-bg.png) 50%/cover no-repeat,linear-gradient(135deg,var(--volcanic-crater-black) 0,var(--volcanic-dark-ash) 100%);min-height:100vh;padding:6rem 2rem 4rem;position:relative;overflow:hidden;color:var(--volcanic-ash-white);font-family:Inter,sans-serif}.plans-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(230,57,70,.2) 0,rgba(0,0,0,0) 70%);animation:rotate 25s linear infinite;opacity:.6;z-index:1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.plans-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.plans-title{font-size:clamp(2.8rem,7vw,4.2rem);text-align:center;margin-bottom:3.5rem;margin-top:3rem;font-weight:800;line-height:1.2;letter-spacing:1px;background:linear-gradient(90deg,var(--volcanic-lava-red),var(--volcanic-magma-orange),var(--volcanic-lava-red));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShine 4s linear infinite;position:relative;padding-bottom:1.2rem}.plans-title:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:180px;height:5px;background:linear-gradient(90deg,transparent,var(--volcanic-magma-orange),var(--volcanic-lava-red),transparent);border-radius:2px}@keyframes gradientShine{0%{background-position:0}to{background-position:200%}}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:3rem;gap:3rem;padding:3rem 0}.plan-card{background:linear-gradient(160deg,var(--volcanic-crater-black) 0,var(--volcanic-dark-ash) 100%);border-radius:10px;padding:2.8rem;box-shadow:0 12px 30px rgba(0,0,0,.6),inset 0 0 5px rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s cubic-bezier(.25,.46,.45,.94),border-color .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;display:flex;flex-direction:column;z-index:1}.plan-card:before{content:"";position:absolute;top:0;left:0;width:100px;height:4px;background:var(--volcanic-magma-orange);border-radius:0 0 4px 0;box-shadow:0 0 15px var(--volcanic-magma-orange);transition:background .4s ease,box-shadow .4s ease,transform .5s ease;z-index:2;transform:translateX(-100%);animation:initialGlowEntry 1s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes initialGlowEntry{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.plan-card:hover{transform:translateY(-15px);box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 40px rgba(230,57,70,.8);border-color:var(--volcanic-lava-red)}.plan-card:hover:before{background:linear-gradient(90deg,transparent,var(--volcanic-hot-orange),transparent);width:100%;box-shadow:0 0 25px var(--volcanic-hot-orange);animation:scanGlow 1.5s linear infinite}@keyframes scanGlow{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(-100%)}}.plan-card.popular{border:2px solid var(--volcanic-lava-red);box-shadow:0 15px 40px rgba(230,57,70,.7),inset 0 0 10px rgba(244,162,97,.3);transform:translateY(-8px) scale(1.02);background:linear-gradient(160deg,var(--volcanic-dark-ash) 0,var(--volcanic-coal) 100%);z-index:3}.plan-card.popular:before{background:linear-gradient(90deg,var(--volcanic-lava-red),var(--volcanic-hot-orange));box-shadow:0 0 20px var(--volcanic-hot-orange);animation:pulsePopularGlow 2s ease-in-out infinite alternate}@keyframes pulsePopularGlow{0%{box-shadow:0 0 10px var(--volcanic-hot-orange)}to{box-shadow:0 0 30px var(--volcanic-hot-orange)}}.plan-card.popular:hover{border-color:var(--volcanic-hot-orange);box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 50px var(--volcanic-hot-orange);transform:translateY(-18px) scale(1.04)}.popular-badge{position:absolute;top:-5px;right:20px;background:var(--volcanic-magma-orange);color:var(--volcanic-dark-ash);padding:.6rem 1.8rem;font-size:.9rem;font-weight:800;border-radius:0 0 10px 10px;box-shadow:0 8px 20px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:1px;z-index:15;-webkit-clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);transform:rotate(0deg);margin-top:2px}.plan-card h2{font-size:2rem;margin-bottom:1.5rem;color:var(--volcanic-ash-white);position:relative;padding-bottom:1rem;font-weight:800;letter-spacing:.8px;text-shadow:0 0 8px rgba(255,255,255,.1)}.plan-card h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:linear-gradient(to right,var(--volcanic-magma-orange),transparent);opacity:.8;box-shadow:0 0 10px var(--volcanic-magma-orange)}.plan-card h2.popular{background:linear-gradient(90deg,var(--volcanic-hot-orange),var(--volcanic-lava-red));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 15px rgba(230,57,70,.8)}.plan-features{list-style:none;margin-bottom:3rem;padding:0;flex-grow:1}.plan-features li{padding:1.2rem 0;display:flex;align-items:center;font-size:1.05rem;color:var(--volcanic-ash-white);position:relative;box-shadow:inset 0 -1px 0 rgba(255,255,255,.05)}.plan-features li:last-child{box-shadow:none}.plan-features li:hover{color:var(--volcanic-hot-orange)}.plan-features li:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,var(--volcanic-lava-red),transparent);animation:fadeLineIn .3s forwards}@keyframes fadeLineIn{0%{width:0;opacity:0}to{width:100%;opacity:1}}.plan-features li:before{content:"✓";color:var(--volcanic-highlight-blue);margin-right:1.2rem;font-weight:900;font-size:1.3rem;text-shadow:0 0 5px rgba(0,188,212,.4);flex-shrink:0}.plan-price{font-size:2rem;font-weight:900;margin:3rem 0 2rem;text-align:center;color:var(--volcanic-ash-white);position:relative;letter-spacing:-2px;text-shadow:0 0 15px rgba(255,255,255,.3);line-height:1}.plan-price small{font-size:1.2rem;color:gray}.plan-price:before{content:"Starting at";position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:.9rem;font-weight:600;opacity:.8;color:var(--volcanic-smolder-grey);background-color:var(--volcanic-coal);padding:.2em .6em;border-radius:5px;letter-spacing:.5px}.plan-button{display:block;text-align:center;background:linear-gradient(135deg,var(--volcanic-lava-red),var(--volcanic-magma-orange));color:var(--volcanic-crater-black);padding:1.4rem 2rem;border-radius:12px;text-decoration:none;font-weight:800;transition:all .5s cubic-bezier(.25,.46,.45,.94);text-transform:uppercase;letter-spacing:.1em;box-shadow:0 8px 25px rgba(230,57,70,.5);border:none;margin-top:auto;font-size:1.1rem;cursor:pointer}.plan-button:hover{background:linear-gradient(135deg,var(--volcanic-hot-orange),var(--volcanic-lava-red));transform:translateY(-6px);box-shadow:0 15px 35px rgba(230,57,70,.8),0 0 30px var(--volcanic-hot-orange);color:var(--volcanic-ash-white)}@media (max-width:1024px){.plans-page{padding:5rem 1.5rem 3rem}.plans-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.plan-card{padding:2.2rem}.plan-card h2{font-size:1.7rem}.plan-price{font-size:3rem;margin:2.5rem 0 1.5rem}.plan-button{padding:1.2rem 1.5rem;font-size:1rem}}@media (max-width:768px){.plans-page{padding:4rem 1rem 2rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.plan-card{padding:1.8rem}.popular-badge{top:-10px;right:15px;padding:.5rem 1.5rem;font-size:.8rem}.plan-card h2{font-size:1.4rem;padding-bottom:.7rem}.plan-features li{font-size:.95rem;padding:1rem 0}.plan-features li:before{font-size:1.1rem;margin-right:.8rem}.plan-price{font-size:2.5rem;margin:2rem 0 1.2rem}.plan-price:before{font-size:.8rem;top:-18px}.plan-button{padding:1rem 1.2rem;font-size:.9rem}}@media (max-width:480px){.plan-card{padding:1.5rem}.plan-card h2{font-size:1.2rem}.plan-features li{font-size:.9rem;padding:.8rem 0}.plan-price{font-size:2rem;margin:1.5rem 0 1rem}.plan-button{font-size:.85rem;padding:.8rem 1rem}.popular-badge{font-size:.7rem;padding:.4rem 1rem;right:10px}}