*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Afacad Flux,Arial,sans-serif;line-height:1.3;overflow-x:hidden}footer{background-color:#333;color:#fff;font-family:Afacad Flux,Arial,sans-serif;width:100%}.plans-body,footer{padding:20px;text-align:center}.plans-body{background-color:#fdf5e6;color:#333;font-family:Montserrat,sans-serif;margin:0}.plans-header{color:#e67e22;font-size:2.5rem;margin-bottom:20px}.special-discount-message{background-color:#fff5e6;border-radius:8px;color:#c15600;font-size:1.4rem;font-weight:700;margin:1rem 0;padding:.75rem 1rem;text-align:center}.toggle-container{margin:20px 0}.toggle-button{background-color:#e67e22;border-radius:25px;color:#fff;cursor:pointer;padding:12px 25px;transition:.3s}.toggle-button:hover{background-color:#b65f12}.plans-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px auto 0;padding:0 10px;width:100%}.plan{background:#fff8e1;border:2px solid #e67e22;border-radius:15px;box-shadow:0 8px 15px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-between;padding:30px 25px 25px;position:relative;text-align:center;transition:transform .3s,box-shadow .3s;width:300px}.plan.claimed{filter:grayscale(50%);opacity:.7;pointer-events:none}.plan:hover{box-shadow:0 10px 20px rgba(0,0,0,.3);transform:translateY(-5px)}.plan.claimed:hover{box-shadow:0 8px 15px rgba(0,0,0,.2);transform:none}.plan.selected{border-color:#b65f12;box-shadow:0 8px 20px rgba(184,134,11,.3)}.plan h2{color:#e67e22;font-size:1.8rem;margin-bottom:10px;margin-top:10px}.plan .price{align-items:center;color:#e67e22;display:flex;font-size:2.5rem;justify-content:center;margin:15px 0}.plan .billing-period{color:#555;font-size:1rem}.plan .details{color:#666;flex:1;flex-grow:1;font-size:1rem;margin:10px 0 20px}.plan .description{color:#666;font-size:1rem;margin-bottom:10px}.plan button{background-color:#e67e22;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;margin-bottom:15px;padding:15px 25px;transition:background-color .3s}.plan button:hover{background-color:#c1691c}.plan button:disabled{background-color:#d9975c}.toggle-container{align-items:center;background:#f0f0f0;border-radius:10px;display:flex;margin:20px auto 30px;padding:5px;position:relative;width:150px}.toggle-option{border-radius:10px;color:#555;cursor:pointer;flex:1;font-size:.9rem;font-weight:700;padding:8px 0;text-align:center;transition:color .3s;z-index:1}.toggle-switch{background:#e67e22;border-radius:10px;bottom:5px;position:absolute;top:5px;transition:left .3s;width:50%;z-index:0}.toggle-container[data-selected=monthly] .toggle-switch{left:5px}.toggle-container[data-selected=yearly] .toggle-switch{left:50%}.toggle-container[data-selected=monthly] .toggle-option[data-option=monthly],.toggle-container[data-selected=yearly] .toggle-option[data-option=yearly]{color:#fff}.discount{background-color:#d32f2f}.badge,.discount{border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;font-size:.9rem;font-weight:700;padding:5px 10px;position:absolute;right:-10px;top:-10px;transform:rotate(15deg);z-index:1}.badge{background-color:#5ae622}.hidden{display:none!important}.full-price{color:#888;font-size:1.6rem;margin-right:8px;text-decoration:line-through}@keyframes swishEffect{0%{background-position:100% 0}to{background-position:-100% 0}}.featured-badge{background-color:#e67e22;border-radius:5px;color:#fff;font-size:.9rem;font-weight:700;left:5px;padding:5px 15px;position:absolute;top:5px}.featured-badge.swish{animation:swishEffect 3s cubic-bezier(.4,0,.2,1) infinite;background-image:linear-gradient(-45deg,transparent 78%,rgba(255,244,182,.7) 84%,transparent 90%);background-size:200% 100%}.plan.featured{background-color:#fff5d1;border-color:#d4a017;box-shadow:0 10px 25px rgba(230,126,34,.3);transform:scale(1.05);transition:transform .3s ease,box-shadow .3s ease}.plan.featured:hover{box-shadow:0 10px 20px rgba(0,0,0,.3);transform:scale(1.05) translateY(-5px)}.plan .details{color:#555;font-size:.9rem;list-style-type:disc;list-style:none;margin:15px 0;padding-left:0;text-align:left}.plan .details li{margin-bottom:8px;padding-left:30px;position:relative}.details li:before{border-radius:50%;color:#999;content:"\f058";font-family:Font Awesome\ 6 Free;font-size:14px;font-weight:900;font-weight:700;height:20px;left:0;line-height:20px;position:absolute;text-align:center;top:2px;width:20px}.billed-annually{color:#666;display:none;font-size:.9rem;margin-bottom:20px;margin-top:-10px}#redirect-overlay{background:rgba(0,0,0,.8);color:#fff;font-size:1.5rem;left:0;position:fixed;top:0;z-index:9999}#redirect-overlay,.overlay-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.overlay-content{flex-direction:column}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#e67e22;height:40px;margin-top:10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.top-nav{align-items:center;background-color:#333;border-bottom:2px solid #e67e22;color:#fff;display:flex;font-family:Afacad Flux,Arial,sans-serif;font-size:1em;justify-content:space-between;left:0;line-height:normal;padding:5px 5px 5px 20px;position:fixed;top:0;width:100%;z-index:999}.nav-left a,.nav-right button{color:#fff;font-weight:400;padding:8px 15px;text-decoration:none}.nav-left a:hover,.nav-right button:hover{background-color:#e67e22}.nav-left,.nav-right{align-items:center;display:flex}.nav-right{justify-content:flex-end;margin-left:auto}.navbar-button{background:#e67e22;border:none;border-radius:3px;color:#ffedd5;display:none;margin-top:auto;padding:5px;text-align:center;text-decoration:none}.logo img{display:block;max-height:30px;object-fit:contain;padding:0;width:80px}.logo img.hover,.logo:hover img.default{display:none}.logo:hover img.hover{display:block}.mobile-menu{background-color:#333;border-top:2px solid #e67e22;display:none;flex-direction:column;margin-top:0;padding:0;position:absolute;right:0;top:100%;width:200px;z-index:999}.mobile-menu a{color:#fff;font-weight:700;padding:15px;text-align:center;text-decoration:none}.mobile-menu a:hover{background-color:#e67e22}.hamburger{display:none;font-size:1.5rem}.hamburger,.userHamburger{color:#fff;cursor:pointer}#userGreeting{align-items:center;display:none;margin-right:10px}#userName{text-decoration:underline}#userMenu{cursor:pointer;margin-left:8px}.mobile-menu.show{display:flex}#signInButton,#signUpButton{margin-right:10px}@media (max-width:768px){.nav-left{display:none}.hamburger{display:block}.mobile-menu{background-color:#333;display:none;flex-direction:column;left:0;margin-top:0;padding:0;position:absolute;top:100%;width:100%;z-index:999}.mobile-menu.show{display:flex}#userMenu{cursor:pointer;margin-left:8px;margin-right:8px}.navbar-button{padding:2px 5px}}.notification{align-items:center;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.15);display:none;display:flex;font-size:.9em;gap:10px;left:20px;margin-top:10px;max-width:300px;opacity:0;padding:10px 15px;position:fixed;text-align:left;top:70px;transition:opacity .5s ease,top .5s ease;z-index:999}.notification.show{display:flex;opacity:1;top:60px}.notification.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.notification .icon{font-size:1.2em}.notification .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2em;margin-left:auto;z-index:999}@media (max-width:768px){@media (max-width:768px){.notification{left:50%;max-width:none;transform:translateX(-50%);width:90%}}}