@property --qoe-a{syntax:"<angle>";inherits:false;initial-value:0deg}.qoe-login{--qoe-gold-1:#f6e0a4;--qoe-gold-2:#e7c87a;--qoe-gold-3:#bd9445;z-index:0;color:#fff;font-family:Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.qoe-bg{z-index:0;background:radial-gradient(90% 70% at 80% 110%,#2854a080,#0000 60%),radial-gradient(80% 80% at 18% -10%,#23468c8c,#0000 55%),linear-gradient(160deg,#0c1f43,#060f24 70%);position:absolute;inset:0}.qoe-glow{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#e7c87a24,#0000 62%);width:620px;height:620px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qoe-dust{z-index:2;pointer-events:none;position:absolute;inset:0}.qoe-star{z-index:40;pointer-events:none;color:var(--qoe-gold-1);text-shadow:0 0 8px #e7c87af2,0 0 16px #e7c87a80;will-change:transform,opacity;line-height:1;animation:.9s ease-out forwards qoe-star;position:fixed;transform:translate(-50%,-50%)}@keyframes qoe-star{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))scale(1.15)rotate(var(--rot))}}.qoe-stage{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2.6vh,24px);padding:clamp(20px,4vh,46px) 20px clamp(16px,3vh,28px);display:flex;position:absolute;inset:0}.qoe-typewrap{z-index:4;text-align:center;will-change:transform}.qoe-lang{letter-spacing:3px;text-transform:uppercase;color:var(--qoe-gold-2);opacity:.9;border:1px solid #e7c87a66;border-radius:999px;margin-bottom:clamp(8px,2vh,18px);padding:4px 14px;font-size:12px;display:inline-block}.qoe-hero{text-shadow:0 6px 40px #e7c87a40;flex-wrap:wrap;justify-content:center;align-items:center;min-height:2.8em;padding:0 10px;font-family:Georgia,serif;font-size:clamp(24px,min(6.4vw,6.4vh),60px);line-height:1.15;display:flex}.qoe-typed{background:linear-gradient(var(--qoe-gold-1),var(--qoe-gold-3));color:#0000;-webkit-background-clip:text;background-clip:text}.qoe-caret{background:var(--qoe-gold-1);border-radius:2px;align-self:center;width:3px;height:1em;margin-left:6px;animation:1s step-end infinite qoe-blink}@keyframes qoe-blink{50%{opacity:0}}.qoe-sub{letter-spacing:.5px;color:#cdd8ee;opacity:0;margin-top:clamp(8px,1.6vh,14px);font-size:clamp(12px,1.8vh,14px);transition:opacity .6s}.qoe-sub.qoe-show{opacity:.8}.qoe-card{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(500px,93vw);max-height:calc(100vh - 60px);transform-style:preserve-3d;background:linear-gradient(160deg,#12264eb8,#081228b8);border-radius:24px;padding:clamp(22px,4vh,46px) clamp(24px,4vw,44px) clamp(18px,3vh,36px);transition:transform .12s ease-out;animation:.8s cubic-bezier(.22,1,.36,1) both qoe-cardIn;position:relative;box-shadow:0 40px 80px #00000080}.qoe-card:before{content:"";background:conic-gradient(from var(--qoe-a),var(--qoe-gold-1),transparent 22%,var(--qoe-gold-3)50%,transparent 78%,var(--qoe-gold-1));-webkit-mask-composite:xor;pointer-events:none;border-radius:24px;padding:1.4px;animation:7s linear infinite qoe-spin;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}@keyframes qoe-spin{to{--qoe-a:360deg}}@keyframes qoe-cardIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1}}.qoe-brand{justify-content:center;align-items:center;margin-bottom:clamp(18px,3.4vh,34px);display:flex}.qoe-logo{filter:drop-shadow(0 4px 16px #e7c87a66);width:clamp(260px,42vh,430px);max-width:100%;height:auto;display:block}.qoe-field{color:#1d2733;background:#fffffff5;border:2px solid #0000;border-radius:12px;align-items:center;gap:11px;height:clamp(44px,6.8vh,56px);padding:0 14px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.qoe-ico{color:#b9912f;transition:transform .25s;display:inline-flex}.qoe-field:focus-within{border-color:var(--qoe-gold-2);transform:translateY(-1px);box-shadow:0 0 0 4px #e7c87a4d}.qoe-field:focus-within .qoe-ico{transform:scale(1.2)}.qoe-input{width:100%;font-size:15px;box-shadow:none!important;color:#1d2733!important;background:0 0!important;border:0!important;outline:0!important;height:100%!important;padding:0!important}.qoe-input::placeholder{color:#8a94a3}.qoe-input::-ms-reveal{display:none}.qoe-input::-ms-clear{display:none}.qoe-eye{cursor:pointer;opacity:.55;color:#6b7280;background:0 0;border:0;padding:0;display:inline-flex}.qoe-eye:hover{opacity:.9}.qoe-row{margin-bottom:clamp(8px,1.6vh,15px)}.qoe-err{color:#fb7185;margin-top:5px;font-size:12px}.qoe-cta{cursor:pointer;background:linear-gradient(var(--qoe-gold-1),var(--qoe-gold-3));color:#2a1d05;letter-spacing:2px;border:0;border-radius:12px;width:100%;height:clamp(44px,6.8vh,56px);margin-top:clamp(4px,1vh,10px);font-size:15px;font-weight:800;transition:transform .15s,box-shadow .25s;position:relative;overflow:hidden}.qoe-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #e7c87a59}.qoe-cta:disabled{opacity:.7;cursor:default}.qoe-cta:after{content:"";background:linear-gradient(100deg,#0000,#ffffffbf,#0000);width:55%;height:100%;animation:3s ease-in-out infinite qoe-shimmer;position:absolute;top:0;left:-120%;transform:skew(-18deg)}@keyframes qoe-shimmer{0%,55%{left:-120%}to{left:150%}}.qoe-ripple{pointer-events:none;background:#ffffff8c;border-radius:50%;animation:.6s ease-out forwards qoe-ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes qoe-ripple{to{opacity:0;transform:translate(-50%,-50%)scale(14)}}.qoe-alert{border-radius:10px;margin-top:14px;padding:10px 14px;font-size:13px}.qoe-alert--err{color:#ffe4e6;background:#f43f5e1f;border:1px solid #fb718566}.qoe-alert--ok{color:#d1fae5;background:#10b9811f;border:1px solid #34d39966}.qoe-links{justify-content:center;align-items:center;margin-top:clamp(10px,1.8vh,16px);display:flex}.qoe-link{color:var(--qoe-gold-2);opacity:.85;font-size:13px;text-decoration:none}.qoe-link:hover{opacity:1;text-decoration:underline}@media (max-width:520px){.qoe-card{border-radius:20px;width:100%}}