@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Exo+2:wght@400;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Exo 2',Arial,sans-serif;background:#0a0014;color:#e0d6f0;line-height:1.7;min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 20% 50%,rgba(120,0,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,0,128,.1) 0%,transparent 50%)}
.container{max-width:960px;margin:0 auto;padding:0 16px}
a{color:#bb86fc;text-decoration:none;transition:color .2s}
a:hover{color:#ff79c6}

.header{background:linear-gradient(135deg,#0d001a 0%,#1a0033 100%);border-bottom:2px solid rgba(187,134,252,.3);position:sticky;top:0;z-index:1003}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:8px 16px}
.logo-link{display:flex;align-items:center}
.logo{width:60px;height:60px;border-radius:8px}

.burger{position:relative;z-index:1002;background:none;border:none;cursor:pointer;width:36px;height:28px;display:flex;flex-direction:column;justify-content:space-between;padding:0}
.burger span{display:block;width:100%;height:3px;background:#bb86fc;border-radius:2px;transition:all .3s}
.burger.active span:nth-child(1){transform:translateY(12.5px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:translateY(-12.5px) rotate(-45deg)}

.nav{z-index:1001;position:fixed;top:0;right:-280px;width:280px;height:100vh;background:linear-gradient(180deg,#12002a,#0a0014);padding:80px 20px 20px;transition:right .3s;overflow-y:auto}
.nav.open{right:0}
.nav ul{list-style:none}
.nav li{margin-bottom:2px}
.nav a{display:block;padding:12px 16px;color:#d0b8ff;font-weight:600;border-radius:8px;transition:background .2s,color .2s;font-size:15px}
.nav a:hover,.nav a:focus{background:rgba(187,134,252,.15);color:#ff79c6}

.nav-backdrop{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .3s}
.nav-backdrop.open{opacity:1;pointer-events:auto}

.main-content{flex:1;padding:20px 0}

.breadcrumbs{list-style:none;display:flex;flex-wrap:wrap;gap:4px;font-size:13px;margin-bottom:10px;color:#8a7aaa}
.breadcrumbs li:not(:last-child)::after{content:" / ";margin-left:4px;color:#5a4a7a}
.breadcrumbs a{color:#9a8abf}
.breadcrumbs a:hover{color:#bb86fc}

.intro-table{width:100%;border-collapse:collapse;margin-bottom:10px;background:linear-gradient(135deg,rgba(30,0,60,.8),rgba(15,0,35,.9));border:2px solid rgba(187,134,252,.3);border-radius:12px;overflow:hidden}
.intro-table td{padding:24px 28px}
.intro-table h1{font-family:'Orbitron',sans-serif;font-size:26px;color:#e8d0ff;margin-bottom:12px;text-shadow:0 0 20px rgba(187,134,252,.4)}
.intro-table p{font-size:16px;color:#c4b0e0}

.offers-block{margin-bottom:10px}
.offers-table{width:100%;table-layout:fixed;border-collapse:collapse;background:#ffffff;border:2px solid #bb86fc;border-radius:10px;overflow:hidden}
.offers-table th,.offers-table td{width:33.333%;text-align:center;vertical-align:middle;padding:14px 10px}
.offers-table tr:not(:last-child){border-bottom:1px solid #e8e0f5}
.offer-logo img{width:160px;height:50px;object-fit:contain}
.offer-bonus{font-weight:700;color:#1a0033;font-size:16px}
.btn-play{display:inline-block;background:linear-gradient(135deg,#00c853,#00e676);color:#fff;padding:12px 32px;border-radius:8px;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px rgba(0,200,83,.4)}
.btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,200,83,.6);color:#fff}

.page-image{margin-bottom:10px;border-radius:12px;overflow:hidden;border:2px solid rgba(187,134,252,.2)}
.page-image img{width:100%;max-width:100%;height:auto;display:block}

.content-block{margin-bottom:10px;background:linear-gradient(135deg,rgba(25,0,50,.6),rgba(10,0,20,.8));border:1px solid rgba(187,134,252,.15);border-radius:12px;padding:24px 28px}
.content-block h2{font-family:'Orbitron',sans-serif;font-size:20px;color:#d0a8ff;margin-bottom:14px;text-shadow:0 0 15px rgba(187,134,252,.3)}
.content-block h3{font-size:17px;color:#c090ee;margin-bottom:10px}
.content-block p{margin-bottom:12px;font-size:15px;color:#d0c4e8}
.content-block ul,.content-block ol{margin:10px 0;padding-left:24px;color:#d0c4e8}
.content-block li{margin-bottom:6px;font-size:15px}
.content-block a{color:#bb86fc;border-bottom:1px dashed rgba(187,134,252,.4)}
.content-block a:hover{color:#ff79c6;border-bottom-color:#ff79c6}

.calculator-block{margin-bottom:10px;background:linear-gradient(135deg,rgba(40,0,80,.7),rgba(20,0,45,.9));border:2px solid rgba(255,121,198,.3);border-radius:12px;padding:24px 28px}
.calculator-block h3{font-family:'Orbitron',sans-serif;font-size:18px;color:#ff79c6;margin-bottom:16px}
.calc-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;align-items:center}
.calc-row label{color:#d0b8ff;font-weight:600;min-width:180px;font-size:14px}
.calc-row input,.calc-row select{background:rgba(255,255,255,.08);border:1px solid rgba(187,134,252,.3);color:#e8d0ff;padding:10px 14px;border-radius:8px;font-size:15px;width:200px;font-family:'Exo 2',sans-serif}
.calc-row input:focus,.calc-row select:focus{outline:none;border-color:#bb86fc;box-shadow:0 0 10px rgba(187,134,252,.3)}
.calc-btn{background:linear-gradient(135deg,#bb86fc,#9c4dcc);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:700;cursor:pointer;font-size:15px;transition:transform .2s;font-family:'Exo 2',sans-serif}
.calc-btn:hover{transform:translateY(-2px)}
.calc-result{margin-top:14px;padding:16px;background:rgba(187,134,252,.1);border-radius:8px;color:#e8d0ff;font-size:15px;font-weight:600}

.chart-block{margin-bottom:10px;background:linear-gradient(135deg,rgba(25,0,50,.6),rgba(10,0,20,.8));border:1px solid rgba(187,134,252,.15);border-radius:12px;padding:24px 28px}
.chart-block canvas{max-width:100%;height:auto}

.faq-section{margin-bottom:10px}
.faq-section h2{font-family:'Orbitron',sans-serif;font-size:22px;color:#d0a8ff;margin-bottom:16px;text-shadow:0 0 15px rgba(187,134,252,.3)}
.faq-item{background:linear-gradient(135deg,rgba(25,0,50,.6),rgba(10,0,20,.8));border:1px solid rgba(187,134,252,.2);border-radius:10px;margin-bottom:6px;overflow:hidden}
.faq-q{width:100%;background:none;border:none;color:#d0b8ff;font-family:'Exo 2',sans-serif;font-size:16px;font-weight:600;padding:16px 20px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}
.faq-q:hover{background:rgba(187,134,252,.1)}
.faq-q::after{content:'+';font-size:22px;color:#bb86fc;transition:transform .3s}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s;padding:0 20px;color:#c4b0e0;font-size:15px}
.faq-item.open .faq-a{max-height:400px;padding:0 20px 16px}

.contact-form{background:linear-gradient(135deg,rgba(25,0,50,.6),rgba(10,0,20,.8));border:1px solid rgba(187,134,252,.2);border-radius:12px;padding:28px;max-width:600px}
.contact-form .form-group{margin-bottom:14px}
.contact-form label{display:block;color:#d0b8ff;font-weight:600;margin-bottom:6px;font-size:14px}
.contact-form input,.contact-form textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(187,134,252,.3);color:#e8d0ff;padding:12px 16px;border-radius:8px;font-size:15px;font-family:'Exo 2',sans-serif}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#bb86fc;box-shadow:0 0 10px rgba(187,134,252,.3)}
.contact-form textarea{height:140px;resize:vertical}
.contact-form .btn-send{background:linear-gradient(135deg,#bb86fc,#9c4dcc);color:#fff;border:none;padding:14px 36px;border-radius:8px;font-weight:700;cursor:pointer;font-size:16px;transition:transform .2s;font-family:'Exo 2',sans-serif}
.contact-form .btn-send:hover{transform:translateY(-2px)}

.footer{background:linear-gradient(135deg,#0d001a,#1a0033);border-top:2px solid rgba(187,134,252,.3);padding:20px 0;margin-top:auto}
.footer-inner{text-align:center}
.footer-links{margin-bottom:8px}
.footer-links a{color:#9a8abf;font-size:14px;margin:0 4px}
.footer-links a:hover{color:#bb86fc}
.footer-email{margin-bottom:6px}
.footer-email a{color:#bb86fc;font-size:14px}
.footer-copy{color:#5a4a7a;font-size:13px}

@media (max-width:768px){
.intro-table h1{font-size:20px}
.intro-table td{padding:16px}
.offers-table tr{display:flex;flex-direction:column;align-items:center;padding:14px 10px}
.offers-table th,.offers-table td{width:100%;border:none;padding:6px 0}
.offers-table tr:not(:last-child){border-bottom:1px solid #e8e0f5}
.offer-logo img{width:140px;height:44px}
.content-block{padding:16px}
.calc-row{flex-direction:column;gap:6px}
.calc-row input,.calc-row select{width:100%}
.contact-form{padding:16px}
}