*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;min-height:100vh;padding:30px 20px}.app{max-width:1400px;margin:0 auto}.top-platforms-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:15px;margin-bottom:15px;min-height:360px}.large-left-card{grid-column:1;grid-row:1 / 3;min-height:100%;overflow-y:auto}.large-right-card{grid-column:2;min-height:120px}.top-platforms-grid>.large-card:nth-child(2){grid-column:2;grid-row:1}.top-platforms-grid>.large-card:nth-child(3){grid-column:2;grid-row:2}.bottom-platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.large-card{border-radius:12px;padding:12px 16px;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;box-shadow:0 8px 24px #00000080;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);height:100%}.large-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0009}.clickable-card{cursor:pointer}.clickable-card:hover{border-color:#ffd7004d}.card-content{flex:0 0 auto;display:flex;flex-direction:column;z-index:3;position:relative;width:50%;padding-right:20px;height:100%}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.platform-title{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:.2px;line-height:1.2}.platform-icon{font-size:20px;color:gold;flex-shrink:0;margin-left:8px}.card-features{margin-bottom:6px}.feature-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:0}.feature-tag{display:inline-flex;align-items:center;background:rgba(255,255,255,.18);padding:3px 8px;border-radius:10px;font-size:11px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);font-weight:500}.tag-icon{margin-right:3px;font-size:12px}.card-highlights{margin-bottom:4px;margin-top:1px}.highlight-item{display:flex;align-items:flex-start;margin-bottom:3px;font-size:11px;color:#fffffff2;line-height:1.3}.highlight-icon{margin-right:4px;font-size:13px;color:gold;font-weight:700;flex-shrink:0;margin-top:1px}.highlight-text{flex:1}.card-promotion{display:flex;align-items:center;margin-bottom:6px;margin-top:1px;font-size:11px;color:#fffffff2}.promotion-dot{color:#f33;margin-right:5px;font-size:11px;flex-shrink:0}.promotion-text{line-height:1.4}.register-btn{background:#ffffff;color:#1a1a1a;border:none;border-radius:6px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;width:100%;margin-top:auto;box-shadow:0 3px 10px #0000004d;letter-spacing:.3px}.register-btn:hover{background:#f8f8f8;transform:translateY(-3px);box-shadow:0 6px 16px #0006}.arrow-icon{font-size:16px;margin-left:3px}.card-image{position:absolute;right:0;top:50%;transform:translateY(-50%);width:100px;height:100px;z-index:1;pointer-events:none}.image-placeholder{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 75%);box-shadow:0 0 40px #ffffff1a}.card-image-img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 28px #00000059}.football-players{background:linear-gradient(135deg,rgba(74,144,226,.3) 0%,rgba(80,200,120,.3) 100%)}.luxury-car{background:linear-gradient(135deg,rgba(255,100,100,.3) 0%,rgba(255,200,100,.3) 100%)}.casino-dealer{background:linear-gradient(135deg,rgba(147,51,234,.3) 0%,rgba(236,72,153,.3) 100%)}.casino-woman{background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(147,51,234,.3) 100%)}.casino-woman-2{background:linear-gradient(135deg,rgba(236,72,153,.3) 0%,rgba(251,146,60,.3) 100%)}.casino-woman-3{background:linear-gradient(135deg,rgba(34,197,94,.3) 0%,rgba(59,130,246,.3) 100%)}.casino-woman-4{background:linear-gradient(135deg,rgba(20,184,166,.3) 0%,rgba(34,197,94,.3) 100%)}.leagues-image-wrapper{position:absolute;right:0;bottom:-20px;width:50%;max-width:1000px;height:auto;z-index:1;pointer-events:none;background:none;border:none;box-shadow:none;padding:0}.leagues-image-wrapper:after{content:none}.leagues-image-wrapper:before{content:none}.leagues-vignette,.leagues-bokeh-1,.leagues-bokeh-2{display:none}.leagues-image{width:100%;height:auto;object-fit:contain;object-position:center;border-radius:12px;box-shadow:0 16px 32px #00000059}.leagues-image-wrapper:hover .leagues-image{transform:none}@media (max-width: 1200px){.leagues-image-wrapper{width:50%;right:8px}}.small-card{border-radius:12px;padding:20px;position:relative;overflow:hidden;min-height:170px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 6px 20px #0006;transition:all .3s ease;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.05)}.small-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px #00000080}.clickable-small-card{cursor:pointer}.clickable-small-card:hover{border-color:#ffd7004d;transform:translateY(-5px) scale(1.02)}.card-content-small{flex:1;display:flex;flex-direction:column;z-index:2;position:relative;width:calc(100% - 90px);min-height:100%}.card-header-small{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.platform-title-small{font-size:18px;font-weight:600;color:#fff;margin:0;letter-spacing:.2px;line-height:1.3;flex:1}.platform-icon-small{font-size:20px;color:gold;margin-left:8px;flex-shrink:0}.card-offer{margin-bottom:12px;margin-top:4px}.offer-text{font-size:15px;color:#fffffff2;margin-bottom:8px;font-weight:500;line-height:1.4}.offer-value{font-size:14px;color:gold;font-weight:700;line-height:1.4}.card-features-small{margin-bottom:10px;margin-top:4px}.feature-item-small{font-size:13px;color:#ffffffe6;margin-bottom:8px;line-height:1.5}.card-promotion-small{display:flex;align-items:center;font-size:12px;color:#ffffffd9;margin-top:auto;padding-top:8px}.promotion-dot-small{color:#f33;margin-right:6px;font-size:12px;flex-shrink:0}.promotion-text-small{line-height:1.4}.card-image-small{position:absolute;right:8px;bottom:8px;width:75px;height:75px;z-index:1;pointer-events:none}.image-placeholder-small{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 75%);box-shadow:0 0 20px #ffffff1a}.card-image-small-img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 18px #0000004d}.card-arrow{position:absolute;right:18px;top:18px;z-index:3;color:#ffffffb3;font-size:22px;transition:all .3s ease}.arrow-right{display:inline-block;transition:transform .3s ease}.small-card:hover .arrow-right{transform:translate(5px)}.small-card:hover .card-arrow{color:#ffffffe6}@media (max-width: 1200px){.top-platforms-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}.large-left-card{grid-column:1;grid-row:1;min-height:170px}.top-platforms-grid>.large-card:nth-child(2){grid-column:1;grid-row:2;min-height:160px}.top-platforms-grid>.large-card:nth-child(3){grid-column:1;grid-row:3;min-height:160px}.bottom-platforms-grid{grid-template-columns:repeat(2,1fr)}.card-image{width:150px;height:150px}.card-content{max-width:76%}.leagues-image-wrapper{width:80%;right:-12px}}@media (max-width: 768px){.top-platforms-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}.large-left-card{grid-column:1;grid-row:1;min-height:160px}.top-platforms-grid>.large-card:nth-child(2){grid-column:1;grid-row:2;min-height:150px}.top-platforms-grid>.large-card:nth-child(3){grid-column:1;grid-row:3;min-height:150px}.bottom-platforms-grid{grid-template-columns:1fr}.large-card{min-height:360px}.card-content{max-width:100%;z-index:3}.card-image{width:130px;height:130px}.platform-title{font-size:20px}.platform-title-small{font-size:16px}.leagues-image-wrapper{position:relative;width:100%;right:auto;margin-top:14px}}@media (max-width: 480px){body{padding:15px 10px}.top-platforms-grid,.bottom-platforms-grid{gap:15px}.large-card{padding:20px;min-height:320px}.small-card{padding:16px;min-height:150px}.platform-title{font-size:18px}.platform-title-small{font-size:15px}.card-image{width:100px;height:100px}.card-image-small{width:60px;height:60px}}.rewards-section{display:grid;grid-template-columns:1fr;gap:20px;margin-top:30px;margin-bottom:30px;padding:0 10px;justify-items:center}.rewards-card{background:linear-gradient(135deg,rgba(13,27,62,.95) 0%,rgba(27,38,59,.95) 100%);border-radius:12px;padding:20px 24px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080;border:1px solid rgba(255,255,255,.1);background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.03) 0%,transparent 50%);background-size:100% 100%;max-width:800px;width:100%}.rewards-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 90% 40%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 33% 60%,rgba(255,255,255,.3),transparent),radial-gradient(3px 3px at 10% 80%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 70% 90%,rgba(255,255,255,.3),transparent);background-size:200% 200%;opacity:.6;animation:twinkle 8s infinite;pointer-events:none}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:.8}}.rewards-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.rewards-icon{font-size:24px;color:gold}.rewards-title{font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:.5px}.rewards-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rewards-column{display:flex;flex-direction:column;gap:6px}.rewards-label{font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:6px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.rewards-item{font-size:14px;color:#fff;padding:6px 0;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.03)}.rewards-item:last-child{border-bottom:none}.rewards-amount{color:gold;font-weight:600}@media (max-width: 1200px){.rewards-section{grid-template-columns:1fr}}@media (max-width: 768px){.rewards-section{grid-template-columns:1fr;margin-top:20px;margin-bottom:20px;gap:16px}.rewards-card{padding:18px 20px}.rewards-header{margin-bottom:14px;padding-bottom:8px}.rewards-title{font-size:18px}.rewards-content{gap:16px}.rewards-column{gap:5px}.rewards-item{font-size:13px;padding:5px 0}}@media (max-width: 480px){.rewards-section{padding:0 5px;margin-top:16px;margin-bottom:16px;gap:14px}.rewards-card{padding:16px 18px}.rewards-header{margin-bottom:12px;padding-bottom:8px}.rewards-title{font-size:16px}.rewards-content{gap:14px}.rewards-column{gap:4px}.rewards-label{font-size:13px;margin-bottom:4px;padding-bottom:6px}.rewards-item{font-size:12px;padding:4px 0}}