.code-list,.effect-card{box-shadow:0 5px 15px rgba(0,0,0,.1)}.btn,.copy-btn,.menu-toggle{cursor:pointer}.footer-column ul,nav ul{list-style:none}.footer-column ul li a,nav ul li a{transition:color .3s;text-decoration:none}.btn,.footer-column ul li a,.hero .social-links a,nav ul li a{text-decoration:none}:root{--primary:#2c3e50;--secondary:#3498db;--accent:#e74c3c;--light:#ecf0f1;--dark:#2c3e50;--success:#2ecc71;--warning:#f39c12;--text-dark:#4a4a4a;--text-light:#d1d5db}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f5f5;color:var(--text-dark);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 15px}.btn{display:inline-block;background:var(--secondary);color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;transition:.3s}.btn:focus,.btn:hover{background:#2980b9;transform:translateY(-2px);outline:#2980b9 solid 2px}.btn-accent{background:var(--accent)}.btn-accent:focus,.btn-accent:hover{background:#c0392b;outline:#c0392b solid 2px}section{padding:40px 0}h1,h2,h3,h4{margin-bottom:15px;color:var(--dark)}header{background-color:var(--primary);color:#fff;padding:15px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-container{display:flex;justify-content:space-between;align-items:center}.hero .social-links a,nav{align-items:center;display:flex}.logo img{height:40px;width:auto}nav ul{display:flex}nav ul li{margin-left:20px}nav ul li a{color:#fff;font-weight:500;font-size:14px}.footer-column ul li a:focus,.footer-column ul li a:hover,nav ul li a:focus,nav ul li a:hover{color:var(--secondary);outline:0}.menu-toggle{display:none;font-size:24px;background:0 0;border:none;color:#fff}.menu-toggle:focus{outline:2px solid var(--secondary)}.hero{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-align:center;padding:80px 0}.hero h1{font-size:36px;margin-bottom:15px;color:#fff}.hero p{font-size:18px;max-width:700px;margin:0 auto 25px}.hero .date{font-size:16px;color:#fff;font-weight:700}.hero .update-message{font-size:14px;color:#fff;margin-top:10px}.hero .social-links{display:flex;justify-content:center;gap:10px;margin-top:15px}.hero .social-links a{color:#fff;background-color:rgba(255,255,255,.2);width:35px;height:35px;border-radius:50%;justify-content:center;font-size:16px;transition:.3s}.footer-column .social-links a:focus,.footer-column .social-links a:hover,.hero .social-links a:focus,.hero .social-links a:hover{background-color:var(--secondary);transform:translateY(-3px);outline:#ffffff solid 2px}.code-list{background-color:#fff;border-radius:10px;padding:30px;margin-top:-40px;position:relative;z-index:1}.code-list h2{text-align:center;color:var(--primary);font-size:28px}.code-category{margin-bottom:30px}.code-category h3{padding-bottom:8px;border-bottom:2px solid var(--light);display:flex;align-items:center;font-size:20px}.code-category h3 i{margin-right:8px}.active-codes h3{color:var(--success)}.expired-codes h3{color:var(--warning)}.codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:15px}.code-item{background-color:var(--light);padding:12px;border-radius:5px;transition:.3s;text-align:left}.copyright,.effects{text-align:center}.code-item:focus-within,.code-item:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.1)}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.code-text{font-weight:700;font-size:16px;font-family:'Courier New',monospace}.copy-btn{background:var(--secondary);color:#fff;border:none;border-radius:3px;padding:5px 10px;font-size:14px;transition:.3s}.copy-btn:focus,.copy-btn:hover{background:#2980b9;outline:#2980b9 solid 2px}.copy-btn.copied{background:var(--success)}.code-details{font-size:12px;color:var(--text-dark)}.code-details p{margin-bottom:5px}.expired-text{color:red;font-weight:700;font-size:14px}.faq,.how-to-redeem{background-color:var(--light);padding:40px 0}.faq h2,.how-to-redeem h2{font-size:24px;color:var(--primary);margin-bottom:25px;text-transform:uppercase;text-align:center}.how-to-redeem .steps{display:flex;flex-direction:column;gap:15px;position:relative}.how-to-redeem .step{display:flex;align-items:flex-start;background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;z-index:1}.how-to-redeem .step-number{background-color:var(--secondary);color:#fff;width:35px;height:35px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:16px;flex-shrink:0;margin-right:15px}.effect-card,.faq .faq-item{background-color:#fff;border-radius:8px}.how-to-redeem .step-content{flex-grow:1}.how-to-redeem .step-content h4{font-size:16px;color:var(--primary);margin-bottom:8px}.effect-card p,.how-to-redeem .step-content p{font-size:14px;color:var(--text-dark)}.how-to-redeem .steps::before{content:'';position:absolute;left:35px;top:0;bottom:0;width:2px;background-color:var(--secondary);z-index:0}.effects h2{color:var(--primary);font-size:24px}.effects .subtitle{font-size:16px;color:var(--text-dark);margin-bottom:20px}.effect-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:25px}.effect-card{padding:20px;transition:.3s}.effect-card:focus-within,.effect-card:hover{transform:translateY(-8px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.effect-card i{font-size:40px;color:var(--secondary);margin-bottom:15px}.effect-card h3,.faq .faq-item h3{font-size:18px;color:var(--primary)}.faq .faq-items{max-width:800px;margin:0 auto}.faq .faq-item{padding:15px 20px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.faq .faq-item h3{margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq .faq-item h3::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;transition:transform .3s}.faq .faq-item.active h3::after{transform:rotate(180deg)}.faq .faq-item p{font-size:14px;color:var(--text-dark);display:none}.faq .faq-item.active p{display:block}footer{background-color:var(--dark);color:var(--text-light);padding:40px 0 15px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px;margin-bottom:25px}.footer-column h3{color:var(--secondary);margin-bottom:15px;font-size:16px}.footer-column p{font-size:14px;color:var(--text-light)}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{color:var(--text-light);font-size:14px}.footer-column .social-links{display:flex;gap:10px;margin-top:15px}.footer-column .social-links a{color:#fff;background-color:rgba(255,255,255,.1);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:.3s;text-decoration:none}.footer-column form input{width:100%;padding:8px;margin-bottom:8px;border-radius:5px;border:none;font-size:14px}.footer-column form button{width:100%;font-size:14px}.copyright{padding-top:15px;border-top:1px solid rgba(255,255,255,.1);color:var(--text-light);font-size:14px}@media (max-width:768px){.codes,.effect-cards,.footer-content{grid-template-columns:1fr}.header-container{flex-direction:row;justify-content:space-between;align-items:center}.logo img{height:35px}.menu-toggle,nav.active{display:block}nav{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--primary)}nav ul{flex-direction:column;padding:10px 0}nav ul li{margin:10px 15px}.effect-card h3,.faq .faq-item h3,nav ul li a{font-size:16px}.hero{padding:50px 0}.hero h1{font-size:28px}.hero p{font-size:16px;padding:0 15px}.btn,.btn-accent{padding:8px 15px;font-size:14px}.code-list{padding:20px;margin-top:-30px}.code-list h2{font-size:24px}.code-category h3{font-size:18px}.codes{gap:10px}.code-item{padding:10px}.code-text,.footer-column h3,.how-to-redeem .step-content h4{font-size:14px}.copy-btn{padding:4px 8px;font-size:12px}.code-details{font-size:11px}.how-to-redeem{padding:30px 0}.effects h2,.faq h2,.how-to-redeem h2{font-size:20px}.how-to-redeem .step{flex-direction:column;align-items:center;text-align:center;padding:12px}.how-to-redeem .step-number{margin-right:0;margin-bottom:12px}.copyright,.effect-card p,.faq .faq-item p,.footer-column p,.footer-column ul li a,.how-to-redeem .step-content p{font-size:12px}.how-to-redeem .steps::before{left:50%;transform:translateX(-50%)}.effects .subtitle{font-size:14px;padding:0 15px}.effect-cards{gap:15px}.effect-card{padding:15px}.effect-card i{font-size:35px;margin-bottom:10px}.faq .faq-item{padding:12px}footer{padding:30px 0 10px}.footer-content{gap:20px}.footer-column .social-links a{width:30px;height:30px;font-size:14px}.footer-column form input{padding:6px;font-size:12px}.footer-column form button{padding:8px;font-size:12px}}@media (max-width:480px){section{padding:30px 0}.container{padding:0 10px}.logo img{height:30px}.code-list h2,.menu-toggle{font-size:20px}.hero{padding:40px 0}.hero h1{font-size:24px}.faq .faq-item h3,.hero p{font-size:14px}.code-list{padding:15px}.code-category h3{font-size:16px}.faq .faq-item,.how-to-redeem .step{padding:10px}.how-to-redeem .step-number{width:30px;height:30px;font-size:14px}.effect-card{padding:12px}.faq h2{font-size:18px}.faq .faq-item p{font-size:12px}}