:root [data-mq~=E1] .clk-tile,:root [data-mq~=E1].clk-tile{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.95);border-radius:30px;padding:20px;box-shadow:0 2px 4px rgba(10,26,51,.04),0 30px 60px -36px rgba(6,36,81,.5);display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-width:0;height:380px;box-sizing:border-box}:root [data-mq~=E1] .clk-lab,:root [data-mq~=E1].clk-lab{font-family:var(--font-mono),"JetBrains Mono",monospace;font-size:11px;color:#2A4C78}:root [data-mq~=E1] .clk-stage,:root [data-mq~=E1].clk-stage{flex:1;border-radius:22px;background:linear-gradient(180deg,rgba(242,247,254,.9),rgba(255,255,255,.9));border:1px solid #e3ecf7;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}:root [data-mq~=E1] .otp,:root [data-mq~=E1].otp{width:52px;height:62px;border-radius:14px;border:1.5px solid #d5e2f2;background:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#0A1A33;transition:border-color .25s,box-shadow .25s}:root [data-mq~=E1] .otp.on,:root [data-mq~=E1].otp.on{border-color:#0A66C2;box-shadow:0 0 0 4px rgba(10,102,194,.12);animation:mq-E1-clkPop .28s cubic-bezier(.2,1.4,.4,1)}@keyframes mq-E1-clkPop{0%{transform:scale(.8)}to{transform:scale(1)}}:root [data-mq~=E1] .ring,:root [data-mq~=E1].ring{stroke-dasharray:176;stroke-dashoffset:176;animation:mq-E1-clkDraw .7s ease-out forwards}:root [data-mq~=E1] .tick,:root [data-mq~=E1].tick{stroke-dasharray:40;stroke-dashoffset:40;animation:mq-E1-clkDraw .35s ease-out .55s forwards}@keyframes mq-E1-clkDraw{to{stroke-dashoffset:0}}:root [data-mq~=E1] .fade-up,:root [data-mq~=E1].fade-up{animation:mq-E1-clkUp .45s ease-out both}@keyframes mq-E1-clkUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}:root [data-mq~=E1] .slot,:root [data-mq~=E1].slot{position:absolute;top:22px;left:50%;width:230px;height:16px;margin-left:-115px;border-radius:10px;background:#0A1A33;box-shadow:inset 0 -3px 0 #1E3A62}:root [data-mq~=E1] .rcpt,:root [data-mq~=E1].rcpt{position:absolute;top:30px;left:50%;width:200px;margin-left:-100px;background:#FFFFFF;border-radius:0 0 12px 12px;box-shadow:0 18px 30px -18px rgba(6,36,81,.5);padding:16px 16px 20px;box-sizing:border-box;animation:mq-E1-clkPrint 1.6s cubic-bezier(.3,.7,.3,1) both;font-size:13px;color:#0A1A33}@keyframes mq-E1-clkPrint{0%{clip-path:inset(0 0 100% 0);transform:translateY(-8px)}to{clip-path:inset(0 0 0 0);transform:none}}:root [data-mq~=E1] .prog,:root [data-mq~=E1].prog{stroke-dasharray:226;stroke-dashoffset:226;animation:mq-E1-clkProg 2s cubic-bezier(.4,.1,.2,1) forwards}@keyframes mq-E1-clkProg{to{stroke-dashoffset:0}}:root [data-mq~=E1] .scanline,:root [data-mq~=E1].scanline{position:absolute;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,#01ADE2,transparent);box-shadow:0 0 12px #01ADE2;animation:mq-E1-clkScan 1s ease-in-out infinite alternate}@keyframes mq-E1-clkScan{0%{top:12px}to{top:120px}}:root [data-mq~=E1] .pill,:root [data-mq~=E1].pill{height:56px;width:56px;border-radius:999px;background:#062451;display:flex;align-items:center;gap:6px;padding:0 6px;box-sizing:border-box;overflow:hidden;transition:width .6s cubic-bezier(.5,1.4,.4,1);box-shadow:0 20px 40px -18px rgba(6,36,81,.7)}:root [data-mq~=E1] .pill.open,:root [data-mq~=E1].pill.open{width:320px}:root [data-mq~=E1] .pill .it,:root [data-mq~=E1].pill .it{opacity:0;transform:translateX(-8px);transition:opacity .3s .2s,transform .3s .2s;white-space:nowrap;color:#C9DAF0;font-size:14px;font-weight:600;padding:0 10px}:root [data-mq~=E1] .pill.open .it,:root [data-mq~=E1].pill.open .it{opacity:1;transform:none}:root [data-mq~=E1] .sk,:root [data-mq~=E1].sk{border-radius:10px;background:linear-gradient(90deg,#E8F0FA,#F6FAFF 40%,#E8F0FA 80%);background-size:300% 100%;animation:mq-E1-clkShim 1.4s linear infinite}@keyframes mq-E1-clkShim{0%{background-position:100% 0}to{background-position:0 0}}@keyframes mq-E1-clkSpin{to{transform:rotate(1turn)}}:root [data-mq~=E1] .cta,:root [data-mq~=E1].cta{min-height:56px;padding:0 28px;border-radius:999px;background:linear-gradient(180deg,#1F7FDB,#0A66C2);color:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:16px;box-shadow:0 14px 28px -14px rgba(10,102,194,.9)}:root [data-mq~=E1] .press,:root [data-mq~=E1].press{animation:mq-E1-clkPress .3s ease}@keyframes mq-E1-clkPress{50%{transform:scale(.94)}}@media (prefers-reduced-motion:reduce){:root [data-mq~=E1],:root [data-mq~=E1] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}