*{margin:0;padding:0;box-sizing:border-box;}
html{font-size:62.5%;scroll-behavior:smooth;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1.6rem;line-height:1.5;background:#273746;color:#F8F9FA;overflow-x:hidden;min-height:100vh;}
:root{--sbf7-primary:#DC143C;--sbf7-secondary:#FF7F50;--sbf7-accent:#8B0000;--sbf7-bg:#273746;--sbf7-text:#F8F9FA;}
.sbf7-container{width:100%;max-width:430px;margin:0 auto;padding:0 1rem;}
.sbf7-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#273746 0%,#1a1a2e 100%);border-bottom:2px solid rgba(220,20,60,0.3);backdrop-filter:blur(10px);}
.sbf7-header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem;max-width:430px;margin:0 auto;}
.sbf7-logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:#F8F9FA;}
.sbf7-logo img{width:32px;height:32px;border-radius:8px;}
.sbf7-logo span{font-size:1.8rem;font-weight:700;color:#DC143C;}
.sbf7-header-buttons{display:flex;gap:0.5rem;}
.sbf7-btn{padding:0.6rem 1.2rem;border:none;border-radius:8px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;}
.sbf7-btn{background:linear-gradient(135deg,#DC143C 0%,#FF7F50 100%);color:#F8F9FA;}
.sbf7-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,20,60,0.4);}
.sbf7-btn-outline{background:transparent;color:#DC143C;border:2px solid #DC143C;}
.sbf7-btn-outline:hover{background:#DC143C;color:#F8F9FA;}
.sbf7-menu-toggle{display:block;background:none;border:none;color:#F8F9FA;font-size:2rem;cursor:pointer;padding:0.5rem;}
@media(min-width:769px){.sbf7-menu-toggle{display:none;}}
.sbf7-mobile-menu{position:fixed;top:60px;left:-100%;width:100%;height:calc(100vh-60px);background:rgba(39,55,70,0.98);backdrop-filter:blur(10px);transition:left 0.3s ease;z-index:9999;overflow-y:auto;}
.sbf7-mobile-menu.sbf7-menu-open{left:0;}
.sbf7-menu-list{list-style:none;padding:1rem 0;}
.sbf7-menu-item{border-bottom:1px solid rgba(220,20,60,0.3);}
.sbf7-menu-link{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;color:#F8F9FA;text-decoration:none;font-size:1.5rem;transition:all 0.3s ease;}
.sbf7-menu-link:hover{background:rgba(220,20,60,0.1);color:#DC143C;}
.sbf7-menu-icon{width:24px;text-align:center;color:#DC143C;}
.sbf7-main{margin-top:60px;padding-bottom:80px;}
@media(min-width:769px){.sbf7-main{padding-bottom:2rem;}}
.sbf7-section{padding:2rem 0;}
.sbf7-section-title{font-size:2rem;font-weight:700;color:#DC143C;margin-bottom:1.5rem;text-align:center;text-transform:uppercase;}
.sbf7-card{background:linear-gradient(135deg,rgba(220,20,60,0.08) 0%,rgba(255,127,80,0.08) 100%);border:1px solid rgba(220,20,60,0.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;}
.sbf7-card-title{font-size:1.7rem;font-weight:600;color:#FF7F50;margin-bottom:1rem;}
.sbf7-card-content{font-size:1.5rem;line-height:1.8;color:#F8F9FA;}
.sbf7-link{color:#DC143C;text-decoration:none;font-weight:600;transition:color 0.3s ease;}
.sbf7-link:hover{color:#FF7F50;text-decoration:underline;}
.sbf7-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.8rem;margin-bottom:2rem;}
.sbf7-game-item{position:relative;}
.sbf7-game-link{display:block;text-decoration:none;transition:transform 0.3s ease;}
.sbf7-game-link:hover{transform:scale(1.05);}
.sbf7-game-icon{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block;}
.sbf7-game-name{font-size:1rem;color:#F8F9FA;text-align:center;margin-top:0.4rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sbf7-faq-item{background:rgba(220,20,60,0.05);border:1px solid rgba(220,20,60,0.3);border-radius:8px;margin-bottom:1rem;overflow:hidden;}
.sbf7-faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;cursor:pointer;font-size:1.5rem;font-weight:600;color:#F8F9FA;transition:background 0.3s ease;}
.sbf7-faq-question:hover{background:rgba(220,20,60,0.1);}
.sbf7-faq-answer{max-height:0;overflow:hidden;padding:0 1.5rem;transition:all 0.3s ease;font-size:1.4rem;line-height:1.8;color:#F8F9FA;}
.sbf7-faq-item.sbf7-faq-active .sbf7-faq-answer{max-height:500px;padding:0 1.5rem 1.5rem 1.5rem;}
.sbf7-footer{background:linear-gradient(135deg,rgba(39,55,70,0.98) 0%,rgba(26,26,46,0.98) 100%);border-top:2px solid rgba(220,20,60,0.3);padding:2rem 0 6rem 0;margin-top:3rem;}
.sbf7-footer-content{text-align:center;}
.sbf7-footer-text{font-size:1.4rem;line-height:1.8;color:#F8F9FA;margin-bottom:1.5rem;}
.sbf7-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;}
.sbf7-footer-link{color:#DC143C;text-decoration:none;font-size:1.3rem;transition:color 0.3s ease;}
.sbf7-footer-link:hover{color:#FF7F50;}
.sbf7-partners{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;}
.sbf7-partner-logo{width:60px;height:30px;object-fit:contain;opacity:0.8;transition:opacity 0.3s ease;}
.sbf7-partner-logo:hover{opacity:1;}
.sbf7-copyright{font-size:1.2rem;color:rgba(248,249,250,0.6);}
.sbf7-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#273746 0%,#1a1a2e 100%);border-top:2px solid rgba(220,20,60,0.3);display:flex;justify-content:space-around;padding:0.5rem 0;}
@media(min-width:769px){.sbf7-bottom-nav{display:none;}}
.sbf7-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;min-height:60px;text-decoration:none;color:#F8F9FA;transition:all 0.3s ease;padding:0.5rem;}
.sbf7-bottom-nav-item:hover{color:#DC143C;transform:scale(1.05);}
.sbf7-bottom-nav-item.sbf7-bottom-nav-active{color:#DC143C;}
.sbf7-bottom-nav-icon{font-size:24px;margin-bottom:0.3rem;}
.sbf7-bottom-nav-text{font-size:1rem;font-weight:500;}
@media(max-width:380px){.sbf7-game-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:769px){.sbf7-container{max-width:1200px;}.sbf7-game-grid{grid-template-columns:repeat(8,1fr);}.sbf7-header-inner{padding:1rem 2rem;}}