body.bonuses-page{font-family:Montserrat,sans-serif;background-color:#000;background-image:url(https://static.monutouch.ai/other/blueBG.svg);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);min-height:100vh}.bonuses-page .content{width:calc(100% - 20px);max-width:1250px;margin-left:auto;margin-right:auto;padding:var(--content-top) 0 clamp(60px,10vw,100px);box-sizing:border-box}.bonuses-page .content.is-loading{visibility:hidden}.bonuses-wrap{width:100%;margin:0 auto}.bonuses-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(26px,4vw,40px);margin-bottom:14px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(120% 140% at 100% 0%,rgba(114,255,156,.12) 0%,transparent 45%),radial-gradient(120% 160% at 0% 100%,rgba(0,240,255,.12) 0%,transparent 50%),linear-gradient(135deg,#101422f5,#090b16fa);box-shadow:0 24px 60px #00000073}.bonuses-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(114,255,156,.6),rgba(0,240,255,.5),transparent);pointer-events:none}.bonuses-hero-eyebrow{position:absolute;top:clamp(18px,2.8vw,26px);left:clamp(18px,2.8vw,26px);z-index:1;display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#72ff9ceb;margin:0;padding:6px 12px;border-radius:999px;border:1px solid rgba(114,255,156,.25);background:#72ff9c0f}.bonuses-hero-eyebrow svg{width:14px;height:14px}.bonuses-hero-body{width:100%;text-align:center}.bonuses-hero-title{font-size:clamp(1.6rem,3.8vw,2.3rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 12px;color:#fff}.bonuses-hero-accent{color:var(--neon-cyan, #00f0ff);-webkit-text-fill-color:var(--neon-cyan, #00f0ff)}.bonuses-hero-desc{font-size:.96rem;line-height:1.65;color:var(--text-secondary);max-width:640px;margin:0 auto}.bonuses-grid{display:flex;flex-direction:column;gap:14px}.bonus-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,2.6vw,24px);padding:clamp(18px,2.6vw,24px) clamp(20px,2.8vw,28px);border-radius:20px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(140% 120% at 0% 0%,rgba(0,240,255,.06) 0%,transparent 38%),linear-gradient(125deg,#111524eb,#0b0d18f0);box-shadow:0 12px 34px #0000004d;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.bonus-row:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#00f0ff,#72ff9c);box-shadow:0 0 16px #00f0ff73}.bonus-row:after{content:"";position:absolute;top:-60%;right:-10%;width:280px;height:280px;background:radial-gradient(circle,rgba(0,240,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.bonus-row:hover{transform:translateY(-3px);border-color:#00f0ff52;box-shadow:0 20px 46px #0000006b,0 0 0 1px #00f0ff0f}.bonus-row:hover:after{opacity:1}.bonus-row--granted:before{background:linear-gradient(180deg,#72ff9c,#72ff9c80);box-shadow:0 0 16px #72ff9c73}.bonus-row--waiting:before{background:linear-gradient(180deg,#ffc107,#ffc10780);box-shadow:0 0 16px #ffc10766}.bonus-row--locked:before,.bonus-row--inactive:before{background:linear-gradient(180deg,#ffffff47,#ffffff0f);box-shadow:none}.bonus-row--locked,.bonus-row--inactive{opacity:.85}.bonus-row--featured{border-color:#00f0ff66;background:radial-gradient(150% 130% at 100% 0%,rgba(0,240,255,.16) 0%,transparent 48%),radial-gradient(140% 130% at 0% 100%,rgba(114,255,156,.12) 0%,transparent 50%),linear-gradient(125deg,#121a2cf5,#0c101ef5);box-shadow:0 18px 46px #0006,0 0 0 1px #00f0ff24,0 0 38px #00f0ff2e}.bonus-row--featured:before{top:0;bottom:0;width:5px;border-radius:0;background:linear-gradient(180deg,#00f0ff,#72ff9c);box-shadow:0 0 22px #00f0ffb3;opacity:1}.bonus-row--featured:after{opacity:.7}.bonus-row--featured:hover{border-color:#00f0ff99;box-shadow:0 24px 56px #00000075,0 0 0 1px #00f0ff38,0 0 48px #00f0ff47}.bonus-row--featured .bonus-row-icon{color:#021018;background:linear-gradient(150deg,#00f0ff,#72ff9c);border-color:transparent;box-shadow:0 8px 22px #00f0ff73}.bonus-row--featured .bonus-row-reward{background:linear-gradient(120deg,#fff0c4,#ffd166 45%,#ff9f43);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(255,196,84,.35))}.bonus-row--featured .bonus-row-cta{border-color:transparent;background:linear-gradient(135deg,#00f0ff,#4d8bff);color:#021018;font-weight:700;box-shadow:0 8px 22px #00f0ff66}.bonus-row--featured .bonus-row-cta:hover{border-color:transparent;background:linear-gradient(135deg,#2ef6ff,#5e98ff);transform:translateY(-1px);box-shadow:0 12px 28px #00f0ff80}.bonus-row-icon{position:relative;flex-shrink:0;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#eafdff;background:linear-gradient(150deg,#00f0ff4d,#00f0ff14);border:1px solid rgba(0,240,255,.32);box-shadow:inset 0 1px #ffffff1f,0 6px 16px #00f0ff29}.bonus-row--granted .bonus-row-icon{color:#eafff2;background:linear-gradient(150deg,#72ff9c52,#72ff9c14);border-color:#72ff9c5c;box-shadow:inset 0 1px #ffffff1f,0 6px 16px #72ff9c29}.bonus-row--waiting .bonus-row-icon{color:#fff4d6;background:linear-gradient(150deg,#ffc1074d,#ffc10714);border-color:#ffc10757;box-shadow:inset 0 1px #ffffff1f,0 6px 16px #ffc10724}.bonus-row--locked .bonus-row-icon,.bonus-row--inactive .bonus-row-icon{color:#ffffffb3;background:linear-gradient(150deg,#ffffff1a,#ffffff08);border-color:#ffffff24;box-shadow:none}.bonus-row-icon svg{width:26px;height:26px}.bonus-row-main{min-width:0;padding-right:clamp(8px,2vw,16px)}.bonus-row-title{font-size:clamp(1.04rem,1.6vw,1.18rem);font-weight:700;line-height:1.3;margin:0 0 6px;letter-spacing:-.01em}.bonus-row-reward{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;font-size:clamp(.98rem,1.65vw,1.12rem);font-weight:700;letter-spacing:.02em;line-height:1.2;white-space:nowrap;color:transparent;background:linear-gradient(120deg,#ffe9a8,#ffc854 42%,#ff9f43);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,196,84,.22))}.bonus-row-reward img{width:18px;height:18px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(255,196,84,.45))}.bonus-row-desc{font-size:.87rem;line-height:1.55;color:var(--text-secondary);margin-bottom:11px}.bonus-row-status{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;font-size:.76rem;font-weight:600;color:#78e6fff2;background:#00f0ff12;border:1px solid rgba(0,240,255,.18)}.bonus-row--granted .bonus-row-status{color:var(--accent-green, #72ff9c);background:#72ff9c14;border-color:#72ff9c38}.bonus-row--waiting .bonus-row-status{color:#ffc107;background:#ffc10714;border-color:#ffc1073d}.bonus-row--locked .bonus-row-status,.bonus-row--inactive .bonus-row-status{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff1a}.bonus-row-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;box-shadow:0 0 8px currentColor}.bonus-row-timer{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:700;color:#ff9f43;background:#ff9f4324;border:1px solid rgba(255,159,67,.34)}.bonus-row-timer svg{width:12px;height:12px}.bonus-row-action{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:176px;align-self:center}.bonus-row-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:11px 16px;box-sizing:border-box;border-radius:999px;border:1px solid rgba(0,240,255,.55);background:linear-gradient(135deg,#00f0ff38,#00a0ff1f);color:#fff;font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;font-family:inherit;white-space:nowrap;overflow:hidden;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s}.bonus-row-cta:hover{border-color:var(--neon-cyan, #00f0ff);background:linear-gradient(135deg,#00f0ff57,#00a0ff33);transform:translateY(-1px);box-shadow:0 8px 22px #00f0ff40}.bonus-row-cta:disabled{cursor:default;transform:none;box-shadow:none}.bonus-row-cta--done{border-color:#72ff9c80;background:linear-gradient(135deg,#72ff9c2e,#72ff9c14);color:var(--accent-green, #72ff9c);opacity:1}.bonus-row-cta--done:hover{border-color:#72ff9c80;background:linear-gradient(135deg,#72ff9c2e,#72ff9c14);transform:none;box-shadow:none}.bonus-row-cta--placeholder{visibility:hidden;pointer-events:none}.bonus-row-cta svg{width:15px;height:15px;flex-shrink:0}.bonuses-guest{padding:clamp(24px,4vw,34px);margin-bottom:clamp(20px,3vw,32px);border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#0a0c16d1;text-align:center}.bonuses-guest p{color:var(--text-secondary);margin-bottom:18px;line-height:1.6}.bonuses-guest-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.bonuses-guest-actions a{display:inline-flex;padding:11px 24px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.88rem;transition:transform .15s ease}.bonuses-guest-actions a:hover{transform:scale(1.04)}.bonuses-guest-actions .bonuses-guest-login{border:1px solid rgba(0,240,255,.5);background:#00f0ff1a;color:#fff}.bonuses-guest-actions .bonuses-guest-register{border:1px solid rgba(114,255,156,.4);background:#72ff9c1a;color:#fff}.bonuses-error{padding:16px 20px;border-radius:16px;border:1px solid rgba(229,57,53,.35);background:#e5393514;color:#ff8a80;font-size:.9rem}@media(max-width:640px){.bonus-row{grid-template-columns:auto 1fr;grid-template-areas:"icon main" "action action";row-gap:14px}.bonus-row-icon{grid-area:icon;width:44px;height:44px}.bonus-row-icon svg{width:21px;height:21px}.bonus-row-main{grid-area:main}.bonus-row-action{grid-area:action;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%}.bonus-row-action:empty{display:none}.bonus-row-reward{align-self:center}.bonus-row-cta{width:auto;flex:1;max-width:220px}.bonus-row-cta--placeholder{display:none}}