
:root{--dark:#0c101b;--hero:#111827;--slate:#1f2937;--blue:#2563eb;--blue2:#1e3a8a;--red:#b91c1c;--ink:#111827;--muted:#596575;--light:#e5e7eb;--line:#dfe3e9;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111;font:16px/1.55 "Trebuchet MS",Arial,sans-serif}a{color:inherit;text-decoration:none}.cr-wrap{width:min(1140px,calc(100% - 28px));margin:auto}.cr-head{position:sticky;top:0;z-index:50;background:var(--dark);color:#fff}.cr-head-row{min-height:66px;display:flex;align-items:center;gap:28px}.cr-wordmark{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;line-height:1}.cr-wordmark i{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--red);border-radius:50%;color:#fff;font-style:normal}.cr-wordmark b{color:#fca5a5;font-size:16px}.cr-head nav{display:flex;align-items:center;gap:24px;margin-left:auto}.cr-head nav a{color:#e5e7eb;font-size:13px;font-weight:700;text-transform:uppercase}.cr-head nav a:hover{color:#fca5a5}.cr-login{padding:9px 19px;border-radius:6px;background:var(--blue);font-weight:800}.cr-head button{display:none;border:0;background:transparent;color:#fff;font-size:26px}.cr-hero{position:relative;overflow:hidden;padding:82px 0 0;background:linear-gradient(135deg,#111827,#374151);color:#e5e7eb}.cr-hero:before{content:"";position:absolute;width:540px;height:540px;right:-170px;top:-250px;border:80px solid rgba(185,28,28,.27);border-radius:50%}.cr-hero:after{content:"";position:absolute;width:280px;height:280px;right:90px;top:70px;border:2px dashed rgba(255,255,255,.18);border-radius:50%}.cr-tag,.chapter{color:#fca5a5;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:850px;margin:10px 0 15px;color:#fff;font-size:clamp(44px,7vw,84px);line-height:.98;text-transform:uppercase}.cr-hero>div>p{max-width:700px;color:#cbd1db;font-size:18px}.cr-hero-actions{display:flex;gap:10px;margin-top:26px}.cr-hero-actions a{padding:13px 22px;border:2px solid var(--blue);border-radius:6px;background:var(--blue);font-weight:800}.cr-hero-actions a:nth-child(2){background:transparent;border-color:#6b7280}.cr-feature-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);max-width:820px;margin-top:70px;background:#fff;color:var(--ink);border-radius:8px 8px 0 0;overflow:hidden}.cr-feature-row article{padding:21px 24px;border-right:1px solid var(--line)}.cr-feature-row span,.cr-feature-row b,.cr-feature-row small{display:block}.cr-feature-row span{color:var(--red);font-weight:900}.cr-feature-row b{margin-top:8px;font-size:19px}.cr-feature-row small{color:var(--muted)}.cr-main{padding:70px 0}.cr-main-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.cr-main-head span{color:var(--red);font-size:12px;font-weight:800;text-transform:uppercase}.cr-main-head h2,.cr-spotlight h2,.cr-article h2,.cr-categories h2,.cr-dark h2,.cr-copy h2,.cr-faq h2{margin:5px 0 0;font-size:34px;line-height:1.1}.cr-main-head label{color:var(--muted);font-size:12px}.cr-main-head input{display:block;width:210px;margin-top:5px;padding:10px;border:1px solid #cfd5df;border-radius:6px}.cr-status{min-height:20px;color:var(--red)}.cr-list{display:grid;gap:12px}.cr-card{display:grid;grid-template-columns:38px 105px 155px 1fr 130px;align-items:center;gap:17px;padding:15px 17px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 16px rgba(15,23,42,.06)}.cr-card:hover{box-shadow:0 12px 28px rgba(15,23,42,.14)}.cr-card[hidden]{display:none}.cr-num{color:#9ca3af;font-weight:900}.cr-logo{width:100px;height:70px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(145deg,var(--brand),#111827);color:#fff;font-size:24px;font-weight:900}.cr-name h3{margin:0}.cr-stars{display:block;color:#dc2626;font-size:14px;letter-spacing:1px}.cr-name small{color:#6b7280}.cr-bonus small,.cr-bonus b{display:block}.cr-bonus small{color:#6b7280;text-transform:uppercase}.cr-bonus b{font-size:18px}.cr-bonus p{margin:4px 0 0;color:#596575;font-size:12px}.cr-card>a{padding:11px;border-radius:5px;background:var(--blue);color:#fff;text-align:center;font-weight:800}.cr-spotlight{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:55px 60px;border-radius:var(--radius);background:#f2f4f8}.cr-spotlight>div>span{color:var(--red);font-size:12px;font-weight:800;text-transform:uppercase}.cr-meter{display:grid;align-items:center}.cr-meter>div{display:grid;gap:15px}.cr-meter span{position:relative;display:flex;justify-content:space-between;padding-bottom:9px;border-bottom:6px solid #d6dbe4;font-size:13px;font-weight:800}.cr-meter span:after{content:"";position:absolute;left:0;bottom:-6px;width:var(--w);height:6px;background:var(--blue)}.cr-article{padding:80px 0}.article-grid{display:grid;grid-template-columns:1fr 330px;gap:70px}.cr-article article>p,.cr-copy p{font-size:17px;color:#374151}.cr-article ul{padding-left:22px}.cr-article li{padding:5px}.cr-article li::marker{color:var(--red)}.editor-box{padding:28px;border-radius:8px;background:var(--hero);color:#fff}.editor-box span,.editor-box b,.editor-box small{display:block}.editor-box span{color:#fca5a5;text-transform:uppercase;font-size:12px}.editor-box b{margin-top:22px;font-size:64px;line-height:1}.editor-box small{color:#9ca3af}.editor-box p{margin:25px 0 0;color:#d1d5db}.cr-categories{padding-bottom:80px}.cr-categories>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.cr-categories article{min-height:210px;padding:23px;border:1px solid var(--line);border-radius:8px}.cr-categories i{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#dbeafe;color:var(--blue);font-size:22px;font-style:normal}.cr-categories h3{margin:30px 0 8px}.cr-categories p{color:#596575}.cr-dark{padding:75px 0;background:var(--dark);color:#fff}.dark-title{display:flex;justify-content:space-between;align-items:end}.game-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.game-strip article{min-height:210px;padding:22px;border:1px solid #2e3748;border-radius:8px;background:#151b29}.game-strip span{width:64px;height:64px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--red),#7f1d1d);font-size:22px;font-weight:900}.game-strip h3{margin:28px 0 7px}.game-strip p{color:#9ca3af}.cr-copy{max-width:950px;padding:75px 0}.cr-faq{padding:75px 0;background:#f3f4f6}.faq-grid{display:grid;grid-template-columns:320px 1fr;gap:70px}.faq-grid details{border-bottom:1px solid #d1d5db}.faq-grid summary{padding:18px 0;font-weight:800;cursor:pointer}.faq-grid details p{padding-bottom:18px;color:#596575}.cr-footer{display:grid;grid-template-columns:220px 1fr 260px;align-items:center;gap:30px;padding:40px 0}footer{background:#0c101b;color:#d1d5db}.cr-footer p{margin:0;color:#9ca3af;font-size:12px}.cr-footer>div{display:flex;gap:14px;justify-content:flex-end;font-size:13px}
.cr-depth{padding:15px 0 80px}.cr-depth>div>h2{margin:6px 0 26px;font-size:34px}.depth-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.depth-columns article{padding:25px;border:1px solid var(--line);border-radius:8px}.depth-columns h3{margin-bottom:10px}.depth-columns p{color:#596575}
@media(max-width:900px){.cr-head nav{display:none;position:absolute;left:14px;right:14px;top:66px;flex-direction:column;align-items:stretch;padding:16px;background:#111827}.cr-head nav.is-open{display:flex}.cr-head button{display:block;margin-left:auto}.cr-login{display:none}.cr-card{grid-template-columns:35px 90px 130px 1fr}.cr-card>a{grid-column:3/5}.article-grid{grid-template-columns:1fr}.cr-categories>div,.game-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.cr-hero{padding-top:55px}.cr-feature-row{grid-template-columns:1fr;margin-top:40px}.cr-feature-row article{border-bottom:1px solid var(--line)}.cr-main-head{align-items:stretch;flex-direction:column}.cr-main-head input{width:100%}.cr-card{grid-template-columns:35px 90px 1fr}.cr-bonus{grid-column:2/4}.cr-card>a{grid-column:2/4}.cr-spotlight,.faq-grid,.cr-footer{grid-template-columns:1fr}.cr-spotlight{gap:30px;padding:35px 20px}.cr-categories>div,.game-strip,.depth-columns{grid-template-columns:1fr}.cr-footer>div{justify-content:flex-start}h1{font-size:48px}.cr-main-head h2,.cr-spotlight h2,.cr-article h2,.cr-categories h2,.cr-dark h2,.cr-copy h2,.cr-faq h2,.cr-depth>div>h2{font-size:29px}}
