*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#f8f9fa;}
.main-header{background:#630160;color:white;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px;max-width:1200px;margin:0 auto;}
.logo-container img{width:160px;height:31px;object-fit:contain;}
.desktop-nav{display:flex;gap:30px;}
.desktop-nav a,.desktop-nav span{color:white;text-decoration:none;font-weight:500;transition:opacity 0.3s;}
.desktop-nav span{opacity:1;font-weight:600;}
.desktop-nav a:hover{opacity:0.8;}
.auth-buttons{display:flex;gap:15px;}
.signup-btn,.signin-btn{padding:8px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s;}
.signup-btn{background:#ff6b35;color:white;}
.signin-btn{border:2px solid white;color:white;background:transparent;}
.signup-btn:hover{background:#e55a2b;}
.signin-btn:hover{background:white;color:#630160;}
.hamburger-menu{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;}
.hamburger-menu span{width:25px;height:3px;background:white;transition:0.3s;}
.mobile-menu{display:none;background:#630160;padding:20px;position:absolute;top:100%;left:0;right:0;border-top:1px solid rgba(255,255,255,0.2);}
.mobile-menu nav{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;}
.mobile-menu nav a,.mobile-menu nav span{color:white;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-menu nav span{font-weight:600;}
.mobile-auth{display:flex;gap:15px;}
.promotions-hero{background:linear-gradient(135deg,#630160 0%,#8b0369 100%);color:white;padding:80px 10px;text-align:center;position:relative;overflow:hidden;}
.promotions-hero::before{content:'💰';position:absolute;font-size:8rem;opacity:0.1;top:15%;left:8%;animation:bounceFloat 24s linear infinite;}
.promotions-hero::after{content:'🎁';position:absolute;font-size:6rem;opacity:0.12;top:65%;right:12%;animation:slideFloat 20s linear infinite;}
@keyframes bounceFloat{0%{transform:translateY(0) rotate(0deg);}25%{transform:translateY(-60px) rotate(90deg);}50%{transform:translateY(-20px) rotate(180deg);}75%{transform:translateY(-80px) rotate(270deg);}100%{transform:translateY(0) rotate(360deg);}}
@keyframes slideFloat{0%{transform:translateX(0) scale(1);}50%{transform:translateX(-120px) scale(1.2);}100%{transform:translateX(0) scale(1);}}
.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2;}
.hero-content h1{font-size:3rem;margin-bottom:20px;font-weight:700;}
.hero-description{font-size:1.2rem;margin-bottom:40px;opacity:0.9;}
.promo-overview,.bonus-mechanics,.promo-examples,.promo-history,.bonus-constraints,.responsible-promo,.bonus-providers,.bonus-tradeoffs,.faq-section,.getting-started{padding:60px 10px;max-width:1200px;margin:0 auto;}
.promo-overview h2,.bonus-mechanics h2,.promo-examples h2,.promo-history h2,.bonus-constraints h2,.responsible-promo h2,.bonus-providers h2,.bonus-tradeoffs h2,.faq-section h2,.getting-started h2{color:#630160;font-size:2.2rem;margin-bottom:20px;text-align:center;}
.promo-overview p,.bonus-mechanics p,.promo-examples p,.promo-history p,.bonus-constraints p,.responsible-promo p,.bonus-providers p,.bonus-tradeoffs p,.faq-section p,.getting-started p{margin-bottom:20px;font-size:1.1rem;line-height:1.7;}
.promotions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin:40px 0;}
.promo-card{background:white;padding:25px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;position:relative;overflow:hidden;}
.promo-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,0.15);}
.promo-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#630160,#ff6b35);}
.promo-card h3{color:#630160;margin-bottom:15px;font-size:1.3rem;font-weight:600;}
.promo-card p{color:#555;line-height:1.6;}
.terms-list{background:white;padding:30px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin:30px 0;}
.terms-list li{margin-bottom:15px;padding-left:25px;position:relative;}
.terms-list li::before{content:'⚠️';position:absolute;left:0;top:0;font-size:1.2rem;}
.bonus-highlight{background:linear-gradient(135deg,#f8f4ff 0%,#fff0f7 100%);border:2px solid #630160;border-radius:12px;padding:25px;margin:30px 0;position:relative;}
.bonus-highlight::before{content:'💎';position:absolute;top:-15px;right:20px;font-size:2rem;background:white;padding:5px 10px;border-radius:50%;}
.bonus-highlight h3{color:#630160;margin-bottom:15px;font-size:1.4rem;}
.bonus-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0;}
.bonus-step{background:white;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:relative;}
.bonus-step::before{content:counter(step-counter);counter-increment:step-counter;position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#630160;color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.9rem;}
.bonus-steps{counter-reset:step-counter;}
.bonus-calculator{background:#f8f9fa;border-radius:10px;padding:25px;margin:30px 0;border-left:5px solid #630160;}
.bonus-calculator h4{color:#630160;margin-bottom:15px;}
.calculation-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ddd;}
.calculation-row:last-child{border-bottom:2px solid #630160;font-weight:600;}
.calculation-label{color:#666;}
.calculation-value{color:#630160;font-weight:500;}
.promo-timeline{position:relative;margin:40px 0;}
.timeline-item{position:relative;padding:20px 0 20px 60px;border-left:3px solid #630160;}
.timeline-item::before{content:'';position:absolute;left:-8px;top:25px;width:12px;height:12px;background:#630160;border-radius:50%;}
.timeline-item:last-child{border-left:3px solid transparent;}
.timeline-date{color:#630160;font-weight:600;font-size:0.9rem;margin-bottom:5px;}
.timeline-content h4{color:#333;margin-bottom:10px;}
.timeline-content p{color:#666;font-size:0.95rem;}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin:30px 0;}
.faq-card{background:white;padding:25px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.3s;}
.faq-card:hover{transform:translateY(-3px);}
.faq-card h3{color:#630160;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:10px;}
.faq-card h3::before{content:'❓';font-size:1.5rem;}
.warning-box{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:20px;margin:25px 0;position:relative;}
.warning-box::before{content:'⚠️';position:absolute;top:-10px;left:15px;background:#fff3cd;padding:0 10px;font-size:1.5rem;}
.warning-box h4{color:#856404;margin-bottom:10px;}
.warning-box p{color:#856404;margin:0;}
.promo-cta{background:linear-gradient(135deg,#630160 0%,#ff6b35 100%);color:white;text-align:center;padding:40px 20px;border-radius:10px;margin:40px 0;}
.promo-cta h3{font-size:1.8rem;margin-bottom:15px;}
.promo-cta p{font-size:1.1rem;margin-bottom:25px;opacity:0.9;}
.cta-button{display:inline-block;background:rgba(255,255,255,0.2);border:2px solid white;color:white;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s;}
.cta-button:hover{background:white;color:#630160;transform:translateY(-2px);}
.main-footer{background:#2c2c2c;color:white;padding:50px 10px 20px;}
.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;}
.footer-section h4{color:#ff6b35;margin-bottom:20px;font-size:1.2rem;}
.footer-section ul{list-style:none;}
.footer-section li{margin-bottom:10px;}
.footer-section a{color:#ccc;text-decoration:none;transition:color 0.3s;}
.footer-section a:hover{color:white;}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
.payment-icons img,.provider-logos img{filter:brightness(0.8);transition:filter 0.3s;}
.payment-icons img:hover,.provider-logos img:hover{filter:brightness(1);}
.footer-bottom{border-top:1px solid #444;margin-top:30px;padding-top:20px;text-align:center;color:#999;}
.footer-bottom p{margin-bottom:5px;}
@media (max-width:1080px){
.desktop-nav,.auth-buttons{display:none;}
.hamburger-menu{display:flex;}
.mobile-menu.active{display:block;}
.hero-content h1{font-size:2.2rem;}
.promotions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.faq-grid{grid-template-columns:1fr;}
.bonus-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
}
@media (max-width:768px){
.hero-content h1{font-size:1.8rem;}
.promo-overview h2,.bonus-mechanics h2,.promo-examples h2,.promo-history h2,.bonus-constraints h2,.responsible-promo h2,.bonus-providers h2,.bonus-tradeoffs h2,.faq-section h2,.getting-started h2{font-size:1.8rem;}
.promotions-grid{grid-template-columns:1fr;}
.bonus-steps{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.calculation-row{flex-direction:column;gap:5px;text-align:left;}
.timeline-item{padding-left:40px;}
}
@media (max-width:480px){
.promotions-hero{padding:50px 10px;}
.hero-content h1{font-size:1.5rem;}
.hero-description{font-size:1rem;}
.promo-overview,.bonus-mechanics,.promo-examples,.promo-history,.bonus-constraints,.responsible-promo,.bonus-providers,.bonus-tradeoffs,.faq-section,.getting-started{padding:40px 10px;}
.promo-card,.faq-card{padding:20px;}
.promotions-grid{grid-template-columns:1fr;gap:20px;}
.bonus-steps{grid-template-columns:1fr;}
.promo-cta{padding:30px 15px;}
.promo-cta h3{font-size:1.5rem;}
}
@media (max-width:320px){
.header-container{padding:8px;}
.logo-container img{width:140px;height:27px;}
.hero-content h1{font-size:1.3rem;}
.promo-card{padding:15px;}
.terms-list{padding:20px;}
.bonus-calculator,.warning-box{padding:15px;}
.cta-button{padding:12px 20px;font-size:0.9rem;}
}