#merchant-access-demo{--bg:#131313;--panel:#252525;--text:#f9f9f9;--sub:#c6c6c6;--line:#4f4f4f;position:relative;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.6 Inter,Arial,sans-serif;border-radius:18px;min-height:630px;isolation:isolate;transition:background .5s,color .5s}
#merchant-access-demo[data-theme=light]{--bg:#f6f6f6;--panel:#ffffff;--text:#2e2e2e;--sub:#757575;--line:#e7e7e7}
#merchant-access-demo *{box-sizing:border-box}#merchant-access-demo .glow{position:absolute;width:650px;height:330px;border-radius:50%;background:radial-gradient(ellipse,#97979770,transparent 65%);filter:blur(32px);z-index:-1;animation:drift 12s ease-in-out infinite alternate}#merchant-access-demo .g1{top:-160px;right:-240px}#merchant-access-demo .g2{bottom:-150px;left:-230px;animation-delay:-6s}
#merchant-access-demo .ribbon{position:absolute;width:850px;height:380px;border:1px solid #9e9e9e60;border-radius:50%;transform:rotate(-25deg);z-index:-1;box-shadow:0 0 40px #97979730;animation:drift 16s ease-in-out infinite alternate}#merchant-access-demo .r1{right:-450px;top:80px}#merchant-access-demo .r2{left:-450px;bottom:0;animation-delay:-8s}
#merchant-access-demo header{padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}#merchant-access-demo .brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700}#merchant-access-demo .logo{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#aeaeae,#919191);color:white;border-radius:12px}#merchant-access-demo .controls{display:flex;gap:8px}#merchant-access-demo select,#merchant-access-demo .theme{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-height:44px}#merchant-access-demo .theme{display:grid;place-items:center}
#merchant-access-demo main{max-width:600px;margin:36px auto 52px;padding:0 20px;text-align:center}#merchant-access-demo .notice{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:38px 28px;box-shadow:0 25px 80px #18181830;position:relative;animation:enter .7s ease both}#merchant-access-demo .notice:before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#b2b2b2,transparent)}
#merchant-access-demo .orb{width:86px;height:86px;margin:0 auto 24px;display:grid;place-items:center;color:#b7b7b7;border:1px solid #8c8c8c;border-radius:50%;position:relative;background:#98989812}#merchant-access-demo .orb:before{content:'';position:absolute;inset:-9px;border:1px dashed #9a9a9a80;border-radius:50%;animation:orbit 30s linear infinite}#merchant-access-demo .orb svg{width:32px;height:32px}#merchant-access-demo .eyebrow{color:#aeaeae;letter-spacing:3px;font-size:11px;font-weight:600}#merchant-access-demo h2{font-size:30px;line-height:1.25;margin:16px 0}#merchant-access-demo p{color:var(--sub);margin:0 auto 26px;max-width:420px}#merchant-access-demo .check{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:14px 28px;background:linear-gradient(120deg,#8e8e8e,#969696);color:white;font:600 14px Inter,Arial,sans-serif;box-shadow:0 8px 25px #90909030;transition:transform .2s;min-width:210px}#merchant-access-demo .check:hover{transform:translateY(-3px)}#merchant-access-demo .check:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff22 50%,transparent 65%);transform:translateX(-150%);animation:shine 6s infinite}#merchant-access-demo .checking svg{animation:orbit 1s linear infinite}#merchant-access-demo .status{font-size:12px;color:var(--sub);min-height:22px;margin-top:20px}#merchant-access-demo footer{text-align:center;color:var(--sub);font-size:12px;padding:0 20px 25px}
@keyframes drift{to{transform:translate(50px,30px) rotate(-15deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes shine{70%,100%{transform:translateX(150%)}}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){#merchant-access-demo header{padding:20px}#merchant-access-demo main{margin-top:15px}#merchant-access-demo h2{font-size:25px}#merchant-access-demo .notice{padding:30px 20px}#merchant-access-demo .brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){#merchant-access-demo *{animation:none!important}}
/* Aurora motion */
#merchant-access-demo{--mx:50%;--my:40%;background:radial-gradient(ellipse at var(--mx) var(--my),#3f3f3f 0%,var(--bg) 65%)}
#merchant-access-demo[data-theme=light]{background:radial-gradient(ellipse at var(--mx) var(--my),#eaeaea,var(--bg) 65%)}
#merchant-access-demo .glow{width:850px;height:500px;filter:blur(45px);background:conic-gradient(from 30deg,transparent,#97979770,#99999940,transparent);animation:aurora 10s ease-in-out infinite alternate}
#merchant-access-demo .ribbon{width:1000px;height:430px;border:2px solid #a8a8a855;box-shadow:0 0 22px #9e9e9e45,inset 0 0 25px #a1a1a125;animation:wave 9s ease-in-out infinite alternate}
#merchant-access-demo .r1{right:-530px;top:-70px}#merchant-access-demo .r2{left:-540px;bottom:-100px;animation-delay:-4s}
#merchant-access-demo .notice{background:var(--panel);box-shadow:0 25px 75px #12121245,0 0 60px #9a9a9a15;border-color:#898989;border-radius:30px;padding-top:42px;animation:enter .8s ease both}
#merchant-access-demo .notice:before{height:3px;left:15%;right:15%;background:linear-gradient(90deg,transparent,#a0a0a0,#d5d5d5,#a0a0a0,transparent);background-size:200% 100%;animation:edge 4s ease-in-out infinite alternate}
#merchant-access-demo .orb{width:100px;height:100px;border:1px solid #bbbbbb;background:radial-gradient(circle,#6d6d6d55,#40404030);box-shadow:0 0 35px #9a9a9a40,inset 0 0 25px #9e9e9e30;animation:float 5s ease-in-out infinite}
#merchant-access-demo .orb:before{inset:-13px;border:1px solid transparent;border-top-color:#bababa;border-bottom-color:#9b9b9b;animation:orbit 6s linear infinite}
#merchant-access-demo .orb:after{content:'';position:absolute;inset:-24px;border-radius:50%;border:1px solid transparent;border-left-color:#acacac77;border-right-color:#acacac77;animation:orbit 12s linear infinite reverse}
#merchant-access-demo .orb svg{width:38px;height:38px;color:#cacaca}
#merchant-access-demo .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #97979755;border-radius:20px;padding:5px 14px;background:#9c9c9c12;letter-spacing:2px}
#merchant-access-demo .eyebrow:before{content:'';width:5px;height:5px;background:#b4b4b4;border-radius:50%;box-shadow:0 0 10px #b4b4b4;animation:pulse 3s ease-in-out infinite}
#merchant-access-demo h2{letter-spacing:-.8px;font-size:32px}#merchant-access-demo .check{background:linear-gradient(120deg,#969696,#969696,#939393);background-size:200% 100%;animation:edge 5s ease infinite alternate;box-shadow:0 8px 30px #96969645;border:1px solid #b7b7b766}
#merchant-access-demo .particles{position:absolute;inset:0;pointer-events:none;z-index:-1}#merchant-access-demo .particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#c3c3c3;box-shadow:0 0 8px #ababab;opacity:0;animation:rise 12s linear infinite}
@keyframes aurora{to{transform:translate(100px,65px) rotate(30deg) scale(1.15)}}@keyframes wave{to{transform:translate(50px,-25px) rotate(15deg) scale(1.12)}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes edge{to{background-position:100% 50%}}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 3px #b4b4b4}}@keyframes rise{0%{transform:translateY(30px);opacity:0}20%{opacity:.6}80%{opacity:.4}100%{transform:translate(35px,-230px);opacity:0}}
@media(max-width:480px){#merchant-access-demo h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){#merchant-access-demo *,#merchant-access-demo *:before,#merchant-access-demo *:after{animation:none!important}}
#merchant-access-demo[data-theme=light]{--bg:#f8f8f8;--panel:#fff;--text:#2f2f2f;--sub:#6f6f6f;--line:#e9e9e9;background:radial-gradient(ellipse at 10% 95%,#ededed 0%,transparent 48%),radial-gradient(ellipse at 100% 0%,#f0f0f0 0%,transparent 45%),#f8f8f8}
#merchant-access-demo h2{color:var(--text)!important}#merchant-access-demo header,#merchant-access-demo .brand{color:var(--text)}
#merchant-access-demo[data-theme=light] .notice{border:1px solid #e6e6e6;background:#fff;box-shadow:0 25px 70px #66666612,0 4px 15px #66666608}
#merchant-access-demo[data-theme=light] .orb{background:radial-gradient(circle at 30% 20%,#fff,#f4f4f4);color:#858585;border-color:#dddddd;box-shadow:0 10px 30px #97979715,inset 0 0 20px #f6f6f6}
#merchant-access-demo[data-theme=light] .orb svg{color:#878787}#merchant-access-demo[data-theme=light] .orb:before{border-top-color:#a3a3a3;border-bottom-color:#c6c6c6}#merchant-access-demo[data-theme=light] .orb:after{border-left-color:#dddddd;border-right-color:#dddddd}
#merchant-access-demo[data-theme=light] .eyebrow{background:#f6f6f6;color:#787878;border-color:#eaeaea}#merchant-access-demo[data-theme=light] .eyebrow:before{background:#979797;box-shadow:0 0 8px #97979733}
#merchant-access-demo[data-theme=light] .glow{opacity:.25}#merchant-access-demo[data-theme=light] .ribbon{opacity:.28;box-shadow:none;border-color:#b3b3b3}#merchant-access-demo[data-theme=light] .particle{background:#a8a8a8;box-shadow:none}
#merchant-access-demo[data-theme=light] select,#merchant-access-demo[data-theme=light] .theme{background:#fff;border-color:#e6e6e6;color:#434343;box-shadow:0 3px 8px #4f4f4f06}
#merchant-access-demo[data-theme=light] .check{box-shadow:0 8px 22px #9090902b;background:linear-gradient(110deg,#8d8d8d,#9f9f9f);color:#fff}
#merchant-access-demo main{width:100%;max-width:600px}#merchant-access-demo .notice{width:100%}#merchant-access-demo h2,#merchant-access-demo p{overflow-wrap:break-word}
#merchant-access-demo .brand{animation:ma-reveal .8s ease both}
#merchant-access-demo .eyebrow{animation:ma-reveal .7s .15s ease both}
#merchant-access-demo h2{animation:ma-title 1.1s .3s cubic-bezier(.16,1,.3,1) both}
#merchant-access-demo p{animation:ma-reveal .9s .65s ease both}
#merchant-access-demo .check{animation:ma-reveal .8s .85s ease both,edge 5s 1.6s ease infinite alternate}
#merchant-access-demo .status{animation:ma-reveal .8s 1.05s ease both}
#merchant-access-demo footer{animation:ma-reveal .8s 1.15s ease both}
#merchant-access-demo .letter{display:inline-block;animation:ma-letter .75s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.3s + var(--letter-index)*.025s)}
#merchant-access-demo .word{display:inline-block;white-space:nowrap}
#merchant-access-demo .notice.replay h2{animation:none}
#merchant-access-demo .notice.replay p{animation:ma-reveal .8s .25s ease both}
#merchant-access-demo .notice.replay .eyebrow{animation:ma-reveal .6s ease both}
@keyframes ma-reveal{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes ma-title{from{opacity:0;transform:translateY(18px);filter:blur(8px);letter-spacing:1px}to{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:-.8px}}
@keyframes ma-letter{from{opacity:0;transform:translateY(18px) rotateX(60deg);filter:blur(5px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){#merchant-access-demo *,#merchant-access-demo *:before,#merchant-access-demo *:after{animation:none!important}}
#merchant-access-demo .orb{width:116px;height:116px}
#merchant-access-demo .orb svg{width:58px!important;height:58px!important;stroke-width:1.5;display:block}
#merchant-access-demo .controls svg,#merchant-access-demo .check svg{width:21px!important;height:21px!important}
#merchant-access-demo .motion-text{display:inline-block;animation:ma-letter .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--start,.1s) + var(--letter-index)*.015s)}
#merchant-access-demo .status{min-height:40px}
@media(prefers-reduced-motion:reduce){#merchant-access-demo .motion-text{animation:none!important}}
#merchant-access-demo{perspective:1200px}
#merchant-access-demo .notice{transform-style:preserve-3d;transition:transform .5s ease,box-shadow .5s ease;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));animation:none}
#merchant-access-demo .orb{transform-style:preserve-3d;border:0;background:radial-gradient(circle at 30% 20%,#f7f7f7,#b4b4b4 30%,#868686 64%,#3e3e3e)!important;box-shadow:inset -15px -18px 28px #3b3b3b88,inset 8px 8px 18px #ffffff77,0 16px 35px #8686863b!important;animation:ma-sphere 7s ease-in-out infinite;position:relative;margin-bottom:38px;color:#fff}
#merchant-access-demo .orb svg{color:#ffffff!important;filter:drop-shadow(0 2px 4px #5c5c5c77);transform:translateZ(26px)}
#merchant-access-demo .orb:before,#merchant-access-demo .orb:after{inset:-24px;border:3px solid #b9b9b9;border-left-color:#dfdfdf;border-right-color:#8a8a8a;box-shadow:0 0 12px #a9a9a944;transform-style:preserve-3d}
#merchant-access-demo .orb:before{animation:ma-ring-a 9s linear infinite}
#merchant-access-demo .orb:after{inset:-35px;border-width:2px;border-color:#cccccc99;animation:ma-ring-b 12s linear infinite}
#merchant-access-demo .sphere-shadow{position:absolute;width:105px;height:16px;left:50%;top:188px;margin-left:-52px;border-radius:50%;background:#7b7b7b2b;filter:blur(9px);animation:ma-shadow 7s ease-in-out infinite;pointer-events:none}
#merchant-access-demo .notice h2,#merchant-access-demo .notice p,#merchant-access-demo .eyebrow{transform:translateZ(25px)}
#merchant-access-demo .check{transform:translateZ(35px);box-shadow:0 6px 0 #6b6b6b,0 16px 30px #8d8d8d33!important;transition:transform .25s,box-shadow .25s}
#merchant-access-demo .check:hover{transform:translateZ(45px) translateY(-3px)}#merchant-access-demo .check:active{transform:translateZ(25px) translateY(4px);box-shadow:0 2px 0 #6b6b6b!important}
#merchant-access-demo .letter,#merchant-access-demo .motion-text{animation-name:ma-flip;transform-origin:50% 100%;backface-visibility:hidden}
#merchant-access-demo .cube{position:absolute;width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,#f2f2f2,#a6a6a6);box-shadow:inset -5px -5px 7px #76767677,3px 6px 10px #6c6c6c22;animation:ma-cube 13s ease-in-out infinite;opacity:.65;pointer-events:none}
#merchant-access-demo .cube.a{left:9%;top:32%}#merchant-access-demo .cube.b{right:10%;top:64%;width:30px;height:30px;animation-delay:-5s}#merchant-access-demo .cube.c{right:20%;top:17%;width:14px;height:14px;animation-delay:-9s}
@keyframes ma-sphere{0%,100%{transform:translateZ(55px) translateY(0) rotateY(-12deg)}50%{transform:translateZ(75px) translateY(-12px) rotateY(12deg)}}
@keyframes ma-ring-a{from{transform:rotateX(65deg) rotateY(20deg) rotateZ(0)}to{transform:rotateX(65deg) rotateY(20deg) rotateZ(360deg)}}
@keyframes ma-ring-b{from{transform:rotateY(65deg) rotateX(-25deg) rotateZ(0)}to{transform:rotateY(65deg) rotateX(-25deg) rotateZ(-360deg)}}
@keyframes ma-shadow{50%{transform:scale(.75);opacity:.45}}
@keyframes ma-flip{from{opacity:0;transform:perspective(450px) rotateX(-85deg) translateY(12px);filter:blur(3px)}to{opacity:1;transform:perspective(450px) rotateX(0) translateY(0);filter:blur(0)}}
@keyframes ma-cube{0%,100%{transform:translateY(0) rotateX(15deg) rotateY(25deg) rotateZ(20deg)}50%{transform:translateY(-40px) rotateX(190deg) rotateY(205deg) rotateZ(80deg)}}
@media(prefers-reduced-motion:reduce){#merchant-access-demo *,#merchant-access-demo *:before,#merchant-access-demo *:after{animation:none!important;transition:none!important}}
/* New editorial split layout */
#merchant-access-demo{min-height:600px;border-radius:20px;perspective:none;background:#1b1b19;--panel:#252525;--text:#f9f9f9;--sub:#bcbcbc;--line:#434343}
#merchant-access-demo[data-theme=light]{background:#f7f7f7;--panel:#ffffff;--text:#303030;--sub:#797979;--line:#e7e7e7}
#merchant-access-demo header{border-bottom:1px solid var(--line);padding:22px 30px;background:var(--panel)}
#merchant-access-demo main{max-width:100%;margin:0;padding:44px 38px 32px;text-align:left;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(280px,1.15fr);gap:44px;align-items:center}
#merchant-access-demo .notice{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;padding:0;transform:none!important;transform-style:flat}
#merchant-access-demo .notice:before,#merchant-access-demo .sphere-shadow{display:none}
#merchant-access-demo .notice .orb{display:none}
#merchant-access-demo .eyebrow{background:transparent!important;border:0!important;padding:0;color:#989898!important;letter-spacing:2px}
#merchant-access-demo h2{font-size:38px;line-height:1.15;margin:18px 0 22px;letter-spacing:-1.3px;max-width:430px;color:var(--text)!important;transform:none!important}
#merchant-access-demo p{margin:0 0 28px;max-width:420px;font-size:15px;line-height:1.8;transform:none!important}
#merchant-access-demo .check,#merchant-access-demo .check:hover,#merchant-access-demo .check:active{transform:none!important;box-shadow:none!important;border:0;border-radius:10px;background:#8e8e8e!important;padding:13px 22px;min-width:175px;animation:ma-reveal .8s .8s ease both}
#merchant-access-demo .check:hover{background:#7c7c7c!important}#merchant-access-demo .check:before{display:none}
#merchant-access-demo .status{margin-top:20px;text-align:left;font-size:12px;min-height:40px}
#merchant-access-demo footer{padding:20px 30px;border-top:1px solid var(--line);text-align:left;background:var(--panel)}
#merchant-access-demo .glow,#merchant-access-demo .ribbon,#merchant-access-demo .particles,#merchant-access-demo .cube{display:none}
#merchant-access-demo .art{position:relative;min-height:340px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:28px;overflow:hidden}
#merchant-access-demo .halo{position:absolute;width:270px;height:270px;border:1px solid #a0a0a02b;border-radius:50%}#merchant-access-demo .halo.h2{width:210px;height:210px}#merchant-access-demo .halo.h3{width:150px;height:150px;background:#94949409}
#merchant-access-demo .network-core{width:95px;height:95px;border-radius:25px;background:linear-gradient(135deg,#a8a8a8,#7c7c7c);color:#fff;display:grid;place-items:center;box-shadow:0 20px 35px #7c7c7c25;animation:ma-node-float 6s ease-in-out infinite;transform:rotate(-8deg)}
#merchant-access-demo .network-core svg{width:48px!important;height:48px!important}
#merchant-access-demo .node{position:absolute;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:#919191;display:grid;place-items:center;animation:ma-node-float 6s ease-in-out infinite}
#merchant-access-demo .node.n1{top:38px;left:48px;animation-delay:-2s}#merchant-access-demo .node.n2{right:38px;top:100px;animation-delay:-4s}#merchant-access-demo .node.n3{left:55px;bottom:58px;animation-delay:-1s}
#merchant-access-demo .art-label{position:absolute;bottom:24px;display:flex;align-items:center;gap:7px;color:var(--sub);font-size:12px}#merchant-access-demo .art-label:before{content:'';width:6px;height:6px;background:#9d9d9d;border-radius:50%}
@keyframes ma-node-float{50%{translate:0 -9px;rotate:5deg}}
@media(max-width:620px){#merchant-access-demo main{grid-template-columns:1fr;padding:28px 22px;gap:24px}#merchant-access-demo .art{min-height:230px}#merchant-access-demo h2{font-size:30px}#merchant-access-demo .node.n1{top:24px}#merchant-access-demo .node.n3{bottom:35px}#merchant-access-demo .art-label{bottom:14px}}
@media(prefers-reduced-motion:reduce){#merchant-access-demo *{animation:none!important}}
#merchant-access-demo .art{min-height:365px;background:radial-gradient(ellipse at 50% 65%,#4f4f4f55,transparent 60%);border:0;border-radius:0;perspective:900px;overflow:visible}
#merchant-access-demo .halo,#merchant-access-demo .network-core,#merchant-access-demo .node,#merchant-access-demo .art-label{display:none}
#merchant-access-demo[data-theme=light] .art{background:radial-gradient(ellipse at 50% 65%,#e0e0e080,transparent 65%)}
#merchant-access-demo .crystal-stage{width:170px;height:170px;position:relative;transform-style:preserve-3d;animation:mc-float 7s ease-in-out infinite;z-index:2}
#merchant-access-demo .crystal{position:absolute;inset:0;transform-style:preserve-3d;animation:mc-turn 24s linear infinite}
#merchant-access-demo .face{position:absolute;width:170px;height:170px;border:1px solid #d0d0d0bb;background:linear-gradient(135deg,#d9d9d999,#93939377 40%,#5d5d5dcc);box-shadow:inset 0 0 35px #c5c5c555;backface-visibility:visible;display:grid;place-items:center}
#merchant-access-demo .face.front{transform:translateZ(85px)}#merchant-access-demo .face.back{transform:rotateY(180deg) translateZ(85px)}#merchant-access-demo .face.right{transform:rotateY(90deg) translateZ(85px)}#merchant-access-demo .face.left{transform:rotateY(-90deg) translateZ(85px)}#merchant-access-demo .face.top{transform:rotateX(90deg) translateZ(85px);background:linear-gradient(135deg,#eaeaeacc,#b3b3b388)}#merchant-access-demo .face.bottom{transform:rotateX(-90deg) translateZ(85px)}
#merchant-access-demo .face svg{width:52px!important;height:52px!important;color:#f7f7f7;filter:drop-shadow(0 0 9px #bcbcbc)}
#merchant-access-demo .core-light{position:absolute;width:65px;height:65px;left:52px;top:52px;background:#c7c7c7;filter:blur(24px);border-radius:50%;box-shadow:0 0 60px #a6a6a6;animation:mc-breathe 4s ease-in-out infinite}
#merchant-access-demo .platform{position:absolute;width:255px;height:255px;border-radius:50%;border:1px solid #a7a7a777;transform:translateY(140px) rotateX(72deg);box-shadow:0 0 30px #a4a4a444,inset 0 0 30px #99999922;background:repeating-radial-gradient(circle,transparent 0 25px,#bbbbbb33 26px 27px,transparent 28px 40px)}
#merchant-access-demo .platform:after{content:'';position:absolute;inset:25px;border-radius:50%;border:2px solid transparent;border-top-color:#dadada;border-bottom-color:#a2a2a2;animation:orbit 9s linear infinite}
#merchant-access-demo .crystal-shadow{position:absolute;bottom:42px;width:130px;height:24px;border-radius:50%;background:#86868655;filter:blur(17px);animation:mc-breathe 7s ease-in-out infinite}
#merchant-access-demo main{gap:50px;padding-top:48px;padding-bottom:45px}
@keyframes mc-turn{from{transform:rotateX(-23deg) rotateY(35deg) rotateZ(-8deg)}to{transform:rotateX(-23deg) rotateY(395deg) rotateZ(-8deg)}}
@keyframes mc-float{50%{transform:translateY(-18px)}}@keyframes mc-breathe{50%{opacity:.55;scale:.8}}
@media(max-width:620px){#merchant-access-demo .art{min-height:320px}#merchant-access-demo main{gap:12px}}
@media(prefers-reduced-motion:reduce){#merchant-access-demo .crystal{animation:none;transform:rotateX(-23deg) rotateY(35deg) rotateZ(-8deg)}#merchant-access-demo *{animation:none!important}}

html,body{margin:0;min-height:100%;}#merchant-access-demo{border-radius:0;min-height:100vh;display:flex;flex-direction:column}#merchant-access-demo main{width:100%;max-width:1000px;margin:auto;flex:1}#merchant-access-demo footer{width:100%}#merchant-access-demo svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#merchant-access-demo .check{cursor:pointer}#merchant-access-demo button:focus-visible,#merchant-access-demo select:focus-visible{outline:3px solid #c3c3c3;outline-offset:3px}#merchant-access-demo .check:disabled{opacity:.65;cursor:wait}

#merchant-access-demo .word{max-width:100%;white-space:normal;overflow-wrap:anywhere}#merchant-access-demo main>*{min-width:0}

/* Match the login page's neutral palette in both appearance modes. */
#merchant-access-demo{--bg:#0c0f13;--panel:#191d22;--text:#f5f7fa;--sub:#a4aebb;--line:#3b434d;font-family:Archivo,system-ui,sans-serif;background:var(--bg)}
#merchant-access-demo[data-theme=light]{--bg:#f5f7fa;--panel:#fff;--text:#121820;--sub:#85909f;--line:#dce2eb;background:var(--bg)}
#merchant-access-demo header,#merchant-access-demo footer{background:var(--panel);border-color:var(--line)}#merchant-access-demo .logo{background:#101317;color:#fff;border:1px solid #8e97a3;border-radius:8px}#merchant-access-demo .eyebrow{color:var(--sub)}#merchant-access-demo .check{background:#101317;color:#fff;box-shadow:0 6px 18px #10131715;font-family:inherit}#merchant-access-demo[data-theme=dark] .check{background:#f5f7fa;color:#121820}#merchant-access-demo .check:hover{filter:brightness(.94)}#merchant-access-demo button:focus-visible,#merchant-access-demo select:focus-visible{outline-color:#85909f}#merchant-access-demo select,#merchant-access-demo .theme{font-family:inherit}#merchant-access-demo h2{color:var(--text)}#merchant-access-demo p,#merchant-access-demo .status,#merchant-access-demo footer{color:var(--sub)}
#merchant-access-demo[data-theme=light] .check{background:#101317;color:#fff;box-shadow:0 6px 18px #10131715}#merchant-access-demo[data-theme=light] .eyebrow{color:#85909f;background:transparent;border-color:transparent}#merchant-access-demo[data-theme=light] select,#merchant-access-demo[data-theme=light] .theme{border-color:#dce2eb;color:#121820}#merchant-access-demo[data-theme=dark]{--bg:#0c0f13;--panel:#191d22;--text:#f5f7fa;--sub:#a4aebb;--line:#3b434d;background:var(--bg)}
#merchant-access-demo[data-theme=light] .check,#merchant-access-demo[data-theme=light] .check:hover,#merchant-access-demo[data-theme=light] .check:active{background:#101317!important;color:#fff!important}#merchant-access-demo[data-theme=dark] .check,#merchant-access-demo[data-theme=dark] .check:hover,#merchant-access-demo[data-theme=dark] .check:active{background:#f5f7fa!important;color:#121820!important}