@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.sa-onboard{--primary:#030424;--primary-container:#3a46e0;--on-primary:#fff;--secondary-container:#a855f7;--on-surface:#030424;--on-surface-variant:#4a4a68;--font-family:"Inter", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:48px;--radius-pill:9999px;--surface-panel:#fff;--card-bg-nested:#f9f7fa;--bg-gradient-start:#f9f7fa;--bg-gradient-end:#ede9ed;--border-glow:#3a46e01f;--border-thin:#03042414;--box-shadow-main:0px 20px 40px #0304240f, 0px 2px 8px #03042405;--box-shadow-hover:0px 30px 60px #0304241a, 0px 4px 12px #03042408;--navbar-bg:#fcf8fcd9;--navbar-border:#0304240a;--btn-secondary-bg:#ffffffb3;--btn-secondary-border:#3a46e01a;--btn-secondary-hover-bg:#ffffffe6;--bubble-in-bg:#ffffffe6;--bubble-in-border:#0304240f;--bubble-out-bg:linear-gradient(135deg, #3a46e0 0%, #a855f7 100%);--bubble-out-color:#fff;--bubble-out-shadow:0px 10px 25px #a855f726}.sa-onboard.dark{--on-surface:#f4eff4;--on-surface-variant:#9b9baa;--bg-gradient-start:#030308;--bg-gradient-end:#070510;--surface-panel:#0d0a1a;--card-bg-nested:#141124;--border-glow:#a855f72e;--border-thin:#ffffff14;--box-shadow-main:0px 40px 80px #000c, inset 0px 1px 1px #ffffff08;--box-shadow-hover:0px 50px 100px #a855f714, inset 0px 1px 1px #ffffff0d;--navbar-bg:#03030ccc;--navbar-border:#ffffff08;--btn-secondary-bg:#ffffff08;--btn-secondary-border:#ffffff14;--btn-secondary-hover-bg:#ffffff0f;--bubble-in-bg:#ffffff0d;--bubble-in-border:#ffffff08;--bubble-out-shadow:0px 10px 25px #a855f74d}.sa-onboard *{box-sizing:border-box;margin:0;padding:0}.sa-onboard{font-family:var(--font-family);background:radial-gradient(circle at top left, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--on-surface);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.5;transition:background .35s,color .2s;display:flex;overflow-x:hidden}.sa-onboard .headline-lg{letter-spacing:-.02em;font-size:36px;font-weight:800;line-height:1.2}.sa-onboard .headline-md{font-size:24px;font-weight:700;line-height:1.3}.sa-onboard .body-lg{color:var(--on-surface-variant);font-size:17px;font-weight:400;line-height:26px}.sa-onboard .body-md{font-size:14px;font-weight:400;line-height:20px}.sa-onboard .label-sm{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.sa-onboard .sparkle-text{background:linear-gradient(135deg, var(--primary-container) 0%, var(--secondary-container) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sa-onboard.dark .sparkle-text{background:linear-gradient(135deg, #fff 0%, var(--secondary-container) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (max-width:640px){.sa-onboard .headline-lg{font-size:26px}.sa-onboard .headline-md{font-size:20px}}.sa-onboard .container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.sa-onboard .flex-between{justify-content:space-between;align-items:center;display:flex}.sa-onboard .flex-center{justify-content:center;align-items:center;display:flex}.sa-onboard .navbar{z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--navbar-border);width:100%;padding:16px 0;transition:background .35s,border-color .35s;position:fixed;top:0;left:0}.sa-onboard .navbar .logo{color:var(--primary-container);font-size:24px;font-weight:700;text-decoration:none}.sa-onboard.dark .navbar .logo{color:#fff}.sa-onboard main.container{flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:center;padding-top:90px;padding-bottom:40px;display:flex;position:relative}.sa-onboard .ambient-glow-1,.sa-onboard .ambient-glow-2{pointer-events:none;z-index:-2;will-change:transform, filter;position:absolute;transform:translate(0,0)}.sa-onboard .ambient-glow-1{filter:blur(120px);background:radial-gradient(circle,#3a46e014 0%,#0000 70%);width:600px;height:600px;top:-10%;left:-10%}.sa-onboard .ambient-glow-2{filter:blur(100px);background:radial-gradient(circle,#a855f70f 0%,#0000 70%);width:500px;height:500px;bottom:-10%;right:-10%}.sa-onboard.dark .ambient-glow-1{background:radial-gradient(circle,#3a46e01f 0%,#0000 70%)}.sa-onboard.dark .ambient-glow-2{background:radial-gradient(circle,#a855f71a 0%,#0000 70%)}.sa-onboard .glass-panel{background:var(--surface-panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:var(--radius-lg);box-shadow:var(--box-shadow-main);padding:32px 40px;transition:background .35s,border-color .35s,box-shadow .35s}.sa-onboard .form-group{flex-direction:column;gap:8px;display:flex}.sa-onboard .input-field{border-radius:var(--radius-md);width:100%;height:52px;color:var(--on-surface);font-family:var(--font-family);background:#fff;border:1px solid #0000001f;outline:none;padding:0 16px;font-size:14px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0000000a}.sa-onboard.dark .input-field{color:#f4eff4;background:#0003;border-color:#ffffff1f;box-shadow:inset 0 1px 2px #0003}.sa-onboard .input-field:focus{border-color:var(--primary-container);background:#fff;box-shadow:0 0 0 3px #3a46e026}.sa-onboard.dark .input-field:focus{border-color:var(--secondary-container);background:#0000004d;box-shadow:0 0 0 3px #a855f733}.sa-onboard .pwd-strength-container{gap:4px;height:4px;margin-top:6px;display:flex}.sa-onboard .pwd-segment{background:#03042414;border-radius:2px;flex:1;height:100%;transition:background .3s,box-shadow .3s}.sa-onboard.dark .pwd-segment{background:#ffffff1a}.sa-onboard .pwd-segment.active.red{background:#ef4444;box-shadow:0 0 8px #ef444466}.sa-onboard .pwd-segment.active.yellow{background:#facc15;box-shadow:0 0 8px #facc1566}.sa-onboard .pwd-segment.active.green{background:#22c55e;box-shadow:0 0 8px #22c55e66}.sa-onboard .btn{border-radius:var(--radius-pill);height:48px;font-family:var(--font-family);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;display:inline-flex}.sa-onboard .btn-primary{background:var(--primary-container);color:#fff}.sa-onboard .btn-primary:hover{opacity:.92;transform:translateY(-1px)}.sa-onboard .btn-submit{background:var(--primary-container);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #3a46e033}.sa-onboard.dark .btn-submit{background:var(--primary-container);box-shadow:0 4px 15px #3a46e033}.sa-onboard .btn-submit:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;animation:3.5s ease-in-out infinite button-shimmer;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.sa-onboard .btn-submit:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 25px #3a46e059}.sa-onboard.dark .btn-submit:hover{box-shadow:0 8px 25px #3a46e059}.sa-onboard .btn-google{color:#1f2937;border-radius:var(--radius-md);cursor:pointer;background:#fff;border:1px solid #d1d5db;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;font-size:15px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;animation:2.5s ease-in-out infinite sso-pulse;display:inline-flex;box-shadow:0 10px 30px #3a46e02e}.sa-onboard .btn-google:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 15px 35px #3a46e047}.sa-onboard .progress-bar-wrapper{justify-content:center;width:100%;padding:8px 0 32px;display:flex}.sa-onboard .progress-steps{align-items:center;gap:8px;display:flex}.sa-onboard .progress-step{color:var(--on-surface-variant);background:0 0;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex}.sa-onboard .progress-step.active{color:var(--primary-container);background:#3a46e014;box-shadow:inset 0 0 0 1px #3a46e033}.sa-onboard.dark .progress-step.active{color:#fff;background:#a855f71a;box-shadow:inset 0 0 0 1px #a855f74d,0 0 20px #a855f726}.sa-onboard .progress-step.done{color:var(--primary-container)}.sa-onboard.dark .progress-step.done{color:var(--secondary-container)}.sa-onboard .step-dot{justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.sa-onboard .step-label{letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.sa-onboard .progress-connector{color:var(--border-thin);margin:0 4px;font-size:14px;font-weight:900}.sa-onboard .secure-grid{grid-template-columns:1fr;align-items:stretch;gap:40px;width:100%;display:grid}@media (min-width:1024px){.sa-onboard .secure-grid{grid-template-columns:1.25fr .75fr}}.sa-onboard .calibration-grid{grid-template-columns:1fr;align-items:center;gap:48px;width:100%;display:grid}@media (min-width:1024px){.sa-onboard .calibration-grid{grid-template-columns:1.1fr .9fr}}.sa-onboard .channel-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.sa-onboard .channel-card{background:var(--card-bg-nested);border:1px solid var(--border-thin);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:flex}.sa-onboard .channel-card:hover{border-color:var(--border-glow);box-shadow:var(--box-shadow-hover);transform:translateY(-1px)}.sa-onboard .channel-card.recommended-target{border:2px solid var(--primary-container);background:#3a46e00a;position:relative;box-shadow:0 12px 25px #3a46e00f}.sa-onboard.dark .channel-card.recommended-target{border-color:var(--secondary-container);background:#a855f708;box-shadow:0 0 15px #a855f70d}.sa-onboard .channel-card.recommended-target:after{content:"MOST POPULAR";background:var(--primary-container);color:#fff;letter-spacing:.08em;border-radius:99px;padding:2px 8px;font-size:8px;font-weight:900;position:absolute;top:-10px;right:18px}.sa-onboard.dark .channel-card.recommended-target:after{background:var(--secondary-container);color:#03030c}.sa-onboard .channel-left{align-items:center;gap:14px;display:flex}.sa-onboard .channel-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 10px #0000001a}.sa-onboard .icon-ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.sa-onboard .icon-wa{background:#25d366}.sa-onboard .icon-tt{background:#000;border:1px solid #ffffff1a}.sa-onboard .icon-fb{background:#06f}.sa-onboard .icon-tg{background:#229ed9}.sa-onboard .icon-em{background:linear-gradient(135deg,#6366f1,#a855f7)}.sa-onboard .channel-details h3{color:var(--on-surface);font-size:15px;font-weight:700}.sa-onboard .channel-details p{color:var(--on-surface-variant);margin-top:2px;font-size:14px;line-height:1.5}.sa-onboard .arrow-icon{color:var(--primary-container);opacity:.6;font-size:20px;transition:transform .2s,opacity .2s}.sa-onboard.dark .arrow-icon{color:var(--secondary-container)}.sa-onboard .channel-card:hover .arrow-icon{opacity:1;transform:translate(4px)}.sa-onboard .persona-grid{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}@media (min-width:640px){.sa-onboard .persona-grid{grid-template-columns:repeat(3,1fr)}}.sa-onboard .persona-card{border:1px solid var(--border-thin);background:var(--card-bg-nested);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:10px;padding:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.sa-onboard .persona-card:hover{border-color:var(--border-glow);box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.sa-onboard .persona-card.active{border-color:var(--primary-container);background:#3a46e008;box-shadow:0 10px 25px #3a46e00d}.sa-onboard.dark .persona-card.active{border-color:var(--secondary-container);background:#a855f708;box-shadow:0 10px 25px #a855f70d}.sa-onboard .persona-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--primary-container);background:#3a46e00f;justify-content:center;align-items:center;display:flex}.sa-onboard.dark .persona-icon{color:var(--secondary-container);background:#a855f71a}.sa-onboard .persona-title{color:var(--on-surface);font-size:15px;font-weight:700}.sa-onboard .persona-desc{color:var(--on-surface-variant);font-size:14px;line-height:1.5}.sa-onboard .persona-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--primary-container);margin-top:4px;font-size:11px;font-weight:800}.sa-onboard.dark .persona-badge{color:var(--secondary-container)}.sa-onboard .btn-skip{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);width:100%;height:52px;color:var(--on-surface);font-family:var(--font-family);cursor:pointer;background:linear-gradient(135deg,#3a46e00d 0%,#a855f705 100%);border:1px solid #3a46e033;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:14px;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #3a46e01a}.sa-onboard.dark .btn-skip{color:#fff;background:linear-gradient(135deg,#34d3991f 0%,#34d39905 100%);border:1px solid #34d39959;box-shadow:0 8px 32px #00000080,inset 0 1px 1px #ffffff1a}.sa-onboard .btn-skip:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:50%;height:100%;animation:4.5s ease-in-out infinite glass-shimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.sa-onboard .btn-skip:hover{border-color:#3a46e066;transform:translateY(-2px);box-shadow:0 8px 25px #3a46e033}.sa-onboard.dark .btn-skip:hover{border-color:#34d399cc;box-shadow:0 12px 40px #34d39940,inset 0 1px 2px #fff3}.sa-onboard .summary-card{flex-direction:column;gap:20px;display:flex}.sa-onboard .bento-bg-grid{background-image:radial-gradient(var(--border-thin) 1px, transparent 1px);opacity:.4;z-index:0;pointer-events:none;background-size:24px 24px;width:100%;height:100%;position:absolute;top:0;left:0}.sa-onboard .bento-glass-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);z-index:1;pointer-events:none;opacity:.5;color:var(--on-surface-variant);background:#ffffff4d;border:1px solid #ffffff80;align-items:center;gap:10px;padding:12px;font-size:12px;font-weight:700;display:flex;position:absolute;box-shadow:0 8px 32px #03042405}.sa-onboard.dark .bento-glass-card{color:#fff9;background:#ffffff05;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0003}.sa-onboard .bento-1{width:220px;top:15%;left:5%;transform:rotate(-3deg)}.sa-onboard .bento-2{width:240px;top:60%;right:-5%;transform:rotate(4deg)}.sa-onboard .bento-3{width:200px;bottom:10%;left:10%;transform:rotate(-2deg)}.sa-onboard .meta-shield{width:56px;height:56px;color:var(--primary-container);background:#3a46e014;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.sa-onboard.dark .meta-shield{color:var(--secondary-container);background:#a855f714}.sa-onboard .active-ai-badge{border-radius:var(--radius-pill);color:#22c55e;text-transform:uppercase;letter-spacing:.05em;background:#22c55e26;border:1px solid #22c55e4d;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.sa-onboard .status-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-green}.sa-onboard .phone-container{contain:layout paint;justify-content:center;display:flex;position:relative}.sa-onboard .phone-mockup{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--border-glow);z-index:2;will-change:transform;background:linear-gradient(135deg,#ffffff73 0%,#ffffff26 100%);flex-direction:column;width:100%;max-width:320px;height:560px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #00000008,inset 0 1px 1px #fff6}.sa-onboard.dark .phone-mockup{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);box-shadow:0 40px 80px #00000080,inset 0 1px 1px #ffffff0d}.sa-onboard .phone-header{border-bottom:1px solid #0304240d;flex-direction:column;align-items:center;padding:16px 0 12px;display:flex}.sa-onboard.dark .phone-header{border-bottom-color:#ffffff0d}.sa-onboard .phone-avatar{border:2px solid var(--primary-container);width:64px;height:64px;color:var(--primary-container);text-transform:uppercase;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:20px;font-weight:800;display:flex}.sa-onboard.dark .phone-avatar{color:var(--secondary-container);border-color:var(--secondary-container);background:#1e1b4b}.sa-onboard .chat-area{flex-direction:column;flex-grow:1;gap:16px;margin-top:16px;padding:0 4px;display:flex;overflow-y:auto}.sa-onboard .chat-area::-webkit-scrollbar{display:none}.sa-onboard .msg-group{flex-direction:column;gap:4px;display:flex}.sa-onboard .msg-incoming{align-items:flex-start}.sa-onboard .msg-outgoing{align-items:flex-end}.sa-onboard .bubble{border-radius:16px;max-width:85%;padding:12px;font-size:14px;line-height:1.5}.sa-onboard .bubble-incoming{background:var(--bubble-in-bg);border:1px solid var(--bubble-in-border);color:var(--on-surface);border-top-left-radius:4px}.sa-onboard .bubble-outgoing{background:var(--bubble-out-bg);color:var(--bubble-out-color);box-shadow:var(--bubble-out-shadow);border-top-right-radius:4px;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-message}.sa-onboard .msg-time{color:var(--on-surface-variant);opacity:.7;margin:0 4px;font-size:11px;font-weight:500}.sa-onboard .success-overlay{z-index:1000;text-align:center;opacity:0;visibility:hidden;background:#030424fa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:flex;position:fixed;top:0;left:0}.sa-onboard.dark .success-overlay{background:#03030cfa}.sa-onboard .success-overlay.active{opacity:1;visibility:visible}.sa-onboard .success-ring{background:conic-gradient(#3a46e0,#a855f7,#0000 80%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:32px;animation:.6s cubic-bezier(.175,.885,.32,1.275) pop-ring,1.4s linear infinite rotate-loading;display:flex;box-shadow:0 0 60px #a855f740}.sa-onboard .success-inner{background:#fcf8fc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 6px);height:calc(100% - 6px);animation:1.4s linear infinite counter-rotate;display:flex}.sa-onboard.dark .success-inner{background:#03030c}.sa-onboard .modal-btn-confirm{border-radius:var(--radius-md);color:#fff;width:100%;height:48px;font-size:14px;font-weight:700;font-family:var(--font-family);cursor:pointer;background:linear-gradient(135deg,#3a46e0 0%,#a855f7 100%);border:none;justify-content:center;align-items:center;transition:transform .2s,opacity .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 25px #a855f733}.sa-onboard .modal-btn-confirm:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 15px 30px #a855f74d}.sa-onboard .modal-btn-cancel{border-radius:var(--radius-md);border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);width:100%;height:48px;color:var(--on-surface);font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;transition:transform .2s,background .2s;display:inline-flex}.sa-onboard .modal-btn-cancel:hover{background:var(--btn-secondary-hover-bg);transform:translateY(-1px)}.sa-onboard .neon-line{background:var(--secondary-container);width:40px;height:2px;box-shadow:0 0 8px var(--secondary-container);opacity:.8;z-index:0;position:absolute;top:50%;right:100%}@keyframes flowing-laser{0%{background-position:0%}to{background-position:200%}}@keyframes sso-pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #3a46e02e}50%{transform:scale(1.015);box-shadow:0 15px 35px #3a46e04d}}@keyframes pop-message{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pop-ring{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}@keyframes glass-shimmer{0%{left:-100%}15%{left:200%}to{left:200%}}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes sparkle-pulse{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(15deg)}}@keyframes text-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes button-glow{0%,to{box-shadow:0 10px 30px #3a46e04d,0 0 #a855f766}50%{box-shadow:0 15px 40px #a855f799,0 0 0 8px #a855f700}}@keyframes error-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.animate-error-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both error-shake}@keyframes button-shimmer{0%{left:-150%}20%{left:200%}to{left:200%}}