@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1833;--navy2:#14264a;--orange:#ffad32;--ink:#171b27;--muted:#72798a;--paper:#f6f6fa;--card:#fff;--line:#e6e7ef;--blue:#4b6196;--shadow:0 10px 28px rgba(15,27,55,.08);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.site-header{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,76px);gap:28px;border-bottom:1px solid rgba(20,38,74,.06);position:sticky;top:0;z-index:20}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:27px;letter-spacing:-1.4px;white-space:nowrap}.brand span{color:var(--navy)}.brand b{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,34px)}.main-nav a{font-size:14px;color:#626879;font-weight:700;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--navy)}.main-nav a.active{position:relative}.main-nav a.active:after{content:"";height:3px;background:var(--orange);border-radius:3px;position:absolute;left:0;right:0;bottom:-27px}.header-actions{display:flex;gap:10px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:14px;background:#f4f5f9;color:var(--navy);font-size:22px}.menu-toggle{display:none}.hero{background:var(--navy);color:white;min-height:490px;padding:70px clamp(24px,8vw,120px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;overflow:hidden}.hero-copy{max-width:620px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1.5px;font-weight:800;color:#7c87a2}.hero .eyebrow{color:var(--orange)}.hero h1,.page-hero h1{font:800 clamp(38px,5.1vw,64px)/1.12 Manrope,sans-serif;letter-spacing:-2.5px;margin:20px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{color:#c2c9d8;max-width:530px;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:12px;border:1px solid transparent;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:var(--navy);box-shadow:0 8px 18px #ffad3226}.btn-ghost{border-color:#66718a;color:white;background:#ffffff08}.btn-light{background:#fff;color:var(--navy)}.btn-outline{border-color:#d9deeb;background:#fff;color:var(--navy)}.small-note{font-size:12px!important;color:#a8b2c8!important;display:flex;align-items:center;gap:8px}.small-note ion-icon{color:var(--orange);font-size:18px}.hero-art{min-height:330px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #ffffff20;border-radius:50%;width:310px;height:310px}.orbit-two{width:240px;height:240px;border-style:dashed}.hero-bottle{width:190px;height:220px;border-radius:45% 45% 32% 32%;background:linear-gradient(140deg,#ffbd54,#f08b18);display:grid;place-items:center;color:var(--navy);font-size:100px;transform:rotate(7deg);box-shadow:0 24px 60px #0005;position:relative}.floating-tag{position:absolute;display:flex;align-items:center;gap:8px;background:white;color:var(--navy);font-size:12px;font-weight:800;padding:12px 15px;border-radius:13px;box-shadow:var(--shadow)}.floating-tag ion-icon{font-size:20px;color:#4f9d70}.tag-top{top:35px;right:0}.tag-bottom{bottom:36px;left:0}.trust-strip{background:white;padding:25px clamp(24px,8vw,120px);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-bottom:1px solid var(--line)}.trust-strip>div{display:flex;align-items:center;gap:14px}.trust-strip>div>ion-icon{font-size:25px;color:var(--blue);background:#eef0f8;padding:12px;border-radius:13px}.trust-strip span{display:grid}.trust-strip b{font-size:14px}.trust-strip small{font-size:12px;color:var(--muted)}.section{padding:66px clamp(20px,6vw,88px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2,.learning-banner h2,.support-callout h2{font:800 clamp(27px,3vw,38px)/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:8px 0}.section-heading p{color:var(--muted);margin:6px 0 0}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:800;font-size:13px}.market-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:25px}.search-box{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:13px;padding:0 14px;min-height:48px;flex:1;max-width:450px;color:#8a91a1}.search-box input{border:0;outline:0;background:transparent;width:100%;color:var(--ink);font-size:13px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);border-radius:30px;background:white;color:#666e80;padding:10px 14px;font-size:12px;font-weight:800}.filter-chip.active{background:var(--navy);color:white;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.product-card{display:block;background:white;border:1px solid #ececf2;border-radius:18px;overflow:hidden;box-shadow:0 4px 15px #101b3707;transition:transform .2s,box-shadow .2s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{height:210px;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff;font-size:72px}.product-image ion-icon{filter:drop-shadow(0 12px 8px #0002)}.product-image.tall{height:255px}.image-amber{background:linear-gradient(140deg,#f5c477,#ba6b23)}.image-blue{background:linear-gradient(140deg,#b4d7f6,#557db4)}.image-teal{background:linear-gradient(140deg,#9de0d6,#288e8a)}.image-coral{background:linear-gradient(140deg,#ffb2a5,#da6e63)}.image-lilac{background:linear-gradient(140deg,#d6cbf4,#8578bd)}.image-green{background:linear-gradient(140deg,#c6df9e,#668b43)}.product-label{position:absolute;top:14px;left:14px;padding:6px 10px;background:#ffffffeb;color:var(--navy);font-size:10px;font-weight:800;border-radius:30px;z-index:1}.product-info{padding:18px}.product-category{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:var(--blue)}.product-info h3{font:800 17px/1.35 Manrope,sans-serif;margin:7px 0 12px}.seller{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin:0 0 18px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eff0f4;padding-top:14px}.product-bottom strong{font:800 20px Manrope,sans-serif;color:var(--navy)}.view-link{font-size:11px;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:4px}.empty-state{padding:30px;text-align:center;color:var(--muted)}.demo-note{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px;margin-top:24px}.demo-note ion-icon{color:var(--orange);font-size:18px;flex-shrink:0}.learning-banner{margin:0 clamp(20px,6vw,88px) 70px;padding:32px 36px;background:var(--navy);color:white;border-radius:22px;display:flex;align-items:center;gap:24px}.learning-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#ffffff12;color:var(--orange);font-size:30px;flex-shrink:0}.learning-banner>div:nth-child(2){flex:1}.learning-banner .eyebrow{color:var(--orange)}.learning-banner h2{font-size:25px;margin:5px 0}.learning-banner p{font-size:13px;color:#b9c3d6;margin:0}.site-footer{background:#fff;padding:36px clamp(20px,6vw,88px);display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line)}.site-footer .brand{font-size:22px}.site-footer p{color:var(--muted);font-size:13px;margin-right:auto}.site-footer>div{display:flex;gap:18px;flex-wrap:wrap}.site-footer>div a{font-size:12px;font-weight:700;color:#586176}.site-footer small{width:100%;color:#9298a7;font-size:11px}.page-hero{padding:68px 24px 54px;text-align:center;background:linear-gradient(180deg,#fff,#f6f6fa)}.page-hero h1{font-size:clamp(34px,4.4vw,54px);max-width:850px;margin:14px auto}.page-hero p{color:var(--muted);max-width:680px;margin:0 auto}.masonry{align-items:start}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.learning-card,.help-card,.story-card,.info-cards article{background:white;border:1px solid #ececf2;border-radius:18px;padding:25px;box-shadow:0 4px 15px #101b3707}.learning-card h2,.help-card h2,.story-card h2{font:800 20px/1.35 Manrope,sans-serif;margin:18px 0 10px}.learning-card p,.help-card p,.story-card p,.info-cards p{font-size:14px;color:#686f80}.topic-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;font-size:25px}.topic-icon.orange{background:#fff0d7;color:#c77b0e}.topic-icon.blue{background:#e6f1ff;color:#477cb7}.topic-icon.purple{background:#eee8ff;color:#7e67bb}.topic-icon.green{background:#e5f6e9;color:#4c9862}.topic-icon.coral{background:#ffebe8;color:#d16c5e}.topic-icon.navy{background:#e8edf9;color:var(--navy)}.learning-card .text-link{margin-top:8px}.story-grid{padding:48px clamp(20px,6vw,88px) 70px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.story-card{padding:0;overflow:hidden}.story-feature{grid-row:span 2}.story-art{height:190px;display:grid;place-items:center;font-size:75px;color:white}.art-sunrise{background:linear-gradient(140deg,#f7bd65,#db7459)}.story-content{padding:25px}.story-time{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.story-card h2{margin:12px 0}.story-card p{margin:0 0 12px}details summary{color:var(--blue);font-weight:800;font-size:13px;cursor:pointer;margin-top:15px}.support-callout{margin:0 clamp(20px,6vw,88px) 65px;padding:35px;background:#fff;border:1px solid var(--line);border-radius:20px;text-align:center}.support-callout p{color:var(--muted)}.support-callout .btn{margin-top:10px}.quiz-wrap{max-width:760px;margin:0 auto;padding:10px 20px 70px}.quiz-question{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:18px;box-shadow:var(--shadow)}.quiz-question h2{font:800 18px Manrope,sans-serif;margin:0 0 18px}.quiz-question label{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;margin:9px 0;font-size:14px;cursor:pointer}.quiz-question label:has(input:checked){border-color:var(--blue);background:#f2f4fb}.quiz-question input{accent-color:var(--blue);margin-top:5px}.answer-note{font-size:13px;padding:10px 12px;border-radius:10px}.answer-note.correct{background:#e5f5e9;color:#286c3b}.answer-note.incorrect{background:#fff0df;color:#8b5714}.quiz-result,.report-result{margin-top:20px;padding:22px;background:#eaf5ed;border-radius:14px;color:#245d37}.quiz-result p{margin-bottom:10px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.help-card .btn{margin-top:10px}.form-panel{max-width:680px;margin:0 auto 70px;background:white;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.form-panel form{display:grid;gap:12px}.form-panel label{font-weight:800;font-size:13px;margin-top:5px}.form-panel input,.form-panel textarea,.form-panel select{width:100%;border:1px solid #dfe2eb;background:#fbfbfd;padding:13px 14px;border-radius:11px;outline-color:var(--blue);color:var(--ink)}.form-panel .btn{justify-self:start;margin-top:8px}.form-hint{font-size:12px;color:var(--muted)}.report-result{background:#f2f4fb;color:var(--ink)}.report-result textarea{margin:10px 0}.detail-main{padding:30px clamp(20px,6vw,88px)}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:28px}.breadcrumbs a{color:var(--blue);font-weight:800}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);align-items:start;max-width:1200px;margin:0 auto 40px}.gallery-main{height:440px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(140deg,#f5c477,#ba6b23);position:relative;color:#fff;font-size:120px;overflow:hidden}.gallery-main.gallery-detail-view{background:linear-gradient(140deg,#d6cbf4,#8578bd)}.gallery-main.gallery-shop-view{background:linear-gradient(140deg,#9de0d6,#288e8a)}.gallery-thumbs{display:flex;gap:12px;margin-top:14px}.thumb{width:75px;height:68px;border:2px solid transparent;border-radius:13px;background:#fff;color:var(--blue);font-size:25px}.thumb.active{border-color:var(--orange)}.detail-copy{padding:12px 0}.detail-copy h1{font:800 clamp(30px,4vw,44px)/1.16 Manrope,sans-serif;letter-spacing:-1.4px;margin:10px 0}.detail-rating{display:flex;align-items:center;gap:7px;font-size:12px;color:#6e7688;margin:14px 0}.detail-rating ion-icon{color:#4f9d70;font-size:18px}.detail-price{font:800 34px Manrope,sans-serif;color:var(--navy);margin:16px 0}.detail-description{color:#646c7e;line-height:1.8}.detail-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0;padding:16px 0;display:grid;gap:14px}.detail-meta div{display:flex;justify-content:space-between;gap:14px;font-size:13px}.detail-meta span{color:var(--muted)}.detail-meta b{text-align:right}.detail-actions{display:grid;gap:10px}.detail-actions .btn{width:100%}.detail-actions .btn-primary{background:#25a45a;color:white}.detail-disclaimer{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#6e7688;margin-top:18px}.detail-disclaimer ion-icon{font-size:20px;color:var(--blue);flex-shrink:0}.info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-cards article>ion-icon{font-size:27px;color:var(--blue)}.info-cards h3{font:800 16px Manrope,sans-serif}.info-cards p{margin-bottom:0}[hidden]{display:none!important}
@media(min-width:1150px){.product-grid.masonry{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card:nth-child(2){margin-top:24px}.product-card:nth-child(4){margin-top:18px}.product-card:nth-child(6){margin-top:26px}.learning-grid.masonry .learning-card:nth-child(2),.learning-grid.masonry .learning-card:nth-child(5){margin-top:24px}}
@media(max-width:900px){.site-header{gap:14px}.main-nav{gap:13px}.main-nav a{font-size:12px}.brand{font-size:24px}.hero{padding:55px 5vw}.hero-art{transform:scale(.88)}.product-grid,.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-banner{align-items:flex-start;flex-wrap:wrap}.learning-banner .btn{margin-left:84px}.detail-layout{gap:28px}.gallery-main{height:370px}.info-cards{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-header{height:68px;padding:0 16px}.brand{font-size:23px}.menu-toggle{display:grid;margin-left:auto}.header-actions{gap:6px}.header-actions .icon-button{width:38px;height:38px}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;background:white;padding:16px 20px 22px;box-shadow:0 12px 20px #0b18331a;flex-direction:column;align-items:stretch;gap:0}.main-nav.nav-open{display:flex}.main-nav a{font-size:14px;padding:12px 4px}.main-nav a.active:after{display:none}.hero{grid-template-columns:1fr;padding:44px 22px 24px;gap:0}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero-art{min-height:250px;transform:scale(.82);margin-top:-5px}.hero-bottle{width:150px;height:175px;font-size:80px}.art-orbit{width:255px;height:255px}.orbit-two{width:195px;height:195px}.tag-top{right:-6px;top:22px}.tag-bottom{left:-5px;bottom:22px}.trust-strip{padding:18px 20px;grid-template-columns:1fr;gap:13px}.trust-strip>div>ion-icon{font-size:20px;padding:10px}.section{padding:44px 18px}.section-heading{align-items:flex-start}.section-heading h2{font-size:28px}.section-heading .text-link{white-space:nowrap;margin-top:18px}.market-tools{align-items:stretch}.search-box{max-width:none;flex-basis:100%}.filter-row{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-chip{white-space:nowrap}.product-grid,.learning-grid{grid-template-columns:1fr 1fr;gap:12px}.product-image{height:150px;font-size:52px}.product-image.tall{height:190px}.product-info{padding:12px}.product-info h3{font-size:14px}.seller{font-size:10px;align-items:flex-start}.product-bottom{align-items:flex-start;flex-direction:column;gap:7px}.product-bottom strong{font-size:18px}.view-link{font-size:10px}.product-label{top:9px;left:8px;font-size:9px;padding:5px 7px}.learning-banner{margin:0 18px 42px;padding:24px;gap:14px}.learning-icon{width:48px;height:48px;font-size:24px}.learning-banner>div:nth-child(2){width:calc(100% - 65px);flex:auto}.learning-banner h2{font-size:22px}.learning-banner p{font-size:12px}.learning-banner .btn{margin-left:0;width:100%}.site-footer{padding:28px 20px;gap:12px}.site-footer p{width:100%;margin:0}.site-footer>div{gap:12px}.page-hero{padding:48px 20px 38px}.page-hero h1{font-size:36px;letter-spacing:-1.4px}.learning-grid{padding-top:28px}.learning-card,.help-card{padding:17px}.learning-card h2,.help-card h2{font-size:16px;margin-top:13px}.learning-card p,.help-card p{font-size:12px}.topic-icon{width:43px;height:43px;font-size:21px}.learning-card .text-link{font-size:11px}.story-grid{padding:28px 18px 45px;grid-template-columns:1fr;gap:14px}.story-feature{grid-row:auto}.story-art{height:150px}.story-content{padding:20px}.story-card h2{font-size:18px}.support-callout{margin:0 18px 45px;padding:25px 18px}.help-grid{grid-template-columns:1fr;padding-top:28px}.quiz-wrap{padding:0 16px 50px}.quiz-question{padding:18px}.quiz-question h2{font-size:16px}.quiz-question label{font-size:12px;padding:12px}.form-panel{margin:0 16px 50px;padding:22px}.detail-main{padding:22px 16px}.breadcrumbs{margin-bottom:18px}.detail-layout{grid-template-columns:1fr;gap:24px}.gallery-main{height:300px;font-size:100px}.detail-copy{padding:0}.detail-copy h1{font-size:34px}.detail-price{font-size:30px}.detail-meta div{font-size:12px}.info-cards{grid-template-columns:1fr}.info-cards article{padding:20px}.section-heading p{font-size:13px}}
@media(max-width:370px){.product-grid,.learning-grid{grid-template-columns:1fr}.product-image,.product-image.tall{height:180px}.product-bottom{flex-direction:row;align-items:center}.hero h1{font-size:37px}.header-actions .icon-button{width:34px;height:34px}}

/* Updated professional finish: tight card grid, square corners, real photography. */
.product-grid{gap:0!important;column-gap:0!important;row-gap:0!important;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.product-card{border:0!important;border-radius:0!important;box-shadow:none!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.product-card:hover{transform:none;box-shadow:inset 0 0 0 2px #ffad3266!important;position:relative;z-index:1}
.product-image.photo-product{padding:0;background:#f0f1f4;height:230px}
.product-image.photo-product.tall{height:270px}
.product-image.photo-product img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.product-card:hover .product-image.photo-product img{transform:scale(1.03)}
.product-label,.filter-chip,.search-box,.btn,.learning-card,.help-card,.story-card,.info-cards article,.form-panel,.quiz-question{border-radius:6px}
.connect-intro{padding-top:45px}.connect-panel{display:grid;grid-template-columns:100px 1fr;gap:25px;align-items:center;background:#0b1833;color:white;padding:36px;margin-bottom:52px}
.connect-symbol{width:82px;height:82px;border-radius:12px;background:#ffffff12;color:#ffad32;display:grid;place-items:center;font-size:42px}
.connect-panel .eyebrow{color:#ffad32}.connect-panel h2{font:800 clamp(25px,3vw,36px)/1.2 Manrope,sans-serif;margin:9px 0}.connect-panel p{color:#c4ccda;max-width:760px}
.connect-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}
.connect-card{padding:26px;border-right:1px solid var(--line)}.connect-card:last-child{border:0}.connect-card>ion-icon{font-size:28px;color:#4b6196}.connect-card h3{font:800 17px Manrope}.connect-card p,.connect-cta p{font-size:13px;color:var(--muted)}
.connect-cta{margin-top:32px;padding:26px;border:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px}.connect-cta h2{font:800 22px Manrope;margin:0 0 6px}.connect-cta p{margin:0;max-width:700px}
.game-shell{max-width:850px;margin:0 auto 70px;padding:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}
.game-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.game-top h2{font:800 22px Manrope;margin:7px 0}
.game-score{width:68px;height:68px;background:#0b1833;color:#ffad32;display:grid;place-content:center;text-align:center;border-radius:7px}.game-score strong{font:800 25px Manrope;line-height:1}.game-score span{font-size:9px;letter-spacing:1px;color:#fff}
.game-progress{height:7px;background:#edf0f5;margin:20px 0;overflow:hidden}.game-progress span{display:block;width:0;height:100%;background:#ffad32;transition:width .3s}
.game-instructions{font-size:14px;color:var(--muted)}.game-area{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.game-option{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:6px;font-size:13px;cursor:pointer;min-height:68px}
.game-option input{accent-color:#4b6196;width:17px;height:17px;flex-shrink:0}.game-option-icon{width:33px;height:33px;background:#f0f2f8;color:#4b6196;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.game-check{margin-left:auto;font-size:20px;opacity:0;color:#38945a}.game-option.is-correct{border-color:#77bd8a;background:#eff9f1}.game-option.is-correct .game-check{opacity:1}.game-option.is-wrong{border-color:#e4a2a2;background:#fff4f2}
.game-feedback{padding:16px;background:#edf7ef;border-left:4px solid #4b9c62;color:#285e38;font-size:13px}.game-feedback p{margin-bottom:0}.game-feedback.warning{background:#fff5e5;border-color:#e8a33c;color:#7a5115}
.game-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.game-footnote{display:flex;gap:8px;color:var(--muted);font-size:11px;margin-top:22px}.game-footnote ion-icon{color:#4b6196;font-size:18px;flex-shrink:0}
.game-finish{grid-column:1/-1;text-align:center;padding:32px 14px}.game-finish>ion-icon{font-size:58px;color:#ffad32}.game-finish h2{font:800 25px Manrope}.game-finish p{color:var(--muted)}
@media(max-width:650px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image.photo-product{height:155px}.product-image.photo-product.tall{height:180px}.connect-panel{grid-template-columns:1fr;padding:24px;gap:15px}.connect-symbol{width:58px;height:58px;font-size:29px}.connect-grid{grid-template-columns:1fr}.connect-card{border-right:0;border-bottom:1px solid var(--line)}.connect-card:last-child{border-bottom:0}.connect-cta{align-items:flex-start;flex-direction:column}.game-shell{margin:0 14px 50px;padding:18px}.game-area{grid-template-columns:1fr}.game-option{min-height:58px}.game-top h2{font-size:18px}}

/* Account pages and navigation */
.account-link{font-size:22px}.account-text-link{font-size:12px;font-weight:700;color:var(--ink);text-decoration:none}.auth-main{min-height:65vh;padding:55px 18px 70px;background:#f6f7fa}.auth-panel{max-width:560px;margin:0 auto;padding:36px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.auth-panel h1{font:800 clamp(29px,5vw,40px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-1.3px;margin:9px 0 12px;color:var(--ink)}.auth-intro{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:24px}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--ink)}.auth-form input{width:100%;height:46px;padding:0 13px;border:1px solid #dce1ea;border-radius:5px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}.auth-form input:focus{outline:2px solid #4b619633;border-color:#4b6196}.auth-form label small{font-size:11px;color:var(--muted);font-weight:400}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.auth-form .btn{margin-top:5px;justify-content:center}.auth-switch{font-size:13px;color:var(--muted);margin:20px 0 0}.auth-switch a{font-weight:800;color:#40598e}.auth-message{font-size:13px;color:#a33;margin:0}.auth-message.success{color:#237544}.profile-details{display:grid;gap:0;border:1px solid var(--line);margin:24px 0}.profile-details div{display:flex;justify-content:space-between;gap:20px;padding:14px;border-bottom:1px solid var(--line);font-size:13px}.profile-details div:last-child{border:0}.profile-details span{color:var(--muted)}.profile-details strong{text-align:right;overflow-wrap:anywhere}.profile-panel>.btn{width:100%;justify-content:center}@media(max-width:600px){.auth-main{padding:30px 14px 50px}.auth-panel{padding:24px 19px}.auth-two{grid-template-columns:1fr}.profile-details div{padding:12px;font-size:12px}}