*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{font-family:Inter,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:#1d2533;background:#f7faff}button,input,select{font:inherit}button{border:0}.activate-page{position:relative;width:100%;min-height:100vh;display:grid;place-items:start center;padding:15vh 24px 40px;background:linear-gradient(180deg,#ffffff14,#ffffff1a),url(/images/background.png) center / cover no-repeat;overflow:hidden}.language-switcher{position:absolute;top:28px;right:74px;z-index:2}.language-switcher:after{content:"";position:absolute;top:100%;right:-12px;left:-12px;height:14px}.language-trigger{min-width:122px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid rgba(124,154,226,.24);border-radius:999px;color:#1d2b49;background:#ffffffc2;box-shadow:0 12px 34px #4b6cbc24,inset 0 1px #ffffffeb;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.language-trigger:hover{transform:translateY(-1px);border-color:#4168ff5c;background:#ffffffe6;box-shadow:0 16px 36px #4b6cbc2e,inset 0 1px #fffffff5}.language-trigger:focus-visible{outline:0;border-color:#6a95ff;box-shadow:0 0 0 3px #456fff1f}.flag-icon{width:19px;height:19px;flex:0 0 auto;border-radius:50%;box-shadow:0 3px 8px #263c761f}.language-trigger__name{max-width:78px;overflow:hidden;color:#17233d;font-size:12px;font-weight:650;line-height:1;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}.language-trigger__code{color:#4776ff;font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.language-trigger__chevron{flex:0 0 auto;color:#54617a;transition:transform .2s ease}.language-trigger__chevron.open{transform:rotate(180deg)}.language-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(226px,calc(100vw - 36px));max-height:min(520px,calc(100vh - 92px));padding:6px;display:grid;grid-template-columns:1fr;gap:2px;overflow:auto;border:1px solid rgba(129,158,224,.2);border-radius:12px;background:#fffffff5;box-shadow:0 24px 70px #2b4b9633,inset 0 1px #ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:82% top}.language-menu-enter-active,.language-menu-leave-active{transition:opacity .18s ease,transform .18s ease,filter .18s ease}.language-menu-enter-from,.language-menu-leave-to{opacity:0;filter:blur(3px);transform:translateY(-8px) scale(.98)}.language-menu-enter-to,.language-menu-leave-from{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}.language-panel::-webkit-scrollbar{width:8px}.language-panel::-webkit-scrollbar-thumb{border:2px solid rgba(255,255,255,.96);border-radius:999px;background:#c7d5f4}.language-option{min-height:35px;display:grid;grid-template-columns:19px minmax(0,1fr) auto 14px;align-items:center;gap:7px;padding:6px 8px;border-radius:8px;color:#22304a;background:transparent;cursor:pointer;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.language-option:hover,.language-option.selected{background:linear-gradient(90deg,#5382ff1f,#6634eb14)}.language-option:hover{transform:translate(3px)}.language-option:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #456fff3d}.language-option__name{overflow:hidden;font-size:12px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}.language-option__code{color:#60708f;font-size:10px;font-weight:800;letter-spacing:0}.language-option__check{color:#3e68ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.activate-shell{width:min(100%,400px);display:flex;flex-direction:column;align-items:center;text-align:center}.brand-logo{width:42px;height:42px;margin-bottom:18px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 8px 18px rgba(61,103,255,.12))}.activate-shell h1{margin:0;color:#171f2d;font-size:clamp(28px,3.3vw,38px);font-weight:800;letter-spacing:0;line-height:1.16;overflow-wrap:anywhere}.activate-shell h1 span{display:inline-block;color:#2d77ff;unicode-bidi:isolate}.subtitle{margin:8px 0 30px;color:#647085;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.activate-card{width:100%;padding:42px 38px 46px;display:flex;flex-direction:column;gap:18px;border:1px solid rgba(255,255,255,.82);border-radius:14px;background:#ffffffe0;box-shadow:0 16px 40px #5274b921;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field{height:48px;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid #dce4f3;border-radius:6px;background:#fff;color:#8a94a8;transition:border-color .2s ease,box-shadow .2s ease}.field:focus-within{border-color:#6a95ff;box-shadow:0 0 0 3px #456fff1f}.field input{width:100%;min-width:0;height:100%;border:0;outline:0;color:#253046;background:transparent;font-size:14px}.field input::placeholder{color:#a2abbb}.submit-button{height:52px;margin-top:8px;border:0;border-radius:6px;color:#fff;background:#d5d5d5;cursor:not-allowed;font-size:14px;font-weight:700;letter-spacing:0;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.submit-button.active{background:linear-gradient(90deg,#5f94ff,#3356ff);box-shadow:0 10px 22px #355dff3d;cursor:pointer}.submit-button.active:hover{transform:translateY(-1px)}.activate-page.is-rtl .language-switcher{right:auto;left:74px}.activate-page.is-rtl .language-panel{right:auto;left:0;transform-origin:18% top}.activate-page.is-rtl .activate-shell{direction:rtl}.activate-page.is-rtl .field{flex-direction:row-reverse}.activate-page.is-rtl .field input{text-align:right}.activate-page.is-rtl .submit-button{direction:rtl}@media(max-width:640px){.activate-page{padding:108px 18px 32px;background-position:57% center}.language-switcher{top:18px;right:28px}.activate-page.is-rtl .language-switcher{right:auto;left:28px}.language-trigger{min-width:114px;height:34px;gap:6px}.language-trigger__name{max-width:74px;font-size:12px}.language-trigger__code{font-size:10px}.activate-card{padding:30px 22px 34px}.subtitle{max-width:280px}}