#merchant-access-demo{--bg:#141312;--panel:#272623;--text:#fafaf8;--sub:#d7ccb0;--line:#52504a;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:#f8f7f4;--panel:#ffffff;--text:#312f2b;--sub:#8b7d56;--line:#ebe9e2}
#merchant-access-demo *{box-sizing:border-box}#merchant-access-demo .glow{position:absolute;width:650px;height:330px;border-radius:50%;background:radial-gradient(ellipse,#b5a26e70,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 #baa87860;border-radius:50%;transform:rotate(-25deg);z-index:-1;box-shadow:0 0 40px #b5a26e30;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,#c5b68e,#b09d67);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 #19191730;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,#c8ba94,transparent)}
#merchant-access-demo .orb{width:86px;height:86px;margin:0 auto 24px;display:grid;place-items:center;color:#cbbe9b;border:1px solid #ac985f;border-radius:50%;position:relative;background:#b5a37012}#merchant-access-demo .orb:before{content:'';position:absolute;inset:-9px;border:1px dashed #b7a47280;border-radius:50%;animation:orbit 30s linear infinite}#merchant-access-demo .orb svg{width:32px;height:32px}#merchant-access-demo .eyebrow{color:#c5b78f;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,#ae9a62,#b4a16c);color:white;font:600 14px Inter,Arial,sans-serif;box-shadow:0 8px 25px #af9b6530;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),#42403b 0%,var(--bg) 65%)}
#merchant-access-demo[data-theme=light]{background:radial-gradient(ellipse at var(--mx) var(--my),#edebe5,var(--bg) 65%)}
#merchant-access-demo .glow{width:850px;height:500px;filter:blur(45px);background:conic-gradient(from 30deg,transparent,#b5a26e70,#b6a47140,transparent);animation:aurora 10s ease-in-out infinite alternate}
#merchant-access-demo .ribbon{width:1000px;height:430px;border:2px solid #c0b18655;box-shadow:0 0 22px #baa87845,inset 0 0 25px #bcab7c25;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 #13121145,0 0 60px #b7a47215;border-color:#ab965b;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,#bbaa7b,#dcd8cc,#bbaa7b,transparent);background-size:200% 100%;animation:edge 4s ease-in-out infinite alternate}
#merchant-access-demo .orb{width:100px;height:100px;border:1px solid #cec2a0;background:radial-gradient(circle,#89774655,#42413c30);box-shadow:0 0 35px #b7a47240,inset 0 0 25px #baa87830;animation:float 5s ease-in-out infinite}
#merchant-access-demo .orb:before{inset:-13px;border:1px solid transparent;border-top-color:#cec19f;border-bottom-color:#b7a574;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:#c3b58c77;border-right-color:#c3b58c77;animation:orbit 12s linear infinite reverse}
#merchant-access-demo .orb svg{width:38px;height:38px;color:#d2cdbe}
#merchant-access-demo .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #b5a26e55;border-radius:20px;padding:5px 14px;background:#b8a77612;letter-spacing:2px}
#merchant-access-demo .eyebrow:before{content:'';width:5px;height:5px;background:#c9bc97;border-radius:50%;box-shadow:0 0 10px #c9bc97;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,#b4a16d,#b4a16d,#b29e69);background-size:200% 100%;animation:edge 5s ease infinite alternate;box-shadow:0 8px 30px #b4a16e45;border:1px solid #cbbe9b66}
#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:#d4c9ab;box-shadow:0 0 8px #c3b48a;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 #c9bc97}}@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:#f9f9f7;--panel:#fff;--text:#32302c;--sub:#857752;--line:#eceae4;background:radial-gradient(ellipse at 10% 95%,#efeee9 0%,transparent 48%),radial-gradient(ellipse at 100% 0%,#f3f1ed 0%,transparent 45%),#f9f9f7}
#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 #eae7e0;background:#fff;box-shadow:0 25px 70px #806f4212,0 4px 15px #806f4208}
#merchant-access-demo[data-theme=light] .orb{background:radial-gradient(circle at 30% 20%,#fff,#f6f5f2);color:#a89256;border-color:#e2dfd6;box-shadow:0 10px 30px #b5a26f15,inset 0 0 20px #f8f7f4}
#merchant-access-demo[data-theme=light] .orb svg{color:#a99459}#merchant-access-demo[data-theme=light] .orb:before{border-top-color:#bdac7f;border-bottom-color:#d6ccb0}#merchant-access-demo[data-theme=light] .orb:after{border-left-color:#e3dfd6;border-right-color:#e3dfd6}
#merchant-access-demo[data-theme=light] .eyebrow{background:#f8f7f4;color:#97844e;border-color:#edebe6}#merchant-access-demo[data-theme=light] .eyebrow:before{background:#b5a26f;box-shadow:0 0 8px #b5a26f33}
#merchant-access-demo[data-theme=light] .glow{opacity:.25}#merchant-access-demo[data-theme=light] .ribbon{opacity:.28;box-shadow:none;border-color:#c8bb95}#merchant-access-demo[data-theme=light] .particle{background:#c1b186;box-shadow:none}
#merchant-access-demo[data-theme=light] select,#merchant-access-demo[data-theme=light] .theme{background:#fff;border-color:#eae7e0;color:#46443f;box-shadow:0 3px 8px #53514a06}
#merchant-access-demo[data-theme=light] .check{box-shadow:0 8px 22px #b09c652b;background:linear-gradient(110deg,#ae9961,#baa97a);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%,#f8f8f6,#c9bc97 30%,#a99357 64%,#413f3a)!important;box-shadow:inset -15px -18px 28px #3e3c3788,inset 8px 8px 18px #ffffff77,0 16px 35px #a993573b!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 #74653c77);transform:translateZ(26px)}
#merchant-access-demo .orb:before,#merchant-access-demo .orb:after{inset:-24px;border:3px solid #cdc09e;border-left-color:#e4e1d8;border-right-color:#ab965d;box-shadow:0 0 12px #c2b28844;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:#d4cfc199;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:#9a86502b;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 #867545,0 16px 30px #ad996133!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 #867545!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,#f4f3ef,#bfaf83);box-shadow:inset -5px -5px 7px #94814c77,3px 6px 10px #88764622;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:#272623;--text:#fafaf8;--sub:#cfc3a3;--line:#46443e}
#merchant-access-demo[data-theme=light]{background:#f8f7f5;--panel:#ffffff;--text:#32312d;--sub:#8b8060;--line:#ebe8e2}
#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:#b5a370!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:#ae9a62!important;padding:13px 22px;min-width:175px;animation:ma-reveal .8s .8s ease both}
#merchant-access-demo .check:hover{background:#9c8851!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 #bbaa7b2b;border-radius:50%}#merchant-access-demo .halo.h2{width:210px;height:210px}#merchant-access-demo .halo.h3{width:150px;height:150px;background:#b39f6a09}
#merchant-access-demo .network-core{width:95px;height:95px;border-radius:25px;background:linear-gradient(135deg,#c1b186,#9c8851);color:#fff;display:grid;place-items:center;box-shadow:0 20px 35px #9c885025;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:#b09d67;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:#b9a776;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%,#53514a55,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%,#e5e2d980,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 #d7d3c6bb;background:linear-gradient(135deg,#dfdbd199,#b29e6977 40%,#75663ccc);box-shadow:inset 0 0 35px #d5cbae55;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,#edebe6cc,#c9bb9588)}#merchant-access-demo .face.bottom{transform:rotateX(-90deg) translateZ(85px)}
#merchant-access-demo .face svg{width:52px!important;height:52px!important;color:#f8f7f5;filter:drop-shadow(0 0 9px #cfc3a3)}
#merchant-access-demo .core-light{position:absolute;width:65px;height:65px;left:52px;top:52px;background:#d7cdb1;filter:blur(24px);border-radius:50%;box-shadow:0 0 60px #bfaf84;animation:mc-breathe 4s ease-in-out infinite}
#merchant-access-demo .platform{position:absolute;width:255px;height:255px;border-radius:50%;border:1px solid #c0b08477;transform:translateY(140px) rotateX(72deg);box-shadow:0 0 30px #beae8144,inset 0 0 30px #b6a47122;background:repeating-radial-gradient(circle,transparent 0 25px,#cec2a033 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:#e0dcd2;border-bottom-color:#bdac7e;animation:orbit 9s linear infinite}
#merchant-access-demo .crystal-shadow{position:absolute;bottom:42px;width:130px;height:24px;border-radius:50%;background:#a8935755;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 #d4c9ab;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}