@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");@import url("https://api.fontshare.com/v2/css?f[]=satoshi@400;500;600;700&display=swap");:root{--primary:#9fe870;--primary-dim:#6e8e54;--primary-glow:hsla(97,72%,67%,.15);--primary-glow-strong:hsla(97,72%,67%,.25);--bg-deep:#0f1419;--bg-surface:#1a1f26;--bg-elevated:#242b35;--bg-card:hsla(0,0%,100%,.04);--border:hsla(0,0%,100%,.08);--border-active:hsla(97,72%,67%,.3);--text:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--warning:#fbbf24;--warning-bg:rgba(251,191,36,.1);--danger:#f87171;--danger-bg:hsla(0,91%,71%,.1);--info:#60a5fa;--info-bg:rgba(96,165,250,.1);--font-display:"Satoshi",sans-serif;--font-body:"DM Sans",sans-serif;--radius:16px;--radius-sm:12px;--ease:cubic-bezier(0.16,1,0.3,1)}*{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100vh;background:var(--bg-deep);font-family:var(--font-body);color:var(--text)}.layout{display:flex;min-height:100vh}.main{flex:1 1;margin-left:270px;padding:40px;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--primary-glow) 0,transparent 50%)}.container{max-width:840px}.h1{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.25}.h2{font-size:22px}.h2,.h3{font-family:var(--font-display);font-weight:600}.h3{font-size:16px}.text{font-size:15px;line-height:1.6;color:var(--text-secondary)}.text-sm{font-size:13px;color:var(--text-muted);line-height:1.5}.step-badge,.text-green{color:var(--primary)}.step-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(135deg,hsla(97,72%,67%,.15),hsla(97,72%,67%,.05));border:1px solid var(--border-active);border-radius:100px;font-size:13px;font-weight:600;margin-bottom:24px}.step-badge:before{content:"";width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary);animation:pulse 2s ease-in-out infinite}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s var(--ease)}.card:hover{border-color:var(--border-active);box-shadow:0 0 40px var(--primary-glow),0 8px 32px rgba(0,0,0,.3)}.card-glow{background:linear-gradient(135deg,var(--bg-elevated) 0,var(--bg-surface) 100%);border:1px solid var(--border-active);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.alert{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:var(--radius-sm);font-size:14px;line-height:1.5}.alert-warning{background:var(--warning-bg);border:1px solid rgba(251,191,36,.25);color:var(--warning)}.alert-danger{background:var(--danger-bg);border:1px solid hsla(0,91%,71%,.25);color:var(--danger)}.alert-info{background:var(--info-bg);border:1px solid rgba(96,165,250,.25);color:var(--info)}.alert-icon{flex-shrink:0;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-body);font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .25s var(--ease);border:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dim) 100%);color:#0a0f0a;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 30px var(--primary-glow-strong),0 0 60px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-elevated);color:var(--primary);border:1px solid var(--border-active)}.btn-secondary:hover:not(:disabled){background:hsla(97,72%,67%,.1);box-shadow:0 0 20px var(--primary-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 14px}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--primary)}.btn-link{background:none;border:none;color:var(--primary);font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s var(--ease);display:inline-flex;align-items:center;gap:6px}.btn-link:hover{background:hsla(97,72%,67%,.1)}.btn-lg{padding:16px 36px;font-size:15px;border-radius:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes expandRing{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.5);opacity:0}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes progressMove{0%{margin-left:0;width:30%}50%{margin-left:35%;width:35%}to{margin-left:70%;width:30%}}.anim{animation:fadeIn .5s var(--ease) forwards}.d1{animation-delay:.1s}.d1,.d2{opacity:0}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d3,.d4{opacity:0}.d4{animation-delay:.4s}.d5{animation-delay:.5s}.d5,.d6{opacity:0}.d6{animation-delay:.6s}.d7{animation-delay:.7s}.d7,.d8{opacity:0}.d8{animation-delay:.8s}.sidebar{width:270px;height:100vh;position:fixed;left:0;top:0;background:linear-gradient(180deg,hsla(97,72%,67%,.08) 0,var(--bg-surface) 15%,var(--bg-surface) 100%);border-right:1px solid var(--border);z-index:50}.sidebar-inner{height:100%;display:flex;flex-direction:column;padding:24px 16px}.sidebar-header{padding:8px 12px 36px}.logo{gap:14px}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:46px;height:46px;justify-content:center;background:linear-gradient(135deg,hsla(97,72%,67%,.15),hsla(97,72%,67%,.05));border:1px solid var(--border-active);border-radius:14px}.logo-text{font-family:var(--font-display);font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--primary) 0,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .25s var(--ease);position:relative;cursor:pointer;background:none;border:none;width:100%;text-align:left}.nav-item:hover{background:var(--bg-card);color:var(--text)}.nav-item.active{background:linear-gradient(135deg,hsla(97,72%,67%,.15),hsla(97,72%,67%,.05));color:var(--primary)}.nav-icon{display:flex;width:20px;height:20px;opacity:.7}.nav-item.active .nav-icon{opacity:1}.nav-dot{position:absolute;right:16px;width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 12px var(--primary)}.sidebar-footer{padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-active);border-radius:20px;padding:32px;max-width:440px;width:90%;animation:fadeIn .3s var(--ease)}.modal-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--warning-bg);border-radius:50%;color:var(--warning)}.modal-checklist{list-style:none;margin:20px 0;padding:16px 20px;background:var(--bg-surface);border-radius:12px}.modal-checklist li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--text-secondary)}.modal-checklist li:before{content:"✓";width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50%;color:var(--bg-deep);font-size:11px;font-weight:700;flex-shrink:0}.modal-actions{gap:12px}.auth-page,.modal-actions{display:flex;justify-content:center}.auth-page{min-height:100vh;align-items:center;background:var(--bg-deep);background-image:radial-gradient(ellipse 60% 40% at 50% 30%,var(--primary-glow) 0,transparent 60%);padding:20px}.auth-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:40px;width:100%;max-width:420px;animation:fadeIn .5s var(--ease)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:36px}.auth-title{font-family:var(--font-display);font-size:24px;font-weight:700;text-align:center;margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:32px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--font-body);font-size:15px;outline:none;transition:all .2s var(--ease)}.form-input:focus{border-color:var(--border-active);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.form-error{margin-top:8px;font-size:13px;color:var(--danger)}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-muted)}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-message{font-size:15px;color:var(--text-secondary);text-align:center}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-real{background:hsla(0,91%,71%,.15);color:var(--danger);border:1px solid hsla(0,91%,71%,.3)}.badge-bonus{background:hsla(97,72%,67%,.15);color:var(--primary);border:1px solid var(--border-active)}.bet-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s var(--ease)}.bet-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bet-card-bookmaker{display:flex;align-items:center;gap:12px}.bet-card-logo{width:40px;height:40px;border-radius:10px;object-fit:contain;background:#fff;padding:4px}.bet-card-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);border:1px solid var(--border-active);border-radius:8px;font-size:12px;font-weight:700;color:var(--primary)}.bet-card-body{display:flex;flex-direction:column;gap:12px}.bet-card-row{display:flex;align-items:center;justify-content:space-between}.bet-card-label{font-size:13px;color:var(--text-muted)}.bet-card-value{font-size:14px;font-weight:600;color:var(--text)}.bet-card-stake{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--primary);text-align:center;padding:16px 0}.bet-card-actions{display:flex;gap:8px;margin-top:8px}.bk-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s var(--ease)}.bk-card:hover{border-color:var(--border-active)}.bk-card-logo{width:56px;height:56px;border-radius:14px;object-fit:contain;background:#fff;padding:6px;flex-shrink:0}.bk-card-content{flex:1 1}.bk-card-name{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:8px}.bk-card-instruction-box{font-size:13px;color:#fff;line-height:1.6;padding:10px 14px;background:hsla(0,0%,100%,.04);border-radius:8px;border-left:3px solid var(--primary);margin-bottom:8px}.bk-card-instruction{font-size:13px;color:var(--text-muted);margin-bottom:8px}.bk-card-deposit{font-size:14px;font-weight:600;color:var(--primary)}.bk-card-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.match-header{border-radius:var(--radius);padding:24px;text-align:center;margin-bottom:24px}.match-card-accent{position:relative;border:1px solid var(--border-active);border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated)}.match-card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.match-card-accent .match-header{margin-bottom:0;background:transparent;border:none}.match-competition{font-size:13px;color:var(--text-muted);margin-bottom:12px}.match-teams{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:8px}.match-vs{color:var(--primary);margin:0 12px;font-weight:400}.match-date{font-size:13px;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.kpi-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.kpi-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.kpi-value{font-family:var(--font-display);font-size:28px;font-weight:700}.kpi-value.positive{color:var(--primary)}.kpi-value.negative{color:var(--danger)}.instruction-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px}.instruction-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.instruction-card-icon.withdraw{background:hsla(97,72%,67%,.15);color:var(--primary)}.instruction-card-icon.bonus{background:rgba(96,165,250,.15);color:var(--info)}@media (max-width:768px){.sidebar{display:none}.main{margin-left:0;padding:20px}.auth-card{padding:28px 20px}.kpi-grid{grid-template-columns:1fr 1fr}.bk-card{flex-direction:column;text-align:center}.bk-card-logo-wrap{width:100px;height:60px}.bk-card-actions{flex-direction:row;width:100%}.bet-card-stake{font-size:26px}}