.app-header{background:#fff;padding:15px;box-shadow:0 4px 15px #ec489926;border-bottom:1px solid rgba(236,72,153,.1)}.header-container{max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.app-logo{height:70px;width:auto}@media(max-width:480px){.app-header{padding:12px}.app-logo{height:55px}}.app-footer{background:#2c3e50;color:#fff;padding:30px 20px;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.footer-link{color:#fff;text-decoration:none;font-size:.9rem;transition:color .3s ease;padding:5px 10px}.footer-link:hover{color:#667eea}.footer-separator{color:#ffffff80}.footer-copyright{font-size:.85rem;color:#ffffffb3;margin:0}@media(max-width:480px){.app-footer{padding:20px 15px}.footer-links{flex-direction:column;gap:5px}.footer-separator{display:none}.footer-link{font-size:.85rem}.footer-copyright{font-size:.75rem}}.subscription-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:600px;margin:0 auto;padding:0 20px 20px;background-color:#fdfdfd;position:relative}.page-title{text-align:center;color:#c94b4b;font-size:1.5rem;font-weight:600;margin-bottom:20px}.user-welcome{text-align:center;margin-bottom:15px}.welcome-text{font-size:1rem;color:#666;margin:0}.user-name{font-weight:600;color:#667eea}.plans-list{display:flex;flex-direction:column;gap:20px}.plan-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:20px;position:relative;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.plan-card.selected{border:2px solid #D041E6;background-color:#f3e5f5;box-shadow:0 4px 16px #d041e633}.badge{position:absolute;top:-12px;right:20px;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;box-shadow:0 2px 4px #00000026}.active-badge{background-color:#2e7d32}.selected-badge{background-color:#d041e6;top:-12px}.plan-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;flex-wrap:wrap}.plan-name{font-size:1.3rem;font-weight:700;color:#333;margin:0;flex-grow:1}.plan-price{font-size:1.5rem;font-weight:700;color:#d041e6}.plan-duration{font-size:.9rem;color:#888;font-weight:500;margin-left:5px}.plan-features{margin-top:15px;display:flex;flex-direction:column;gap:10px}.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:#555;line-height:1.4}.check-icon{color:#2e7d32;font-weight:700;font-size:1rem;flex-shrink:0}.action-area{background:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;margin-top:20px}.proceed-btn{width:100%;max-width:600px;background:linear-gradient(135deg,#d041e6,#9c27b0);color:#fff;border:none;padding:16px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-bottom:8px;transition:all .3s ease;box-shadow:0 4px 15px #d041e64d}.proceed-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d041e666}.proceed-btn:active{transform:translateY(0)}.secure-text{font-size:.75rem;color:#999;margin:0}@media(min-width:768px){.subscription-container{padding:40px 20px}.page-title{font-size:2rem;margin-bottom:40px}.plans-list{gap:25px}.plan-card{padding:24px}.plan-name,.plan-price{font-size:1.5rem}.action-area{padding:24px}}@media(max-width:480px){.subscription-container{padding:15px}.page-title{font-size:1.3rem;margin-bottom:20px}.plans-list{gap:15px}.plan-card{padding:16px}.plan-name,.plan-price{font-size:1.1rem}.plan-details p{font-size:.85rem}.plan-description{font-size:.8rem}.action-area{padding:16px}.proceed-btn{font-size:1rem;padding:14px}}.thankyou-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.thankyou-card{background:#fff;border-radius:24px;padding:50px 40px;max-width:550px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.success-icon{margin:0 auto 25px;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.thankyou-title{font-size:2.2rem;color:#333;margin:15px 0;font-weight:700}.thankyou-subtitle{font-size:1.2rem;color:#666;margin-bottom:35px}.purchase-details{background:#f8f9fa;border-radius:16px;padding:30px;margin:30px 0;text-align:left;box-shadow:inset 0 2px 4px #0000000d}.purchase-details h2{font-size:1.3rem;color:#333;margin:0 0 25px;text-align:center;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px solid #e0e0e0;gap:15px}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#666;font-size:1rem;flex-shrink:0}.detail-value{color:#333;font-weight:500;font-size:1rem;text-align:right}.payment-id{font-family:Courier New,monospace;font-size:.85rem;color:#667eea;word-break:break-all;max-width:250px}.return-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 50px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:15px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.return-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #667eea80}.return-btn:active{transform:translateY(-1px)}@media(max-width:768px){.thankyou-card{padding:40px 30px;max-width:500px}.thankyou-title{font-size:1.8rem}.thankyou-subtitle{font-size:1.1rem}.purchase-details{padding:25px}.purchase-details h2{font-size:1.2rem}}@media(max-width:480px){.thankyou-container{padding:15px}.thankyou-card{padding:30px 20px;border-radius:20px}.success-icon svg{width:60px;height:60px}.thankyou-title{font-size:1.5rem}.thankyou-subtitle{font-size:1rem;margin-bottom:25px}.purchase-details{padding:20px;margin:20px 0}.purchase-details h2{font-size:1.1rem;margin-bottom:20px}.detail-row{padding:10px 0;flex-direction:column;gap:5px}.detail-label,.detail-value{font-size:.9rem;text-align:left}.payment-id{font-size:.75rem;max-width:100%}.return-btn{padding:14px 40px;font-size:1rem;width:100%}}.legal-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.legal-container{max-width:900px;margin:0 auto;padding:40px 20px;background:#fff;flex:1}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:30px;transition:all .3s ease}.back-btn:hover{transform:translate(-5px);box-shadow:0 4px 12px #667eea4d}.legal-title{font-size:2.5rem;color:#333;margin-bottom:10px;font-weight:700}.legal-updated{color:#666;font-size:.9rem;margin-bottom:30px;font-style:italic}.legal-content{line-height:1.8;color:#444}.legal-content section{margin-bottom:30px}.legal-content h2{font-size:1.5rem;color:#667eea;margin-bottom:15px;font-weight:600}.legal-content p{margin-bottom:15px;font-size:1rem}.legal-content ul{margin:15px 0;padding-left:30px}.legal-content li{margin-bottom:10px;font-size:1rem}.legal-content strong{color:#333;font-weight:600}@media(max-width:768px){.legal-container{padding:30px 20px}.legal-title{font-size:2rem}.legal-content h2{font-size:1.3rem}.legal-content p,.legal-content li{font-size:.95rem}}@media(max-width:480px){.legal-container{padding:20px 15px}.legal-title{font-size:1.5rem}.legal-updated{font-size:.8rem}.legal-content h2{font-size:1.1rem}.legal-content p,.legal-content li{font-size:.9rem}.legal-content ul{padding-left:20px}}