@font-face{font-family:Plex;src:url('arabic-regular.ttf')}@font-face{font-family:Plex;src:url('arabic-medium.ttf');font-weight:500}@font-face{font-family:Plex;src:url('arabic-semibold.ttf');font-weight:600 900}
:root{--green:#174b3c;--green2:#23644d;--mint:#eaf2ec;--red:#c73836;--ink:#24352e;--muted:#6c776f;--cream:#faf9f5;--line:#e5e8e1;--gold:#b79048;--palegold:#f7f0df;--radius:18px;--shadow:0 14px 45px #143c2910}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Plex,Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bf944a;outline-offset:4px}img{max-width:100%;height:auto}button{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.55}h1{font-size:clamp(2.3rem,4.2vw,4rem);font-weight:600;letter-spacing:-1.4px;margin-bottom:22px}h2{font-size:clamp(1.7rem,2.7vw,2.5rem);font-weight:600;margin-bottom:14px}h3{font-size:1.3rem;font-weight:600}p{color:var(--muted)}.container{max-width:1220px;margin:auto;padding-inline:32px}.contact-strip{background:var(--green);color:#e7efea;font-size:.75rem;padding:6px 0}.contact-strip .container{display:flex;justify-content:space-between}.contact-details{display:flex;gap:28px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:310px;display:block}nav{display:flex;gap:27px;align-items:center;font-size:.91rem;font-weight:500}nav>a{padding:12px 0;white-space:nowrap}nav>a.active:not(.nav-cta){color:var(--red);position:relative}nav>a.active:not(.nav-cta):after{content:'';height:2px;position:absolute;bottom:4px;inset-inline:0;background:var(--red)}nav .nav-cta{background:var(--red);color:#fff;border-radius:5px;padding:12px 18px;display:flex;gap:15px}.demo-strip{font-size:.73rem;background:#f4f3ed;border-bottom:1px solid #e9e7de;color:#736b57}.demo-strip .container{display:flex;justify-content:space-between;gap:12px;padding-block:8px}.demo-strip a{text-decoration:underline;text-underline-offset:4px}.status-dot{display:inline-block;background:var(--gold);width:6px;height:6px;border-radius:50%;margin-left:6px}.menu-toggle{display:none}.skip-link{position:fixed;top:-100px;right:20px;background:var(--green);color:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.icon-button{border:1px solid var(--line);background:#fff;padding:6px 12px;border-radius:7px}
.hero{background:var(--cream);position:relative;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:66px 60px;min-height:590px}.eyebrow{font-size:.8rem;color:var(--green);font-weight:600;display:flex;align-items:center;gap:9px;margin-bottom:22px}.eyebrow:before{content:'';height:1px;width:28px;background:var(--red)}.eyebrow.light{color:#d1dfd5}.hero h1 em{font-style:normal;color:var(--green);position:relative}.hero h1 em:after{content:'';position:absolute;height:5px;bottom:-3px;inset-inline:0;background:#d4b87680;border-radius:50%}.hero-lead{font-size:1.05rem;max-width:500px;margin-bottom:27px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 23px;font-weight:500;font-size:.93rem;line-height:1.8;background:var(--green);color:#fff;text-align:center;transition:background .18s,transform .18s}.btn:hover{background:var(--green2);transform:translateY(-1px)}.btn.secondary{background:#fff;border-color:#d6ddd5;color:var(--green)}.btn.secondary:hover{background:var(--mint)}.btn.red{background:var(--red)}.btn.gold{background:#eee0be;color:#514021}.btn.small{font-size:.8rem;padding:7px 13px;gap:7px}.btn.danger{background:#fff3f2;color:#aa3131;border-color:#f2d6d2}.btn.wide{width:100%}.text-link{color:var(--green);font-weight:500;text-decoration:underline;text-underline-offset:5px}.hero-note{display:flex;gap:18px;flex-wrap:wrap;font-size:.76rem;color:var(--muted);margin-top:23px}.hero-note span:before{content:'✓';color:var(--green);margin-left:5px}.hero-visual{position:relative;min-height:435px;display:flex;align-items:center;justify-content:center}.cover-frame{width:285px;background:#fff;padding:10px 10px 0;border-radius:10px;transform:rotate(-5deg);box-shadow:0 25px 45px #25433225;position:relative;z-index:2}.cover-frame img{border-radius:5px;display:block}.cover-frame figcaption{font-size:.72rem;text-align:center;padding:6px;color:var(--muted)}.orbit{position:absolute;width:390px;height:390px;border:1px dashed #d0d9ca;border-radius:50%;transform:rotate(22deg)}.orbit:before{content:'';position:absolute;width:310px;height:310px;top:40px;right:40px;background:#e7eee4;border-radius:50%;z-index:-1}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e5e9df;padding:12px 18px;border-radius:11px;box-shadow:var(--shadow);font-size:.8rem}.float-card strong{display:block;color:var(--green);font-size:1rem}.float-card.one{right:-8px;top:48px;transform:rotate(4deg)}.float-card.two{left:-20px;bottom:45px;transform:rotate(-3deg)}.float-icon{font-size:1.5rem;background:var(--mint);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--green)}.spark{position:absolute;color:var(--gold);font-size:32px;left:25px;top:20px}.hero-stamp{position:absolute;bottom:0;right:28px;font-size:.7rem;letter-spacing:2px;color:#8d988e}.feature-strip{border-block:1px solid var(--line);background:#fff}.features{display:grid;grid-template-columns:repeat(4,1fr);padding-block:23px}.feature{display:flex;align-items:center;gap:13px;padding-inline:18px;border-left:1px solid var(--line)}.feature:last-child{border:0}.feature>b{font-size:1.55rem;color:var(--green);font-weight:500}.feature strong{display:block;font-size:.88rem}.feature span{font-size:.74rem;color:var(--muted)}.section{padding-block:64px}.section.tinted{background:var(--cream)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading p{margin:0;max-width:650px}.section-heading .eyebrow{margin-bottom:10px}.age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.age-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;position:relative;overflow:hidden;transition:.2s}.age-card:hover{border-color:#b2c6b6;transform:translateY(-3px);box-shadow:var(--shadow)}.age-card:before{content:'';position:absolute;width:120px;height:120px;background:var(--mint);border-radius:50%;left:-65px;top:-60px}.age-card .number{font-family:Georgia,serif;color:var(--gold);font-size:1.5rem}.age-card h3{margin:14px 0 8px}.age-card p{font-size:.88rem;min-height:70px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;border-radius:5px;padding:3px 9px;background:var(--mint);color:var(--green);font-weight:500}.chip.gold{background:var(--palegold);color:#80642f}.chip.red{background:#f9eae6;color:#a43c34}.chip.gray{background:#f0f1ee;color:#737a71}.age-card .card-foot{margin-top:25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;font-size:.8rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:35px}.step-n{border:1px solid #cbd5c9;color:var(--green);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;margin-bottom:17px}.steps-grid h3{font-size:1.05rem;margin-bottom:8px}.steps-grid p{font-size:.85rem}.story-callout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.story-callout img{border-radius:12px;box-shadow:var(--shadow);border:8px solid #fff}.green-band{background:var(--green);color:#fff;padding:43px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:30px}.green-band p{color:#cbdbce;margin:0}.green-band h2{font-size:1.6rem}.site-footer{background:#f5f6f2;border-top:1px solid var(--line);margin-top:0}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px;padding-block:48px 33px}.footer-top img{width:260px;mix-blend-mode:multiply}.footer-top strong{display:block;font-size:.9rem;margin:8px 0 17px}.footer-top a{display:block;font-size:.8rem;margin-bottom:9px;color:var(--muted)}.footer-top p{font-size:.82rem;margin-top:15px}.footer-bottom{border-top:1px solid #e2e5dc;display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);padding-block:17px 25px}.utility-dock{position:fixed;bottom:18px;left:18px;display:flex;gap:1px;z-index:25;box-shadow:0 4px 24px #12352120;border:1px solid #e1e6de;border-radius:8px;overflow:hidden}.utility-dock>a,.utility-dock>button{background:#fff;border:0;padding:8px 13px;color:var(--green);font-size:.78rem}.utility-dock a:hover,.utility-dock button:hover{background:var(--mint)}#toast{position:fixed;bottom:78px;left:50%;transform:translate(-50%,25px);background:var(--green);color:#fff;border-radius:10px;max-width:90vw;padding:13px 23px;z-index:100;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s;font-size:.85rem}#toast.visible{opacity:1;transform:translate(-50%,0)}
.page-top{background:var(--cream);border-bottom:1px solid var(--line);padding-block:31px}.breadcrumb{font-size:.75rem;color:var(--muted);margin-bottom:12px}.breadcrumb a{color:var(--green)}.page-top h1{font-size:2rem;letter-spacing:-.6px;margin:0 0 7px}.page-top p{margin:0;max-width:780px;font-size:.92rem}.content-section{padding-block:38px 64px;min-height:500px}.narrow{max-width:860px}.layout-rail{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;box-shadow:0 5px 18px #1c402405}.panel+.panel{margin-top:20px}.panel h2{font-size:1.3rem}.panel h3{font-size:1rem}.rail{position:sticky;top:20px}.rail p,.rail li{font-size:.83rem}.rail ol,.rail ul{padding-right:21px;color:var(--muted)}.note{border-radius:8px;padding:13px 16px;background:var(--mint);color:#3f5e49;font-size:.82rem;margin:16px 0;line-height:1.8}.note.gold{background:var(--palegold);color:#7a653c}.note.red{background:#fcf0ed;color:#9a463a}.note p{color:inherit;margin:0}.note strong{display:block;margin-bottom:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:7px;font-size:.87rem}.field.full{grid-column:1/-1}.field label{font-weight:500}.field small{font-size:.73rem;color:var(--muted)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;border:1px solid #d8dfd6;border-radius:7px;padding:12px 13px;background:#fff;color:var(--ink);min-height:49px}input::placeholder,textarea::placeholder{color:#949c93;font-size:.85rem}textarea{resize:vertical;min-height:100px}.choice-row{display:flex;gap:12px;flex-wrap:wrap}.choice{border:1px solid #d8dfd6;padding:13px 17px;border-radius:9px;flex:1;display:flex;align-items:flex-start;gap:9px;font-size:.87rem;cursor:pointer;min-width:180px}.choice:has(input:checked){background:var(--mint);border-color:var(--green)}.choice strong{display:block}.choice small{display:block;color:var(--muted);font-size:.75rem}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;margin:17px 0;color:var(--muted)}input[type=checkbox],input[type=radio]{accent-color:var(--green);width:17px;height:17px;margin-top:5px;flex-shrink:0}.form-actions{display:flex;gap:12px;align-items:center;margin-top:26px;flex-wrap:wrap}.hidden{display:none!important}.form-error{color:#ad352e;background:#fff0ed;border-radius:7px;padding:10px 14px;font-size:.83rem;margin:12px 0}.field-heading{margin:25px 0 12px;border-top:1px solid var(--line);padding-top:22px;font-size:1rem}.meta-list{display:flex;flex-direction:column;gap:12px;font-size:.8rem}.meta-list>div{display:flex;justify-content:space-between;gap:15px}.meta-list span{color:var(--muted)}.meta-list b{font-weight:500}.avatar-pair{display:flex;margin-bottom:20px}.avatar-pair img{width:68px;height:68px;object-fit:cover;object-position:50% 24%;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.empty-state{text-align:center;padding:45px 20px}.empty-state .big-icon{font-size:3rem;color:var(--gold)}.empty-state h2{font-size:1.4rem}.empty-state p{max-width:490px;margin:10px auto 23px}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;unicode-bidi:isolate;letter-spacing:1.5px}.code-box{background:var(--cream);border:1px dashed #bdc9b8;padding:16px;border-radius:8px;text-align:center;font-size:1.4rem;color:var(--green)}.session-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--mint);padding:16px 20px;border:1px solid #d1dfd0;border-radius:10px;margin-bottom:25px;font-size:.85rem}.progress-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;font-size:.8rem;color:var(--muted)}.progress-track{height:7px;background:#e9eee6;border-radius:10px;overflow:hidden;margin-top:8px}.progress-track>span{display:block;height:100%;background:var(--green);border-radius:10px;transition:width .3s}.stage-steps{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px;font-size:.78rem}.stage-steps span{display:flex;align-items:center;gap:6px;color:#8a9488}.stage-steps b{width:24px;height:24px;border:1px solid #d9ded4;border-radius:50%;display:grid;place-items:center;font-size:.7rem}.stage-steps .current{color:var(--green);font-weight:600}.stage-steps .current b,.stage-steps .done b{background:var(--green);color:#fff;border-color:var(--green)}.question-title{font-size:1.45rem;margin:18px 0}.question-scenario{background:var(--cream);border-right:3px solid var(--gold);padding:16px 20px;border-radius:6px;font-size:.99rem;margin:20px 0}.answers{display:grid;gap:12px}.answer{display:flex;align-items:center;gap:13px;text-align:right;border:1px solid var(--line);border-radius:9px;padding:16px;background:#fff;width:100%;font-size:.94rem;transition:.15s}.answer .letter{border:1px solid #d6ded2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;flex-shrink:0}.answer:hover:not(:disabled){background:var(--mint);border-color:#9db79e}.answer.correct{background:#edf5ec;border-color:#65a26c;opacity:1}.answer.wrong{background:#fcf0ee;border-color:#d18c80;opacity:1}.answer:disabled{opacity:.8}.feedback{padding:16px;background:var(--mint);border-radius:8px;margin-top:20px}.feedback.wrong{background:var(--palegold)}.feedback strong{display:block;margin-bottom:5px}.feedback p{font-size:.87rem;margin:0;color:var(--ink)}.question-tools{display:flex;justify-content:space-between;gap:10px;margin-top:24px;align-items:center}.read-button{border:0;background:transparent;color:var(--green);text-decoration:underline;font-size:.8rem}.score-circle{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--score)*1%),#e6ece1 0);margin:0 auto 20px;display:grid;place-items:center}.score-circle>div{border-radius:50%;background:#fff;width:112px;height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-circle b{font-size:2.2rem;line-height:1.3;color:var(--green)}.score-circle small{color:var(--muted);font-size:.72rem}.result-hero{text-align:center;background:var(--cream);padding:35px 24px;border-radius:15px;border:1px solid var(--line);margin-bottom:24px}.result-hero h2{margin-bottom:8px}.result-hero p{margin-bottom:16px}.score-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.score-breakdown>div{border:1px solid var(--line);background:#fff;padding:15px 10px;border-radius:9px;text-align:center}.score-breakdown b{display:block;color:var(--green);font-size:1.3rem}.score-breakdown span{font-size:.75rem;color:var(--muted)}.certificate{position:relative;background:#fffdf7;border:1px solid #dbcba7;padding:36px;text-align:center;outline:5px solid #fff;outline-offset:-13px;border-radius:2px}.certificate:before,.certificate:after{content:'';position:absolute;width:60px;height:60px;border-color:var(--gold);border-style:solid}.certificate:before{top:13px;right:13px;border-width:2px 2px 0 0}.certificate:after{bottom:13px;left:13px;border-width:0 0 2px 2px}.certificate img{width:260px;mix-blend-mode:multiply;margin:5px auto 22px}.certificate .cert-label{color:var(--gold);letter-spacing:3px;font-size:.76rem}.certificate h2{font-size:2rem;color:var(--green);margin:8px 0}.certificate .student-name{font-size:1.7rem;color:var(--ink);font-weight:600;margin:15px 0}.certificate p{font-size:.86rem;max-width:500px;margin:10px auto}.certificate .cert-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2d9c5;margin-top:28px;padding-top:14px;font-size:.68rem;color:var(--muted)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.match-card{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--cream)}.match-card .match-icon{font-size:2rem}.match-card h3{margin:10px 0 6px}.match-card p{font-size:.8rem;min-height:40px}.match-card.correct{border-color:#65a26c;background:var(--mint)}.match-card.wrong{border-color:#d7b975;background:var(--palegold)}.match-card small{display:block;margin-top:9px;font-size:.74rem}.product-preview{background:linear-gradient(135deg,#edf2e6,#f7f4e9);border-radius:12px;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;position:relative;overflow:hidden}.product-object{width:110px;height:155px;border:2px solid #fff;background:var(--product-color,var(--green));border-radius:25px 25px 18px 18px;box-shadow:14px 20px 20px #25432e20;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;transform:rotate(-8deg);position:relative}.product-object:before{content:'';position:absolute;top:-16px;width:60px;height:16px;border-radius:6px 6px 0 0;background:var(--product-color,var(--green));border:2px solid #fff}.product-object span{font-size:2.8rem}.product-object b{font-size:.9rem;padding-inline:6px;text-align:center;overflow-wrap:anywhere;max-width:100%}.product-preview>p{font-size:.76rem;margin:27px 0 0;color:var(--green)}.color-options{display:flex;gap:10px}.color-option{width:35px;height:35px;border-radius:50%;border:3px solid #fff;outline:1px solid #d5dccf;padding:0;background:var(--swatch)}.color-option.selected{outline:2px solid var(--ink)}.interest-buttons{display:flex;gap:8px;flex-wrap:wrap}.interest-buttons .btn.selected{background:var(--green);color:#fff}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.book-card{border:1px solid var(--line);border-radius:13px;overflow:hidden}.book-image{height:260px;background:var(--cream);display:flex;justify-content:center;padding:20px}.book-image img{height:100%;width:auto;box-shadow:6px 8px 15px #21452b20;transform:rotate(-3deg)}.book-body{padding:23px}.book-body h3{font-size:1.1rem}.book-body p{font-size:.83rem}.library-grid .story-picture{width:100%;height:260px;object-fit:cover}.library-reader{max-width:1000px;margin:auto}.library-reader img{border:1px solid var(--line);width:100%;border-radius:8px}.leaderboard-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.tab{border:1px solid var(--line);border-radius:7px;padding:9px 17px;background:#fff;color:var(--muted);font-size:.84rem}.tab.active{color:#fff;background:var(--green);border-color:var(--green)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:.82rem;white-space:nowrap;text-align:right}thead{background:var(--cream);color:var(--muted);font-weight:500}th,td{padding:15px 18px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf8}.rank{background:var(--mint);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:var(--green);font-weight:600}.rank.top{background:var(--palegold);color:#95722d}.privacy-inline{font-size:.76rem;color:var(--muted);margin-top:15px}.booth-hero{background:var(--green);color:#fff;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:45px;align-items:center}.booth-hero h1{font-size:2.8rem}.booth-hero p{color:#d5e3d5}.qr-wrap{background:#fff;padding:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--ink)}.qr-code{padding:12px;background:#fff;border:1px solid #e4e7df;border-radius:9px;width:244px;min-height:244px;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-code img,.qr-code canvas{max-width:100%;height:auto;display:block}.qr-wrap h3{margin-top:15px;margin-bottom:4px;font-size:1.1rem}.qr-wrap p{color:var(--muted);font-size:.75rem;margin:0}.kiosk-tip{margin-top:20px;border-top:1px solid #ffffff30;padding-top:18px;font-size:.83rem;color:#d4e3d5}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px}.admin-sidebar{padding:20px;border:1px solid var(--line);background:var(--cream);border-radius:12px;position:sticky;top:20px}.admin-sidebar h3{font-size:.9rem;padding-bottom:15px;border-bottom:1px solid var(--line)}.admin-sidebar button{width:100%;text-align:right;background:none;border:0;padding:12px;border-radius:7px;font-size:.84rem;color:var(--muted);margin-bottom:5px}.admin-sidebar button.active{background:var(--green);color:#fff}.admin-sidebar p{font-size:.7rem;margin:20px 4px 0}.admin-content{min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:24px}.stat{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff}.stat span{font-size:.75rem;color:var(--muted)}.stat b{display:block;font-size:1.8rem;line-height:1.8;color:var(--green)}.stat small{font-size:.68rem;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}.toolbar h2{font-size:1.35rem;margin:0}.toolbar input,.toolbar select{min-height:40px!important;padding:7px 10px!important;font-size:.78rem;max-width:230px}.filter-row{display:flex;gap:9px;margin-bottom:18px;flex-wrap:wrap}.bar-row{display:grid;grid-template-columns:130px 1fr 50px;gap:13px;align-items:center;font-size:.8rem;margin:20px 0}.bar{background:#edf0e9;height:9px;border-radius:5px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--green);border-radius:5px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-grid .panel+.panel{margin:0}.timeline{border-right:1px solid #dce2d6;margin-right:8px;padding-right:20px}.timeline>div{margin-bottom:20px;position:relative;font-size:.8rem}.timeline>div:before{content:'';position:absolute;right:-25px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--green)}.timeline p{font-size:.75rem;margin:3px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-grid .panel+.panel{margin-top:0}.guide-grid li{font-size:.86rem;color:var(--muted);margin-bottom:10px}.guide-grid ol,.guide-grid ul{padding-right:22px}.modal-backdrop{position:fixed;inset:0;background:#142c25a6;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}.modal{width:100%;max-width:700px;max-height:88vh;overflow:auto;background:#fff;border-radius:16px;padding:30px;box-shadow:0 25px 80px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.modal-head h2{font-size:1.25rem;margin:0}.modal p{font-size:.88rem}.modal .certificate{padding:25px}.faq details{border:1px solid var(--line);padding:16px 20px;border-radius:9px;margin-bottom:12px}.faq summary{cursor:pointer;font-weight:500;font-size:.9rem}.faq details p{margin:13px 0 0;font-size:.85rem}.large-text{font-size:19px}.large-text .btn,.large-text .answer,.large-text .field{font-size:1rem}.error-page{text-align:center;padding:70px 25px}.print-only{display:none}body.kiosk .contact-strip,body.kiosk .site-footer,body.kiosk .demo-strip,body.kiosk .site-header nav{display:none}body.kiosk .header-inner{min-height:85px}body.kiosk .utility-dock{left:15px;bottom:15px}.consent-label{font-size:.75rem;color:var(--muted)}.strong-green{color:var(--green)}.muted{color:var(--muted)}.mb0{margin-bottom:0}.mt20{margin-top:20px}
@media(min-width:1600px){.container{max-width:1320px}.hero-inner{padding-block:80px}}
@media(max-width:1080px){.brand img{width:250px}nav{gap:16px;font-size:.8rem}.hero-inner{gap:35px}.float-card.one{right:-10px}.float-card.two{left:-10px}.hero-visual{min-height:400px}.orbit{width:330px;height:330px}.orbit:before{width:260px;height:260px;top:35px;right:35px}.cover-frame{width:255px}.layout-rail{grid-template-columns:1fr 260px}.footer-top{gap:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.container{padding-inline:22px}.header-inner{min-height:85px}.brand img{width:270px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:115px;right:15px;left:15px;z-index:40;background:#fff;padding:20px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;align-items:stretch;gap:2px}.site-header nav.open{display:flex}.site-header nav .nav-cta{justify-content:center}.hero-inner{grid-template-columns:1fr 1fr;gap:15px;padding-block:40px;min-height:520px}.hero h1{font-size:2.5rem}.hero-visual{min-height:360px}.cover-frame{width:220px;margin-inline:0}.orbit{width:280px;height:280px}.orbit:before{width:220px;height:220px;top:30px;right:30px}.float-card{padding:8px 12px;font-size:.65rem}.float-card strong{font-size:.8rem}.float-icon{width:32px;height:32px;font-size:1rem}.float-card.one{top:25px;right:-10px}.float-card.two{bottom:0;left:0}.hero-stamp{display:none}.features{grid-template-columns:1fr 1fr;gap:20px}.feature:nth-child(2){border:0}.age-grid{gap:14px}.age-card{padding:20px}.age-card h3{font-size:1.1rem}.age-card p{font-size:.8rem}.layout-rail{grid-template-columns:1fr}.rail{position:static}.rail .panel{background:var(--cream)}.footer-top{grid-template-columns:1fr 1fr}.story-callout{gap:25px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;flex-wrap:wrap;gap:5px;padding:12px}.admin-sidebar h3,.admin-sidebar p{display:none}.admin-sidebar button{width:auto;flex:1;white-space:nowrap;margin:0;padding:9px}.library-grid{grid-template-columns:1fr 1fr}.booth-hero{padding:30px;gap:20px}.booth-hero h1{font-size:2.2rem}.guide-grid{grid-template-columns:1fr}}
@media(max-width:560px){body{font-size:15px}.container{padding-inline:18px}.contact-strip{font-size:.65rem}.contact-details span{display:none}.brand img{width:245px}.header-inner{min-height:79px;gap:15px}.demo-strip{font-size:.65rem}.demo-extra{display:none}.hero-inner{grid-template-columns:1fr;padding-block:30px 45px;text-align:center;gap:15px}.hero .eyebrow{justify-content:center;font-size:.73rem;margin-bottom:17px}.hero h1{font-size:2.7rem;line-height:1.55;letter-spacing:-1px}.hero-lead{font-size:.93rem;margin-inline:auto}.hero-actions{justify-content:center}.hero-note{justify-content:center;gap:13px;font-size:.69rem}.hero-visual{min-height:350px;max-width:350px;width:100%;margin:auto}.cover-frame{width:220px}.orbit{width:295px;height:295px}.orbit:before{width:235px;height:235px}.float-card.one{right:0;top:28px}.float-card.two{bottom:13px;left:0}.hero-stamp{display:block;font-size:.56rem;right:10px;bottom:-9px}.spark{left:14px;top:25px}.features{padding-block:20px;gap:15px}.feature{padding-inline:5px;gap:9px}.feature>b{font-size:1.3rem}.feature strong{font-size:.75rem}.feature span{font-size:.64rem}.section{padding-block:40px}.section-heading{display:block;margin-bottom:23px}.section-heading>a{display:inline-block;margin-top:12px;font-size:.8rem}.section-heading h2{font-size:1.65rem}.section-heading p{font-size:.86rem}.age-grid{grid-template-columns:1fr}.age-card{padding:23px}.age-card p{min-height:0}.age-card .card-foot{margin-top:15px}.age-card h3{font-size:1.25rem}.steps-grid{grid-template-columns:1fr 1fr;gap:22px}.steps-grid h3{font-size:.95rem}.steps-grid p{font-size:.79rem}.story-callout{grid-template-columns:1fr}.green-band{padding:26px;display:block}.green-band .btn{margin-top:20px}.footer-top{gap:25px 20px;padding-block:32px}.footer-top>div:first-child{grid-column:1/-1}.footer-top img{width:250px}.footer-top strong{font-size:.85rem}.footer-bottom{flex-direction:column;gap:5px;padding-bottom:70px;font-size:.65rem}.footer-top a{font-size:.75rem}.utility-dock{bottom:12px;left:12px}.utility-dock>a,.utility-dock>button{padding:7px 11px;font-size:.72rem}.page-top{padding-block:24px}.page-top h1{font-size:1.65rem}.page-top p{font-size:.84rem}.content-section{padding-block:25px 40px}.panel{padding:21px}.form-grid{grid-template-columns:1fr;gap:16px}.choice-row{flex-direction:column}.choice{min-width:0}.form-actions .btn{flex:1;padding-inline:13px}.stage-steps{font-size:.68rem;gap:7px}.stage-steps b{width:21px;height:21px}.question-title{font-size:1.2rem}.question-scenario{font-size:.88rem;padding:13px}.answer{padding:13px;font-size:.86rem}.match-grid{grid-template-columns:1fr}.match-card p{min-height:0}.score-breakdown{gap:8px}.score-breakdown>div{padding:12px 5px}.score-breakdown b{font-size:1.1rem}.score-breakdown span{font-size:.64rem}.certificate{padding:30px 20px}.certificate h2{font-size:1.6rem}.certificate .student-name{font-size:1.4rem}.certificate .cert-bottom{font-size:.58rem;gap:10px}.certificate img{width:220px}.library-grid{grid-template-columns:1fr}.book-image{height:300px}.booth-hero{grid-template-columns:1fr;padding:27px;text-align:center}.booth-hero .eyebrow{justify-content:center}.booth-hero h1{font-size:2rem}.qr-wrap{padding:20px}.admin-grid{grid-template-columns:1fr}.stats-grid{gap:10px}.stat{padding:14px}.admin-sidebar{gap:5px}.admin-sidebar button{font-size:.72rem;padding:8px 10px}.toolbar{gap:12px}.filter-row>*{flex:1;min-width:120px}.toolbar input,.toolbar select{max-width:none}.bar-row{grid-template-columns:105px 1fr 35px;font-size:.72rem;gap:9px}.modal-backdrop{padding:12px}.modal{padding:22px;max-height:92vh}.session-banner{flex-direction:column;align-items:stretch;gap:10px}.hero-actions .btn{padding:12px 17px;font-size:.87rem}.contact-details{gap:0}.book-body h3{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{@page{size:A4 landscape;margin:12mm}body>*{display:none!important}#print-area{display:block!important;font-family:Plex,Tahoma,sans-serif;direction:rtl}#print-area .certificate{min-height:175mm;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15mm;border:2px solid #b79048}#print-area .certificate img{width:320px}#print-area .certificate h2{font-size:32pt}#print-area .student-name{font-size:27pt}#print-area .certificate p{font-size:13pt}#print-area .cert-bottom{width:90%;font-size:10pt}#print-area .note{font-size:9pt}#print-area .booth-print{text-align:center;direction:rtl}#print-area .booth-print img.logo{width:350px}#print-area .booth-print h1{font-size:34pt}#print-area .qr-code{margin:auto;width:280px;height:280px;border:0}#print-area .qr-code img{width:250px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* Student interaction: brand colours, age-specific emphasis, accessible motion. */
body{--play-accent:#23644d;--play-soft:#edf4e7;--play-gold:#f5d17d}.embedded .contact-strip,.embedded .site-footer{display:none}.embedded .header-inner{min-height:84px}.embedded .brand img{width:260px}.embedded .hero-inner{padding-top:40px}.page-error:empty{display:none}.code-box{overflow-wrap:anywhere}.question-panel{border-top:4px solid var(--play-accent);position:relative;overflow:hidden;background:linear-gradient(160deg,var(--play-soft) 0,white 29%)}.question-medallion{width:65px;height:65px;display:grid;place-items:center;font-size:2rem;color:var(--play-accent);background:#fff;border:1px solid #ffffff;border-radius:20px;box-shadow:0 6px 0 #204b3610;margin-top:26px;transform:rotate(-5deg)}.question-scenario{border-right-color:var(--play-accent);background:var(--play-soft);line-height:2}.answer{position:relative;min-height:66px;box-shadow:0 3px 0 #193d2d0b;border-width:2px;border-color:#e2e8dc}.answer:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #193d2d12;border-color:var(--play-accent)}.answer .letter{background:var(--play-soft);border:0;color:var(--play-accent);font-weight:600;width:34px;height:34px}.answer.correct{border-color:#5ca36c;background:#ebf7e9;box-shadow:0 3px 0 #4c905b30;animation:answer-pop .3s ease-out}.answer.wrong{background:#fff6df;border-color:#dfbe6c;box-shadow:0 3px 0 #c19b3e20}.answer-check{margin-right:auto;color:#23743b;font-size:1.4rem}.feedback{border:1px solid #c1dfb9;animation:feedback-enter .25s ease-out}.feedback.wrong{border-color:#e8d198;background:#fff8e7}.feedback strong{font-size:1.04rem}.feedback p{line-height:2}.mission-banner{display:flex;gap:16px;align-items:center;background:var(--play-soft);padding:20px;border-radius:12px;margin-bottom:24px}.mission-banner>span{display:grid;place-items:center;background:#fff;color:var(--play-accent);width:54px;height:54px;border-radius:14px;font-size:2rem;flex-shrink:0}.mission-banner strong{display:block}.mission-banner small{display:block;color:var(--muted);margin-top:3px}.mission-banner.gold{background:#fbf1d6}.match-card{border-width:2px;transition:border-color .18s,transform .18s}.match-card:focus-within{border-color:var(--play-accent);transform:translateY(-2px)}.match-card select{min-height:54px}.match-card .match-icon{display:inline-grid;place-items:center;min-width:53px;height:53px;border-radius:13px;background:#fff;color:var(--play-accent)}.student-companion{background:linear-gradient(145deg,#fff,var(--play-soft))}.adventure-map{display:flex;align-items:center;gap:6px;margin:25px 0}.adventure-map span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:55px;height:65px;border:1px solid #d7e1cf;border-radius:10px;background:#fff;color:#80917a;font-size:1.25rem}.adventure-map small{font-size:.64rem}.adventure-map span.active{background:var(--play-accent);color:#fff;border-color:var(--play-accent);box-shadow:0 4px 0 #163e2720}.adventure-map i{flex:1;height:1px;background:#c8d5c0}.achievement-crown{margin:0 auto 15px;color:#a47a23;font-size:3rem;line-height:1.2;text-shadow:0 4px 0 #dfc89c60}.earned-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:24px 0}.earned-badges span{background:#fff;border:1px solid #ddcfac;color:#7b632d;border-radius:25px;padding:5px 13px;font-size:.76rem}.result-hero{background:radial-gradient(ellipse at top,#f8edcc,#f9faf3 70%)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--cream);border:1px solid var(--line);border-radius:9px 9px 0 0;padding:16px}.reader-toolbar span{font-size:.8rem}.pdf-reader{display:block;width:100%;height:780px;border:1px solid var(--line);background:#f3f3ef}.loading-orbit{width:48px;height:48px;border:3px solid #e1e9db;border-top-color:var(--green);border-radius:50%;animation:oaip-spin .8s linear infinite;margin:0 auto 20px}#celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:90}#celebration i{position:absolute;top:-30px;left:var(--x);width:10px;height:18px;border-radius:2px;animation:confetti-fall 2s var(--delay) ease-in forwards;transform:rotate(var(--rotate))}body[data-level=primary]{--play-accent:#287345;--play-soft:#f0f6e6;--play-gold:#e9c64c}body[data-level=primary] .question-title{font-size:1.7rem}body[data-level=primary] .question-scenario{font-size:1.12rem}body[data-level=primary] .answer{font-size:1.04rem;min-height:77px}body[data-level=middle]{--play-accent:#326b83;--play-soft:#ecf4f7}body[data-level=secondary]{--play-accent:#985148;--play-soft:#f8efea}body.no-animations *,body.no-animations *:before,body.no-animations *:after{animation:none!important;transition:none!important}.utility-dock>[hidden]{display:none!important}.site-footer [hidden]{display:none!important}#print-area:not(:only-child){display:none}
@keyframes feedback-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes answer-pop{50%{transform:scale(1.015)}}@keyframes confetti-fall{to{top:110vh;transform:rotate(calc(var(--rotate) + 260deg)) translateX(30px);opacity:.25}}@keyframes oaip-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.question-panel{padding:20px}.question-medallion{width:55px;height:55px;font-size:1.7rem}body[data-level=primary] .question-title{font-size:1.35rem}body[data-level=primary] .question-scenario{font-size:1rem}body[data-level=primary] .answer{font-size:.94rem;min-height:78px}.utility-dock>a,.utility-dock>button{padding:7px 9px;font-size:.68rem}.utility-dock{max-width:calc(100vw - 20px);flex-wrap:wrap;background:#fff}.utility-dock [data-action=toggle-sound]{font-size:.63rem}.pdf-reader{height:650px}.reader-toolbar{gap:10px;padding:12px}.reader-toolbar>.inline-actions{order:3;width:100%;justify-content:center}.mission-banner{padding:15px;gap:10px}.mission-banner strong{font-size:.92rem}.earned-badges{gap:6px}.earned-badges span{font-size:.66rem;padding:5px 9px}.embedded .brand img{width:230px}.embedded .header-inner{min-height:76px}.embedded .site-header nav{top:80px}}
@media(prefers-reduced-motion:reduce){#celebration{display:none}.loading-orbit{animation:none}}
@media print{#print-area{display:block!important}.utility-dock,#celebration{display:none!important}.certificate .code{font-size:9pt!important;letter-spacing:0!important}}
.embedded .modal-backdrop{position:absolute;top:var(--oaip-visible-top,0px);bottom:auto;height:var(--oaip-visible-height,100vh)}.embedded .modal{max-height:calc(var(--oaip-visible-height,100vh) - 30px)}.embedded #celebration{position:absolute;top:var(--oaip-visible-top,0px);bottom:auto;height:var(--oaip-visible-height,100vh)}.embedded .utility-dock{position:absolute;top:calc(var(--oaip-visible-top,0px) + var(--oaip-visible-height,100vh) - 56px);bottom:auto}
/* Focused participant experience, 1.1 */
html{min-height:100%;overflow-x:hidden}body{background:#f4f8f5;overflow-x:hidden}.contact-strip,.site-footer,.utility-dock>a[href="#booth"]{display:none}.site-header{box-shadow:none;background:#ffffffdb}.header-inner{min-height:76px}.brand img{max-width:220px;height:auto}.welcome-screen{position:relative;isolation:isolate;min-height:calc(100svh - 80px);display:grid;place-items:center;padding:36px 20px;overflow:hidden;background:radial-gradient(ellipse at 15% 20%,#e7d9b591,transparent 50%),radial-gradient(ellipse at 85% 80%,#b9ded1,transparent 50%),linear-gradient(145deg,#f8faf3,#e8f4ef)}.welcome-content{position:relative;text-align:center;display:flex;align-items:center;flex-direction:column;gap:18px;max-width:650px}.welcome-content h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.4;margin:0;color:#174b3c}.welcome-content p{margin:0;font-size:1.1rem}.welcome-cover{width:clamp(105px,18vh,170px);max-height:25svh;object-fit:contain;border-radius:16px;box-shadow:0 18px 45px #174b3c24;transform:rotate(-4deg)}.welcome-start{min-width:240px;justify-content:center;font-size:1.15rem}.welcome-art{position:absolute;font-size:65vw;line-height:1;color:#fff6;z-index:-1;inset:auto auto -35% -10%;animation:welcome-drift 12s ease-in-out infinite alternate}.welcome-links{display:flex;gap:28px;font-size:.85rem}.welcome-content small{color:#536c60}.wizard-hidden{display:none!important}.wizard-bar{background:#e8f3ed;color:#174b3c;padding:12px 18px;border-radius:12px;margin-bottom:22px;font-weight:bold}.layout-rail{grid-template-columns:minmax(0,760px);justify-content:center}.layout-rail>.rail{display:none}.content-section{padding-top:24px;padding-bottom:40px}.page-top{padding:22px 0}.page-top h1{font-size:clamp(1.5rem,4vw,2.4rem)}.breadcrumb{display:none}.panel{border-radius:22px;box-shadow:0 12px 36px #174b3c08}.display-screen{min-height:100svh;display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center;padding:5vw;background:radial-gradient(at top left,#366751,#123f34);color:white}.display-screen h1{font-size:clamp(2rem,5vw,4.5rem)}.display-logo{background:white;border-radius:16px;padding:16px;width:320px;max-width:100%}.display-screen .qr-wrap{color:#174b3c;padding:36px}.display-screen .qr-code{display:flex;justify-content:center}.display-screen .qr-code img,.display-screen .qr-code canvas{max-width:100%;height:auto}body[data-page="booth"] .site-header,body[data-page="booth"] .utility-dock{display:none}body[data-page="home"] .site-header nav{display:none}body[data-page="home"] .menu-toggle{display:none}input,select,textarea{max-width:100%;font-size:16px}.form-grid>*{min-width:0}.btn{min-height:48px}.wizard-bar{scroll-margin-top:20px}@keyframes welcome-drift{to{transform:rotate(20deg) translateY(-20px)}}@media(max-width:700px){.display-screen{grid-template-columns:1fr;text-align:center;padding:28px 18px}.display-logo{width:240px}.display-screen .qr-wrap{max-width:380px;margin:auto;width:100%}.welcome-screen{padding:24px 16px}.welcome-links{gap:20px}.panel{padding:22px 18px}.page-top p{font-size:.9rem}.utility-dock{bottom:12px;left:12px}.header-inner{min-height:64px}.brand img{max-width:190px}}@media(prefers-reduced-motion:reduce){.welcome-art{animation:none}}
body[data-page="create"] .layout-rail>.rail{display:block}body[data-page="create"] .product-preview{max-width:300px;margin:auto}body[data-page="create"] .rail{position:static}body[data-page="play"] .student-companion,body[data-page="match"] .student-companion{display:block}
body[data-page="play"] .layout-rail>.rail,body[data-page="match"] .layout-rail>.rail{display:block;position:static}body[data-page="play"] .student-companion>:not(details):not(button),body[data-page="match"] .student-companion>:not(details):not(button){display:none}body[data-page="play"] .student-companion,body[data-page="match"] .student-companion{text-align:right;padding:16px}
/* Standalone pages: one stable logo area and no theme chrome. */
html{scrollbar-gutter:stable;scroll-behavior:auto}body{margin:0;min-height:100svh}.site-header{position:relative!important;height:78px;min-height:78px;border:0;background:#f5f9f5;box-shadow:none}.site-header .header-inner{height:78px;min-height:78px;justify-content:center}.site-header .brand img{width:220px;height:55px;object-fit:contain}.site-header .menu-toggle,.site-header nav{display:none!important}#main{min-height:calc(100svh - 78px)}.welcome-screen{min-height:calc(100svh - 78px)}.welcome-art{animation:none}.layout-rail>.rail{position:static}body[data-page="result"] .layout-rail>.rail{display:block}.answers .answer{min-height:68px}.feedback{min-height:100px}.welcome-cover{aspect-ratio:3/4}.welcome-screen{overflow-anchor:none}.page-top h1{margin-top:0}.utility-dock{position:fixed}body[data-page="home"] .utility-dock{display:none}@media(max-width:700px){.site-header,.site-header .header-inner{height:68px;min-height:68px}.site-header .brand img{width:190px;height:48px}#main,.welcome-screen{min-height:calc(100svh - 68px)}}
/* Keep answer feedback space stable and avoid movement on hover/focus. */
body[data-page="play"] .question-feedback-slot{min-height:180px;padding-top:12px}body[data-page="play"] .question-next-slot{min-height:90px}body[data-page="play"] .feedback{margin-block:0;animation:none}body[data-page="play"] .answer,body[data-page="play"] .answer:hover:not(:disabled),body[data-page="play"] .answer.correct,body[data-page="play"] .btn:hover,body[data-page="match"] .match-card:focus-within{transform:none;animation:none;transition:background-color .15s,border-color .15s}.question-panel{overflow-anchor:none}html{overflow-y:scroll}

/* Native hidden must win over button display rules. */
[hidden]{display:none!important}
.product-studio{position:relative;isolation:isolate;overflow:hidden;min-height:310px;display:grid;place-items:center;padding:48px 24px 32px;border-radius:24px;background:radial-gradient(ellipse at 35% 20%,#fff 5%,#edf2ee 70%);margin:20px 0;color:#24352e}
.studio-caption{position:absolute;top:16px;font-size:12px;letter-spacing:.04em;color:#52695b}
.product-model{z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:150px;min-height:190px;padding:22px 12px;border:2px solid #ffffff80;border-radius:28px;background:linear-gradient(110deg,#ffffff70,transparent 40%,#00000035),var(--product-color);color:white;box-shadow:inset 6px 0 12px #ffffff40,inset -8px 0 15px #00000030,14px 18px 24px #24352e30;transform:rotate(var(--product-tilt));overflow-wrap:anywhere}
.product-model span{font-size:42px}.product-model b{font-size:20px}.product-model small{font:11px monospace;opacity:.85}
.model-bottle{width:115px;border-radius:35px 35px 24px 24px;border-top:16px solid #bcc8c2}.model-bag{border-radius:45px 45px 18px 18px;border-top:12px solid #213e32}.model-bin{border-top:15px solid #253c32;border-radius:12px 12px 30px 30px}.model-lamp{border-radius:80px 80px 20px 20px;width:165px;border-bottom:18px solid #b6c1ba}.model-clock{border-radius:50%;width:185px;min-height:185px;border:9px solid #dce3df}
.studio-shadow{position:absolute;bottom:25px;width:180px;height:20px;border-radius:50%;background:#20392c30;filter:blur(9px)}
.certificate .product-studio{min-height:180px;padding:35px 10px 15px}.certificate .product-model{min-height:110px;width:110px;gap:2px;padding:10px}.certificate .product-model span{font-size:25px}.certificate .product-model b{font-size:15px}