.lg{--gold:#f2c14e;--gold2:#ffb23d;--orange:#ff7a3d;--ok:#34d399;color:#f4f1ec;min-height:100svh;font-family:var(--f-body,system-ui);background:#060607;place-items:center;padding:24px 16px;display:grid;position:relative;overflow:hidden}.lg-bg{position:absolute;inset:0}.lg-bg svg{width:100%;height:100%}.lg-swoosh{transform-origin:50%}.lg-swoosh--a{animation:14s ease-in-out infinite alternate swA}.lg-swoosh--b{animation:18s ease-in-out infinite alternate swB}.lg-swoosh--c{animation:22s ease-in-out infinite alternate-reverse swA}@keyframes swA{to{transform:translate(-40px,30px)rotate(-2deg)}}@keyframes swB{to{transform:translate(50px,-24px)rotate(2deg)}}.lg-vignette{background:radial-gradient(70% 60%,#0000 30%,#000000bf);position:absolute;inset:0}.lg-back{z-index:3;color:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex;position:absolute;top:20px;left:20px}.lg-back:hover{color:#fff}.lg-card{--cut:44px;z-index:2;width:min(460px,100%);position:relative}.lg-glass{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));-webkit-backdrop-filter:blur(22px)saturate(140%);background:linear-gradient(160deg,#ffffff17,#ffffff05 40%,#00000040);position:absolute;inset:0}.lg-glass:before{content:"";clip-path:inherit;-webkit-mask-composite:xor;background:linear-gradient(150deg,#ffffff59,#ffffff0f 30%,#f2c14e40 70%,#ffffff26);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lg-card.is-success .lg-glass{background:linear-gradient(160deg,#34d39929,#ffffff05 45%,#00000040)}.lg-shard{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff1f,#ffffff05);border:1px solid #ffffff2e;width:58px;height:58px;position:absolute}.lg-shard--tl{clip-path:polygon(0 0,100% 0,0 100%);border-radius:10px 0 0;top:-14px;left:-14px}.lg-shard--br{clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 10px;bottom:-14px;right:-14px}.lg-inner{text-align:center;padding:44px clamp(22px,5vw,44px) 34px;position:relative}.lg-step{flex-direction:column;align-items:center;display:flex}.lg-icon{width:46px;height:46px;color:var(--gold);background:#f2c14e14;border:1px solid #f2c14e59;border-radius:12px;place-items:center;display:grid;box-shadow:0 0 24px #f2c14e26}.lg-icon.is-ok{color:var(--ok);background:#34d3991a;border-color:#34d39966;box-shadow:0 0 24px #34d39940}.lg-title{font:700 26px/1.15 var(--f-body,system-ui);letter-spacing:-.02em;margin-top:18px}.lg-title span{color:var(--gold)}.lg-title span.ok{color:var(--ok)}.lg-sub{color:#ffffff8c;margin-top:8px;max-width:34ch;margin-inline:auto;font-size:13.5px;line-height:1.5}.lg-sub b{color:#ffffffd9;font-weight:600}.lg-field{color:#ffffff73;background:#0a0a0c8c;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;width:100%;height:52px;margin-top:26px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.lg-field:focus-within{color:var(--gold);border-color:#f2c14e99;box-shadow:0 0 0 4px #f2c14e14}.lg-field input{color:#fff;background:0 0;border:0;outline:none;flex:1;font-size:15px}.lg-otp{width:100%;margin:26px 0 8px;position:relative}.lg-orbit{width:0;height:0;position:absolute;top:50%;left:50%}.lg-box{background:linear-gradient(160deg,#28282cd9,#0e0e10e6);border:1px solid #f2c14e47;border-radius:13px;transition:border-color .2s,box-shadow .2s;position:absolute;top:0;left:0;box-shadow:0 10px 24px #00000073,inset 0 1px #ffffff0f}.lg-box:after{content:"";border-top:2px solid var(--orange);border-right:2px solid var(--orange);opacity:0;border-top-right-radius:13px;width:55%;height:55%;transition:opacity .2s;position:absolute;top:-1px;right:-1px}.lg-box.is-filled,.lg-box:focus-within{border-color:#f2c14ebf}.lg-box:focus-within{box-shadow:0 0 0 4px #f2c14e1a,0 10px 24px #00000073}.lg-box.is-filled:after,.lg-box:focus-within:after,.lg-box.is-busy:after{opacity:1}.lg-box.is-err{border-color:#ff5a5acc}.lg-box.is-err:after{opacity:1;border-color:#ff5a5a}.lg-box input{text-align:center;color:#fff;width:100%;height:100%;font:700 22px/1 var(--f-body,system-ui);caret-color:var(--gold);background:0 0;border:0;outline:none}.lg-ok{place-items:center;width:0;height:0;display:grid;position:absolute;top:50%;left:50%}.lg-ok-ring{border:2px solid var(--ok);border-radius:50%;place-items:center;width:132px;height:132px;margin:-66px 0 0 -66px;display:grid;position:absolute;box-shadow:0 0 40px #34d39959,inset 0 0 30px #34d39926}.lg-ok-ring:before{content:"";border:1px dashed #34d39959;border-radius:50%;animation:8s linear infinite spinr;position:absolute;inset:10px}@keyframes spinr{to{transform:rotate(360deg)}}.lg-ok-box{width:56px;height:56px;color:var(--ok);border:2px solid var(--ok);background:#34d3991a;border-radius:14px;place-items:center;display:grid}.lg-ripple{border:1px solid #34d39980;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;animation:1.6s ease-out infinite ripple;position:absolute}.lg-ripple--2{animation-delay:.8s}@keyframes ripple{to{opacity:0;transform:scale(1.7)}}.lg-err{color:#ff8a8a;margin-top:12px;font-size:13px}.lg-resend{color:#ffffff80;margin-top:14px;font-size:13px}.lg-resend span,.lg-resend button{color:var(--gold);font-weight:600}.lg-resend button:hover{text-decoration:underline}.lg-btn{color:#1a1406;background:linear-gradient(#f6cf5f,#d9a92e);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-top:24px;font-size:15px;font-weight:700;transition:transform .2s,filter .2s,background .3s,box-shadow .3s,color .3s;display:inline-flex;box-shadow:0 10px 30px #f2c14e40,inset 0 1px #ffffff73}.lg-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.lg-btn:disabled{cursor:default}.lg-btn:disabled:not(.is-ok){filter:saturate(.75)brightness(.85)}.lg-btn.is-ok{color:#04140d;filter:none;background:linear-gradient(#4ee3a8,#22b97f);box-shadow:0 10px 30px #34d39959,inset 0 1px #ffffff73}.lg-spin{animation:.9s linear infinite spinr}.lg-link{color:#ffffff73;margin-top:14px;font-size:13px}.lg-link:hover{color:#fff}.lg-foot{color:#ffffff59;margin-top:16px;font-size:12px}