.logo-container{z-index:1000;position:fixed;top:1rem;left:1rem}.logo{cursor:pointer;width:auto;height:40px}.theme-toggle{z-index:1000;position:fixed;top:1rem;right:1rem}.theme-toggle-button{color:gold;cursor:pointer;background:0 0;border:2px solid gold;border-radius:6px;padding:6px 12px;font-weight:600}.subscription-container{color:#fff;flex-direction:column;gap:2.5rem;min-height:100vh;padding:1.5rem;transition:background-color .3s,color .3s;display:flex}.subscription-title{text-align:center;color:#333;margin-bottom:1rem;font-size:1.5rem;font-weight:700;transition:color .3s}.dark .subscription-title{color:#fff}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.plan-card,.bundle-card{cursor:pointer;color:#0a0a0a;background-color:#fff;border:1px solid #444;border-radius:1rem;padding:1.5rem;transition:all .3s}.dark .plan-card,.dark .bundle-card{color:#fafafa;background-color:#000;border-color:#2b2b2b}.plan-card.selected,.bundle-card.selected{color:#0a0a0a;background-color:#efefef;transition:all .3s;box-shadow:inset 0 0 0 2px #917044,0 14px 28px #91704459,0 6px 12px #91704440}.dark .plan-card.selected,.dark .bundle-card.selected{color:#fff;background-color:#000;box-shadow:inset 0 0 0 2px #917044,0 16px 32px #e7ba7738,0 6px 14px #e7ba772e}.price{margin-bottom:1rem;font-size:1.2rem}.check-icon{color:#917044;margin-right:.5rem}.bundle-title{text-align:center;color:#333;margin-bottom:1rem;font-size:1.5rem;font-weight:700;transition:color .3s}.dark .bundle-title{color:#fff}.bundles-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:center;gap:1rem;display:flex;overflow-x:auto}.bundle-card{scroll-snap-align:start;flex:0 0 180px}.summary-card{color:#2f2f2f;border-radius:.75rem;padding:1.5rem;transition:background-color .3s,border-color .3s;box-shadow:0 10px 20px #00000029,0 0 15px #ffffff14,inset 0 4px 8px #ffffff2e,inset 0 -4px 8px #0000001f}.dark .summary-card{color:#ddd;box-shadow:0 10px 20px #e7ba772e,0 0 15px #e7ba771f,inset 0 4px 8px #fff3cc66,inset 0 -4px 8px #b48c4629}.next-button-container{justify-content:center;margin-top:2rem;display:flex}.next-button{color:#917044;cursor:pointer;background:0 0;border:2px solid #917044;border-radius:8px;width:200px;padding:12px 0;font-size:1.1rem;font-weight:700;transition:background-color .3s,color .3s}.next-button:hover{color:#fff;background-color:#917044}.email-modal-card{color:#000;box-sizing:border-box;background-color:#fff;border-radius:.75rem;width:100%;max-width:500px;padding:2rem;transition:all .3s}.dark .email-modal-card{color:#fff;background-color:#000}.email-input{color:#000;background-color:#0000;border:2px solid gray;border-radius:.375rem;width:100%;padding:.5rem;transition:border-color .3s,color .3s}.dark .email-input{color:#fff;border-color:#e5e5e5}.email-submit-button{color:#917044;cursor:pointer;background-color:#0000;border:2px solid #917044;border-radius:.5rem;width:100%;margin-top:1rem;padding:.75rem;font-weight:600;transition:background-color .3s,color .3s}.email-submit-button:hover{color:#fff;background-color:#917044}.dark .email-submit-button{color:#fff;border-color:#917044}.dark .email-submit-button:hover{color:#fff;background-color:#917044}@media (max-width:640px){.plans-grid{flex-direction:column;gap:1rem;display:flex}.bundles-grid{flex-direction:column;align-items:center;overflow-x:visible}.bundle-card{width:100%;max-width:320px}.email-modal-card{max-width:90%;padding:1.5rem}.email-input{padding:.5rem;font-size:.95rem}.email-submit-button{padding:.6rem;font-size:.95rem}.card-header{text-align:center;font-size:1.5rem}}