/*  Bludit - Champion Casino  Style */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--primary-bg:#0c1018;--dark-bg:#0a0d14;--card-bg:rgba(13,16,23,0.85);--surface-bg:#161922;--text-primary:#ffffff;--text-secondary:#a8b3cf;--text-muted:#6b7280;--champion-accent:#455673;--champion-accent-hover:#5a6b8a;--champion-light:#6b7c9b;--champion-green:#4ade80;--champion-green-dark:#22c55e;--champion-red:#ef4444;--champion-purple:#8b5cf6;--champion-blue:#3b82f6;--accent-gradient:linear-gradient(135deg,#455673 0%,#5a6b8a 100%);--green-gradient:linear-gradient(135deg,#22c55e 0%,#4ade80 100%);--card-gradient:linear-gradient(180deg,rgba(22,25,34,0.9) 0%,rgba(13,16,23,0.95) 100%);--border-color:rgba(69,86,115,0.2);--border-hover:rgba(69,86,115,0.5);--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--glow-accent:0 0 20px rgba(69,86,115,0.3);--glow-green:0 0 20px rgba(74,222,128,0.3)}
*{box-sizing:border-box}
body{background-color:var(--primary-bg);background-image:url('../img/bg.png');background-position:top center;background-size:cover;background-repeat:repeat;background-attachment:fixed;color:var(--text-primary);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;font-weight:400;min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(12,16,24,0) 0%,rgba(12,16,24,0.5) 50%,rgba(12,16,24,0.8) 100%);pointer-events:none;z-index:0}
.container,.main-content{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}
h1,h2,h3,h4,h5,h6{font-family:'Inter',sans-serif;font-weight:600;color:var(--text-primary);line-height:1.2;margin-top:0;margin-bottom:1rem}
h1{font-size:2.5rem;font-weight:700}
h2{font-size:2rem;font-weight:600}
h3{font-size:1.5rem;font-weight:600}
p{color:var(--text-secondary);margin-bottom:1rem}
a{color:var(--champion-light);text-decoration:none;transition:all 0.2s ease}
a:hover{color:var(--text-primary);text-decoration:none}
hr{border:none;border-top:1px solid var(--border-color);margin:2rem 0}
img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:8px;box-shadow:var(--shadow-md)}
.post-content img{max-width:100%;width:auto;height:auto;display:block;margin:1.5rem auto;border-radius:8px;box-shadow:var(--shadow-md)}
.navbar{background:rgba(12,16,24,0.95)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 0;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1050}
.navbar .container{display:flex;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}
.navbar-brand{font-weight:700;font-size:1.5rem;margin-right:auto}
.navbar-brand img{height:30px}
.navbar-nav{display:flex;align-items:center;margin-right:2rem}
.navbar .nav-link{color:#fff!important;font-weight:500;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px;padding:0.6rem 1.2rem;transition:all 0.2s ease;position:relative}
.navbar .nav-link:hover,.navbar .nav-item.active .nav-link{color:#567aa3!important}
.navbar .nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#567aa3;transition:all 0.3s ease;transform:translateX(-50%)}
.navbar .nav-link:hover::after,.navbar .nav-item.active .nav-link::after{width:80%}
.login-button-wrapper{display:flex;align-items:center;gap:0.75rem}
.btn-login,.btn-register{font-family:'Inter',sans-serif;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px;padding:0.625rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}
.btn-login{background:transparent;color:var(--champion-light)!important;border:2px solid var(--champion-accent)}
.btn-login:hover{background:var(--champion-accent);color:var(--text-primary)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-register{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);color:#ffffff!important;font-weight:700;border:none;box-shadow:0 0 20px rgba(30,58,138,0.3)}
.btn-register:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 8px 24px rgba(30,58,138,0.4)}
.post-card,.page-card{background:var(--card-gradient);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin:1.5rem 0;box-shadow:var(--shadow-lg);transition:all 0.3s ease;overflow:hidden}
.post-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,0.6)}
.post-card h2{font-weight:600;margin-bottom:1rem}
.post-card h2 a{color:var(--text-primary);transition:color 0.2s ease}
.post-card h2 a:hover{color:var(--champion-light)}
.post-content{color:var(--text-secondary);overflow-wrap:break-word;word-wrap:break-word}
.post-content p,.post-content li{color:var(--text-secondary)!important;line-height:1.7;font-weight:400}
.post-content strong{color:var(--text-primary);font-weight:600}
.casino-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin:1.5rem 0;position:relative;overflow:hidden;transition:all 0.3s ease}
.casino-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient)}
.casino-card:hover{border-color:var(--champion-accent);transform:translateY(-3px);box-shadow:var(--glow-accent)}
.casino-title{color:var(--text-primary);font-weight:600;font-size:1.25rem;margin-bottom:0.5rem}
.casino-bonus{color:var(--champion-green)!important;font-weight:600;font-size:1rem}
.btn-casino{background:var(--green-gradient);color:#000000!important;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px;padding:0.75rem 2rem;border-radius:8px;border:none;transition:all 0.2s ease;cursor:pointer}
.btn-casino:hover{transform:scale(1.05);box-shadow:var(--glow-green)}
#faqAccordion .card{background:var(--surface-bg);border:1px solid var(--border-color);margin-bottom:0.75rem;border-radius:8px;overflow:hidden}
#faqAccordion .card-header{background:transparent;border-bottom:none;padding:1.25rem}
#faqAccordion .card-header .btn-link{color:var(--text-primary)!important;font-weight:500;text-decoration:none;display:flex;justify-content:space-between;align-items:center}
#faqAccordion .card-header .btn-link:hover{color:var(--champion-light)!important}
.site-footer{width:100%;position:relative;padding:66px 0 29px;background:rgba(19,26,36,0.7);backdrop-filter:blur(10px);color:var(--text-secondary);margin-top:4rem;border-top:1px solid var(--border-color);z-index:1;animation:fadeInUp 0.5s ease-out}
.site-footer .container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}
.footer-row{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;position:relative;padding:0 6px}
.footer-row:first-of-type{padding:0 20px 51px 6px}
.footer-row:first-of-type::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border-color)}
.footer-row:last-of-type{margin:23px auto 0}
.footer-left-block{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}
.footer-logo img{height:26px;filter:brightness(0.8);transition:filter 0.2s ease}
.footer-logo:hover img{filter:brightness(1)}
.footer-licence{flex-flow:column;align-items:center;padding:30px}
.footer-licence::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border-color)}
.footer-licence *,.footer-licence a,.footer-licence p{font-family:'Inter',sans-serif;font-weight:400;letter-spacing:0.2px;line-height:1.4;text-align:center;font-size:13px;color:#9fa7b5;margin:0 0 8px}
.footer-licence a{color:var(--champion-light);transition:color 0.2s ease}
.footer-licence a:hover{color:var(--text-primary)}
.footer-licence p:last-of-type{margin-bottom:0}
.footer-icons{display:flex;align-items:center;flex-flow:row nowrap;margin:15px 15px 0;gap:20px}
.footer-icons img{height:24px;opacity:0.7;transition:opacity 0.2s ease}
.footer-icons img:hover{opacity:1}
.footer-bottom-row{align-items:center;justify-content:space-between}
.footer-bottom span{font-family:'Inter',sans-serif;font-weight:400;letter-spacing:0.2px;font-size:13px;color:#2f3d54}
.footer-right-block{position:relative;display:flex;flex-flow:row wrap;align-items:center}
.footer-back-to-top{background:transparent;border:1px solid var(--champion-accent);color:var(--champion-light);padding:8px 16px;border-radius:6px;font-family:'Inter',sans-serif;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:all 0.2s ease}
.footer-back-to-top:hover{background:var(--champion-accent);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.footer-back-to-top span{color:inherit}
@media (min-width:1200px){.container,.main-content{padding:0 2rem}.navbar .container{padding:0 2rem}.site-footer .container{padding:0 2rem}}
@media (min-width:992px){#navbarNav{flex-grow:0}#navbarNav .navbar-nav{margin-left:0}.login-button-wrapper{margin-left:0}}
@media (max-width:991.98px){.navbar-collapse{position:absolute;top:100%;left:0;right:0;background:rgba(12,16,24,0.98);backdrop-filter:blur(20px);padding:1rem;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.navbar-nav{margin-right:0;margin-bottom:1rem}.login-button-wrapper{margin-right:1rem}}
@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.post-card,.page-card{padding:1.5rem}.btn-content{font-size:0.875rem;padding:0.75rem 2rem}.container,.main-content{padding:0 1rem}.navbar .container{padding:0 1rem}.site-footer{padding:40px 0 20px}.site-footer .container{padding:0 1rem}.footer-row:first-of-type{padding:0 10px 30px 6px}.footer-licence{padding:20px 10px}.footer-licence p{font-size:12px}.footer-icons{margin:10px 0 0;gap:15px}.footer-icons img{height:20px}.footer-bottom-row{flex-direction:column;gap:15px;text-align:center}.footer-back-to-top{order:-1;margin-bottom:10px}img{margin:1rem auto}}
@media (max-width:576px){body{font-size:14px}.navbar-brand img{max-height:35px!important}.btn-login,.btn-register{font-size:0.75rem;padding:0.5rem 1rem}.post-card,.page-card{padding:1.25rem;margin:1rem 0}.container,.main-content{padding:0 0.75rem}.navbar .container{padding:0 0.75rem}.site-footer .container{padding:0 0.75rem}.footer-licence{padding:15px 5px}.footer-licence p{font-size:11px}.footer-icons{gap:10px}.footer-icons img{height:18px}.footer-logo img{height:22px}img{margin:0.75rem auto}}