:root{--primary:#407f85;--primary-hover:#2d6268;--primary-dark:#17383e;--primary-light:#edf6f7;--bg-body:#fff;--text-main:#202326;--border-color:#dae6e8;--shadow-sm:0 3px 14px #234d5710;--radius-md:12px}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:#fff;font-family:Arial,Helvetica,sans-serif}.container{max-width:1240px;padding-left:28px;padding-right:28px}.site-header{box-shadow:0 2px 5px #183b4410}.header-inner{height:90px;gap:32px;position:relative}.brand-logo{flex-shrink:0}.brand-logo img{width:235px;height:57px;display:block}.desktop-nav{display:flex;gap:32px;align-items:center;margin-right:auto}.desktop-nav a{font-size:17px;color:#24282a;font-weight:700}.header-actions .btn-login{display:none}.btn-register{background:#ff5938;padding:12px 22px;font-size:16px;border-radius:6px}.btn-register:hover{background:#e74425}.burger-btn{background:white}.nav-dropdown{top:80px;right:0}.hero-section:not(.quiz-hero){background:#eaf6fd;padding:45px 32px;margin:28px 0;border:0;border-radius:14px}.hero-section:not(.quiz-hero) h1{color:#1e2427;text-transform:none}.quiz-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:38px;min-height:650px;padding:72px 0 65px;margin:0 0 0}.quiz-hero:before{content:'';position:absolute;z-index:-1;inset:0 calc((1184px - 100vw)/2);background:#eaf6fd}.eyebrow{font-size:14px;letter-spacing:1.4px;font-weight:800;color:#407f85;margin-bottom:23px}.eyebrow span{color:#e75032}.quiz-hero h1{font-size:68px;line-height:1.08;text-transform:none;letter-spacing:-2.8px;color:#191d20;margin:0 0 26px}.quiz-hero h1 span{color:#407f85}.hero-description{font-size:19px;line-height:1.8;max-width:540px;margin:0 0 30px}.hero-buttons{display:flex;gap:16px}.hero-button{display:flex;min-height:66px;padding:13px 22px;align-items:center;justify-content:center;flex:1;text-align:center;background:#407f85;border:2px solid #407f85;color:white;border-radius:8px;font-size:17px;font-weight:700;line-height:1.5}.hero-button.secondary{background:#fff;color:#407f85}.hero-button:hover{background:#2e656a;color:white;text-decoration:none}.hero-note{font-size:12px;color:#63777e;margin-top:19px;display:flex;gap:16px}.device-scene{position:relative;height:425px;user-select:none}.orange-disc{position:absolute;background:#ff5938;width:350px;height:350px;border-radius:50%;top:18px;right:5px}.scene-dot{position:absolute;width:48px;height:48px;border-radius:50%;background:#ffa590;right:290px;top:6px}.scene-dot.small{width:23px;height:23px;top:315px;right:15px}.laptop{position:absolute;top:82px;right:0;width:390px;height:263px;border:9px solid #172c33;border-bottom-width:15px;border-radius:14px;background:#fff;box-shadow:0 15px 15px #15394324;transform:rotate(-2deg)}.laptop:after{content:'';position:absolute;bottom:-24px;left:-27px;right:-27px;height:12px;background:linear-gradient(#c7d3d6,#8b9ca2);border-radius:2px 2px 50% 50%}.screen-top{padding:12px 15px;font-size:9px;display:flex;justify-content:space-between;border-bottom:5px solid #eaf6fd;font-weight:700;color:#407f85}.screen-content{padding:16px;text-align:center}.screen-label{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;color:#66858a}.screen-content h3{font-size:17px;margin:8px 0 12px}.suit-row{display:flex;justify-content:center;gap:9px}.suit-tile{background:#f1f7f8;border:1px solid #e0eaed;border-radius:5px;font-size:31px;line-height:50px;width:48px;color:#244f57}.suit-tile.red{color:#ff5938}.suit-tile.missing{border:1px dashed #ff5938;color:#ff5938;background:#fff3ee}.screen-answers{display:flex;gap:7px;margin-top:16px}.screen-answers span{flex:1;font-size:10px;border:1px solid #d4e3e5;border-radius:4px;padding:6px}.screen-answers .selected{color:white;background:#407f85}.tablet{position:absolute;left:-10px;top:152px;width:150px;height:212px;border:7px solid #20363d;border-radius:12px;background:white;transform:rotate(-7deg);box-shadow:0 13px 15px #15394322;padding:17px 10px;text-align:center}.tablet small{font-size:9px;color:#407f85;font-weight:bold}.playing-card{width:67px;height:95px;margin:13px auto;border:1px solid #dae6e8;border-radius:7px;box-shadow:4px 4px 0 #eaf0f2;color:#ff5938;font-size:42px;line-height:90px}.tablet-score{font-size:11px;color:#407f85}.phone{position:absolute;left:112px;top:258px;width:94px;height:165px;border:5px solid #20363d;border-radius:15px;background:#fff;text-align:center;padding:15px 6px;box-shadow:0 13px 15px #15394322;transform:rotate(4deg)}.phone:before{content:'';position:absolute;top:4px;left:30px;width:26px;height:4px;background:#20363d;border-radius:4px}.phone img{width:40px;height:40px;margin:7px auto}.phone strong{display:block;font-size:12px}.phone span{display:block;background:#407f85;color:white;padding:4px;font-size:8px;border-radius:3px;margin-top:9px}.float-chip{position:absolute;right:15px;bottom:5px;width:65px;transform:rotate(18deg);filter:drop-shadow(0 7px 3px #173c3e20)}.quiz-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:29px 0;border-bottom:1px solid #e1e9ea;margin-bottom:46px}.quiz-strip div{display:flex;gap:14px;align-items:center}.strip-icon{font-size:25px;color:#ff5938;background:#fff0eb;border-radius:10px;width:48px;text-align:center;line-height:48px}.quiz-strip strong{display:block;font-size:15px}.quiz-strip small{color:#748187;font-size:12px}.section-kicker{color:#407f85;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:8px}.new-section-heading{font-size:30px;line-height:1.3;letter-spacing:-.7px;margin:0 0 12px}.section-caption{color:#6a787d;margin-bottom:26px}.casino-card{border:1px solid #dbe6e8;box-shadow:0 4px 20px #193c4507}.casino-card .card-top{border-top:3px solid #407f85}.bonus-tag{color:#bd462d;background:#fff0ea}.btn-card-cta{border-radius:7px}.content-section,.faq-section,.game-catalog-section,.provider-grid-section{box-shadow:none;border-color:#e0e9eb}.site-footer{background:#edf6f8}.quiz-panel{background:#eef7fa;border:1px solid #d9e8ec;border-radius:14px;padding:30px;margin:35px 0 45px;scroll-margin-top:110px}.quiz-panel[hidden]{display:none}.quiz-progress{color:#407f85;font-weight:bold;font-size:13px;margin-bottom:12px}.quiz-question{font-size:25px;line-height:1.4;margin-bottom:20px}.quiz-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quiz-options button,.quiz-next{cursor:pointer;background:white;border:1px solid #adc8cc;border-radius:7px;padding:15px;font:600 15px Arial;color:#315d63}.quiz-options button:hover{border-color:#407f85;background:#e0f0f2}.quiz-options button:disabled{cursor:default}.quiz-options button.correct{background:#407f85;color:white}.quiz-options button.wrong{background:#fff0ea;border-color:#ef7e64}.quiz-feedback{margin-top:20px;line-height:1.7}.quiz-next{margin-top:15px;background:#407f85;color:white}.quiz-next[hidden]{display:none}:focus-visible{outline:3px solid #ff5938;outline-offset:4px}
@media(min-width:1240px){.quiz-hero:before{inset:0 calc((1184px - 100vw)/2)}}
@media(max-width:1239px){.quiz-hero:before{inset:0 -28px}.quiz-hero h1{font-size:58px}.desktop-nav{gap:18px}.device-scene{transform:scale(.9);transform-origin:center right}.header-inner{gap:24px}.brand-logo img{width:208px}}
@media(max-width:1000px){.desktop-nav{display:none}.header-actions{margin-left:auto}.quiz-hero{gap:12px;grid-template-columns:1fr 1fr}.quiz-hero h1{font-size:48px}.hero-description{font-size:17px}.hero-buttons{flex-direction:column}.device-scene{transform:scale(.78);width:450px;margin-left:-85px}.quiz-strip{gap:14px}.quiz-strip strong{font-size:13px}}
@media(max-width:700px){.container{padding-left:20px;padding-right:20px}.header-inner{height:76px;gap:10px}.brand-logo img{width:175px;height:auto}.header-actions{gap:8px}.btn-register{font-size:12px;padding:10px 12px}.burger-btn{width:32px;height:35px}.nav-dropdown{top:70px;width:min(320px,calc(100vw - 40px))}.quiz-hero{grid-template-columns:1fr;padding:45px 0 20px;gap:0;min-height:0}.quiz-hero:before{inset:0 -20px}.eyebrow{font-size:11px;letter-spacing:.7px;margin-bottom:18px}.quiz-hero h1{font-size:49px;letter-spacing:-2px;margin-bottom:22px}.hero-description{font-size:16px;line-height:1.75}.hero-buttons{flex-direction:row;gap:10px}.hero-button{font-size:13px;padding:12px 8px;min-height:62px}.hero-note{font-size:10px;gap:10px}.device-scene{width:450px;transform:scale(.73);transform-origin:top center;margin:28px 0 -105px;left:calc(50% - 225px)}.quiz-strip{grid-template-columns:1fr;gap:17px;padding:24px 0;margin-bottom:30px}.quiz-strip strong{font-size:14px}.strip-icon{line-height:39px;width:39px;font-size:21px}.new-section-heading{font-size:26px}.quiz-panel{padding:23px 18px}.quiz-options{grid-template-columns:1fr}.quiz-question{font-size:21px}.hero-section:not(.quiz-hero){padding:26px 20px}.footer-top-nav{flex-wrap:wrap;gap:15px}h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.quiz-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero-copy{min-width:0}@media(max-width:700px){.quiz-hero{grid-template-columns:minmax(0,1fr)}.header-inner{gap:6px}.brand-logo img{width:160px}}