*{box-sizing:border-box}body{margin:0;background:#eee9ef;color:#382439;font-family:Arial,'Microsoft YaHei',sans-serif}main{max-width:460px;min-height:100vh;margin:auto;padding:22px;background:radial-gradient(ellipse at 90% 25%,#f9d9e5,transparent 55%),#fff8f6}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header b{font-size:21px;color:#a33f6c}header span,small{font-size:11px;letter-spacing:2px;color:#976977}h1{font-size:44px;line-height:1.23;margin:16px 0}h1 span{color:#d65b87}h2{font-size:25px;margin:12px 0}p{font-size:14px;color:#8e707b;line-height:1.7}button{border:0;border-radius:16px;padding:16px 12px;background:linear-gradient(110deg,#c34d7d,#884ab2);color:white;font-weight:700;font-size:16px;cursor:pointer;width:100%;min-height:48px}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:3px solid #5739a6;outline-offset:3px}.light{background:#efdfeb;color:#66405a;margin-top:10px}.text{background:none;color:#956c7c;font-size:13px;padding:10px}.fine,footer{font-size:11px;line-height:1.7;text-align:center;color:#977d86}footer{padding:8px 0}.art{height:260px;position:relative;display:grid;place-items:center;margin:10px 0 24px;overflow:hidden}.halo{position:absolute;width:230px;height:230px;border:1px solid #d9a3bb;border-radius:50%;box-shadow:0 0 0 22px #f3d9e65c,0 0 0 43px #f3d9e630}.face{font-size:145px;color:#ba6588;line-height:1;z-index:1}.art i{position:absolute;right:45px;top:15px;color:#ca467a;font-size:50px}.float{position:absolute;left:5px;top:50px;padding:12px;background:#fffdfbdc;border:1px solid white;border-radius:16px;transform:rotate(-9deg);z-index:2;font-size:12px;box-shadow:0 12px 30px #a8708c18}.float b{display:block;font-size:25px;color:#bb4b7b}.float.right{left:auto;right:5px;top:135px;transform:rotate(8deg)}.art label{position:absolute;bottom:0;font-size:12px;color:#a47687}.miniBars{position:absolute;bottom:35px;display:flex;gap:7px;align-items:end;z-index:2}.miniBars em{height:38px;width:17px;background:#cba0d2;border-radius:6px}.miniBars em:nth-child(2){height:60px;background:#efa3b5}.miniBars em:nth-child(3){height:48px;background:#eab87f}.miniBars em:nth-child(4){height:70px;background:#9acbb6}.phone{width:240px;height:275px;margin:20px auto 12px;border:6px solid #3d303d;border-radius:30px;background:#fffdfb;position:relative;overflow:hidden;box-shadow:0 16px 40px #613c501c}.top{padding:18px 13px;font-size:12px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.top b{border:2px solid #d97798;border-radius:50%;padding:3px;animation:pulse 1s infinite}#demo{padding:14px;text-align:center}.demoFace{font-size:76px;color:#bd688b}.phone h3{font-size:15px}.menu{position:absolute;inset:60px 8px 10px;background:#faf7f3;text-align:left;padding:15px;line-height:2.8;font-size:13px;border-radius:15px}.menu strong{display:block;border:2px solid #d2799c;border-radius:10px;font-size:12px;padding-left:4px}#paste{position:absolute;inset:55px 0 0;background:#fff9f7;padding:10px}.address{background:#eee5ed;border-radius:8px;font-size:11px;padding:10px}.pointer{position:absolute;right:16px;top:52px;font-size:32px;color:#c34d7d;transition:top .5s}.step{display:flex;gap:12px;align-items:center;min-height:60px;font-size:13px}.step b{font-size:25px;color:#b55f87}.row{display:flex;gap:8px}.row .light{margin:0;width:70px}input{width:100%;padding:12px;font-size:16px}.lens{position:relative;height:clamp(210px,40vh,330px);background:#eee2eb;border-radius:26px;overflow:hidden;margin:20px 0}video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:110px;color:#ba8aa6}#placeholder span{font-size:13px}.oval{position:absolute;inset:12% 22%;border:2px dashed #fff;border-radius:48%}#scan{position:absolute;left:10%;width:80%;height:2px;top:15%;background:#c8629a;box-shadow:0 0 14px #ff9ecc;animation:scan 2s infinite alternate}#timer{position:absolute;top:14px;right:14px;color:white;background:#a74779;padding:10px;border-radius:30px}.resultCanvas{height:360px;position:relative;border-radius:26px;overflow:hidden;background:#8a5772;margin-top:20px}.shade{position:absolute;inset:0;background:linear-gradient(#31213520,#312135c9)}.resultTitle{position:absolute;top:18px;width:100%;text-align:center;color:#fff;font-weight:bold}.resultTitle small{display:block;color:#fff;font-size:10px;margin-top:7px;letter-spacing:0}#bars{position:absolute;bottom:25px;left:12px;right:12px;display:flex;gap:6px;align-items:end;height:210px}.bar{flex:1;text-align:center;color:#fff;font-size:11px}.bar b{display:block;font-size:12px}.bar i{display:block;margin:5px auto 9px;width:80%;height:var(--h);background:var(--c);border-radius:8px 8px 2px 2px;animation:grow 1s both;transform-origin:bottom}.message{padding:15px 0}.message h3{font-size:18px;margin:7px 0}.message p{margin:0;font-size:12px}[hidden]{display:none!important}@keyframes scan{to{top:80%}}@keyframes grow{from{transform:scaleY(0)}}@keyframes pulse{50%{box-shadow:0 0 0 5px #ecb6cb50}}@media(max-height:700px){main{padding:16px}header{margin-bottom:16px}h1{font-size:36px}.art{height:220px;margin-bottom:15px}.halo{width:180px;height:180px}.phone{height:245px;margin:12px auto}.fine{margin:8px 0}.resultCanvas{height:300px}h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}

/* Nigeria English edition */
body{background:#dae8e0;color:#173e31}main{background:radial-gradient(ellipse at 100% 20%,#d7ead6,transparent 60%),#fffaf0}header b{color:#08794f}header span,small{color:#617969}h1{font-family:Georgia,serif;font-size:43px;letter-spacing:-1.5px}h1 span{color:#d19937}p{color:#5b7465}button{background:linear-gradient(110deg,#078657,#075f43)}.light{background:#e0ecdf;color:#20513a}.text{background:none;color:#51725d}.fine,footer{color:#687b6d}.halo{border-color:#a9c7a8;box-shadow:0 0 0 22px #d8e5c95c,0 0 0 43px #e7eaca55}.face{color:#719b77}.art i{color:#c79536}.float b{color:#08794f}.float{background:#fffdf3}.art label{color:#657d67}.miniBars em{background:#84b69c}.step b{color:#08794f}.top b{border-color:#c79b48}.menu strong{border-color:#10845a}.pointer{color:#098357}.demoFace{color:#5e9772}.address{background:#e1ecdf}.lens{background:#e0e9db}#placeholder{color:#6b9278}#timer{background:#08794f}#scan{background:#e0b04a;box-shadow:0 0 14px #e9bd64}.resultCanvas{background:#507d63}.phone{height:290px}.phone h3{line-height:1.3}.step{line-height:1.5;min-height:76px}.bar{font-size:10px}@media(max-height:700px){h1{font-size:37px}.phone{height:265px}.art{height:205px}header{margin-bottom:12px}}
