*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Segoe UI,sans-serif;scroll-behavior:smooth}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:linear-gradient(135deg,#161d68,#000940);color:#fff;box-shadow:0 6px 15px #0000004d;position:relative}.logo{height:50px;width:60px;border-radius:8px;box-shadow:0 4px 15px #0006;transition:transform .3s}.logo:hover{transform:scale(1.05)}.header-title{position:absolute;left:50%;transform:translate(-50%);font-size:1.6rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,216,53,.6);white-space:nowrap}.login-button{padding:10px 25px;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:700;font-size:16px;transition:transform .3s,box-shadow .3s,background .3s;box-shadow:0 4px 12px #0000004d}.login-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #0006;background:linear-gradient(135deg,#2a5298,#1e3c72)}@media (max-width: 768px){.header{flex-direction:column;gap:12px;padding:15px 20px}.header-title{position:static;transform:none;font-size:1.3rem}.login-button{width:100%}}.footer{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background:linear-gradient(135deg,#000,#001b70,#2f419a);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;position:relative;overflow:hidden}.footer:before,.footer:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.2;z-index:0}.footer:before{width:200px;height:200px;background:radial-gradient(circle,#2f2fff,transparent);top:-50px;left:-50px;animation:floatFooter1 6s ease-in-out infinite alternate}.footer:after{width:250px;height:250px;background:radial-gradient(circle,#fdd835,transparent);bottom:-60px;right:-60px;animation:floatFooter2 8s ease-in-out infinite alternate}@keyframes floatFooter1{0%{transform:translateY(0) translate(0)}to{transform:translateY(15px) translate(15px)}}@keyframes floatFooter2{0%{transform:translateY(0) translate(0)}to{transform:translateY(-15px) translate(-15px)}}.footer-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;z-index:1;position:relative}.footer-links a{color:#fff;text-decoration:none;position:relative;transition:all .3s ease}.footer-links a:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background:#fdd835;transition:width .3s ease}.footer-links a:hover:after{width:100%}.footer-links a:hover{color:#fdd835;text-shadow:0 0 10px #fdd835}.footer-copy{margin-top:15px;font-size:13px;color:#ccc;z-index:1;position:relative}@media (max-width: 768px){.footer-links{gap:15px}}.subscription-page{background:linear-gradient(135deg,#000,#0c1e61,#4f5da8);color:#fff;padding:2rem 1rem;height:auto;min-height:78vh;display:flex;flex-direction:column;align-items:center}.other-pages{background:linear-gradient(135deg,#000,#0c1e61,#4f5da8);color:#fff;padding:2rem 1rem;min-height:77.7vh}.currency-toggle{display:flex;justify-content:center;border:1px solid #ccc;border-radius:30px;overflow:hidden;margin-bottom:3rem;box-shadow:0 4px 10px #0006}.currency-toggle button{padding:.7rem 2rem;background:none;border:none;cursor:pointer;font-weight:600;color:#fff;transition:all .3s ease}.currency-toggle button.active{background-color:#fdd835;color:#000e52;border-radius:20px;box-shadow:0 4px 15px #0000004d}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1000px;margin-bottom:2rem}.pricing-card{border-radius:25px;padding:2.5rem 2rem;box-shadow:0 10px 30px #00000059;transition:all .4s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;border:2px solid transparent;background-clip:padding-box}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000080}.yellow-card{background:linear-gradient(145deg,#ffe600,#d4ad00);color:#000}.white-card{background:linear-gradient(145deg,#fff,#f0f0f0);color:#000}.pricing-card.selected{border:4px solid #2f2fff;box-shadow:0 15px 30px #2f2fff66}.price{font-size:2.2rem;font-weight:700;margin:.8rem 0}.price span{font-size:1rem;font-weight:400;margin-left:.5rem;color:#333}.pay-btn{background:linear-gradient(135deg,#2f2fff,#191945);color:#fff;border:none;border-radius:43px;padding:1rem 2rem;font-size:1.3rem;font-weight:700;margin-top:10px;cursor:pointer;transition:all .3s ease}.pay-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#0707ad,#9f9fda);box-shadow:0 10px 25px #2f2fff66}.card-desc{font-size:1rem;margin-bottom:1rem;color:#111}.upgrade-text{font-size:.9rem;margin-top:1rem;color:#222;font-weight:600}@media (max-width: 768px){.cards-container{display:inline-flex;flex-direction:column;align-items:center}.pricing-card{width:90%;max-width:90%}}.card-radio{display:flex;justify-content:flex-end;margin-bottom:12px}.radio-circle{height:22px;width:22px;border-radius:50%;border:2px solid #000e52;background-color:#fff;position:relative;transition:all .3s ease}.radio-circle.checked:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background-color:#000e52;transform:translate(-50%,-50%);transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:relative;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login-modal{position:relative;background-color:#000e52;color:#fff;width:90%;max-width:400px;border-radius:20px;padding:2rem;overflow:hidden;z-index:1000;box-shadow:0 10px 40px #0000004d}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer}input{width:100%;padding:1rem;margin-top:.4rem;margin-bottom:1rem;border-radius:10px;border:none;font-size:1rem}.password-input{position:relative}.toggle-password{position:absolute;right:15px;top:32%;cursor:pointer;font-size:1rem;color:#333}.forgot-password{text-align:right;margin-top:-.8rem;margin-bottom:1.5rem}.forgot-password a{color:#fdd835;text-decoration:none;font-weight:700}.login-btn{background-color:#2f2fff;color:#fff;padding:1rem;width:100%;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:.5rem}.signup-prompt{margin-top:2rem;text-align:center;color:#fff}.signup-prompt a{color:#fdd835;text-decoration:none;font-weight:700}.modal-footer-bg{position:absolute;bottom:-60px;left:0;width:100%;height:120px;background:radial-gradient(circle at center top,#fdd835 80%,transparent 100%);z-index:-1;border-radius:96px 96px 50% 50%/96px 96px 20% 20%}.modal-logo{display:flex;justify-content:center;margin-bottom:10px}.modal-logo img{width:60px;height:auto;border-radius:12px}.login-title{text-align:center;margin-bottom:1rem}.error{color:red}