*{box-sizing:border-box}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{color:#ddd;letter-spacing:-.2px;background-color:#1b0e22;background-image:url(/img/body-bg.jpg);background-position:0 0;background-repeat:repeat;min-height:100vh;font-family:Oxanium,sans-serif;font-size:17px;font-weight:400;line-height:27px}a{color:inherit;text-decoration:none}.body{background:0 0!important}.hw-stage{z-index:2;max-width:700px;margin:0 auto;animation:1s .12s both hwFadeUp;position:relative}.hw-glow{filter:blur(28px);z-index:0;background:radial-gradient(circle,#12d9ff38,#0000 65%);height:140px;animation:4s ease-in-out infinite hwBreathe;position:absolute;inset:auto 10% -8%}.hw-window{z-index:1;background:linear-gradient(#09101cf7,#040a12fa);border:1px solid #5478a838;border-radius:26px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;transform:perspective(1400px)rotateX(5deg)rotateY(-7deg);box-shadow:0 24px 80px #0000008c}.hw-window:hover{transform:perspective(1400px)rotateX(1deg)rotateY(-2deg)translateY(-6px);box-shadow:0 30px 90px #000000ad}.hw-titlebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#070e1bf2,#070e1bb8);border-bottom:1px solid #5478a824;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.hw-brand{align-items:center;gap:14px;display:flex}.hw-logo-icon{color:#12d9ff;filter:drop-shadow(0 0 14px #12d9ff40);place-items:center;width:34px;height:34px;display:grid}.hw-brand h2{color:#eef6ff;margin:0;font-size:1.08rem;line-height:1}.hw-brand small{color:#8ea3bf;margin-top:4px;font-size:.82rem;display:block}.hw-actions{color:#8ea3bf;align-items:center;gap:18px;font-size:.88rem;display:flex}.hw-switch{background:#7988a859;border-radius:999px;width:42px;height:24px;position:relative;overflow:hidden}.hw-switch:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;animation:3.2s ease-in-out infinite alternate hwToggleSlide;position:absolute;top:3px;left:3px}.hw-body{grid-template-columns:1.45fr .95fr;gap:14px;padding:18px;display:grid}.hw-col{gap:12px;display:grid}.hw-card{background:linear-gradient(#111c2de0,#0b1321f2);border:1px solid #5a7aaa38;border-radius:18px;padding:14px;box-shadow:inset 0 1px #ffffff05}.hw-label{color:#96abc8;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:.73rem}.hw-input,.hw-select{color:#eef6ff;background:#040911c7;border:1px solid #566e9233;border-radius:10px;align-items:center;height:42px;padding:0 14px;font-size:.96rem;display:flex}.hw-lang-grid{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;display:grid}.hw-field-title{color:#8ea3bf;margin-bottom:6px;font-size:.82rem}.hw-arrow{color:#a9bad2;align-self:center;padding-top:20px;font-size:1.2rem}.hw-toggle-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.hw-toggle-mini{background:#848ea259;border-radius:999px;flex:none;width:42px;height:24px;position:relative;overflow:hidden}.hw-toggle-mini:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;animation:2.8s ease-in-out infinite alternate hwToggleSlide;position:absolute;top:2px;left:2px}.hw-translation-title{color:#eef6ff;font-size:1.05rem}.hw-subfield{color:#8ea3bf;margin-bottom:5px;font-size:.82rem}.hw-range-wrap{margin-top:6px;position:relative}.hw-range-track{background:#040911c7;border:1px solid #566e9233;border-radius:10px;height:5px;position:relative;overflow:hidden}.hw-range-track:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#12d9ff,#5ce8ff);width:18%;animation:3.2s ease-in-out infinite alternate hwLoadBar;position:absolute;inset:0}.hw-range-thumb{background:#12d9ff;border-radius:50%;width:14px;height:14px;animation:3.2s ease-in-out infinite alternate hwThumbMove;position:absolute;top:50%;left:18%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #12d9ff1f}.hw-status-row{color:#8ea3bf;justify-content:space-between;margin-top:12px;font-size:.85rem;display:flex}.hw-status-row strong{color:#12d9ff;font-weight:600}.hw-overlay-box{background-color:#020812e6;background-image:linear-gradient(#12d9ff14 1px,#0000 1px),linear-gradient(90deg,#12d9ff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #4c678f33;border-radius:12px;min-height:112px;position:relative;overflow:hidden}.hw-scanner{background:linear-gradient(90deg,#0000,#12d9ff,#0000);height:2px;animation:3s linear infinite hwScan;position:absolute;left:0;right:0;box-shadow:0 0 18px #12d9ff}.hw-overlay-note{color:#8ea3bf;margin-top:10px;font-size:.92rem}.hw-button-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.hw-btn{color:#eef6ff;cursor:pointer;background:#040911c7;border:1px solid #566e9233;border-radius:5px;justify-content:center;align-items:center;height:30px;font-size:.95rem;transition:transform .2s,border-color .2s;display:inline-flex}.hw-btn:hover{border-color:#78adff59;transform:translateY(-1px)}.hw-btn-primary{color:#d9fff5;background:linear-gradient(#1a7f75e6,#146762f2);animation:2.4s ease-in-out infinite hwBtnPulse;box-shadow:0 10px 30px #1dc9a029}.hw-footer-note{color:#d7edff;padding:0 18px 18px;font-size:1rem}.hw-footer-note span{color:#12d9ff}@keyframes hwFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hwBreathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes hwToggleSlide{0%{transform:translate(0)}to{transform:translate(18px)}}@keyframes hwScan{0%{opacity:.2;top:8%}50%{opacity:1}to{opacity:.2;top:88%}}@keyframes hwLoadBar{0%{width:16%}to{width:78%}}@keyframes hwThumbMove{0%{left:16%}to{left:78%}}@keyframes hwBtnPulse{0%,to{box-shadow:0 10px 30px #1dc9a029}50%{box-shadow:0 12px 34px #1dc9a04d}}@media (max-width:860px){.hw-body{grid-template-columns:1fr}.hw-window{transform:none}.hw-window:hover{transform:translateY(-4px)}}@media (max-width:640px){.hw-titlebar{flex-direction:column;align-items:flex-start;gap:12px}.hw-actions{align-self:flex-end}.hw-lang-grid{grid-template-columns:1fr}.hw-arrow{display:none}.hw-button-row{grid-template-columns:1fr}}.promo-card{text-align:center;z-index:1;background:#1b0e22;border:1px solid #21e8ef40;border-radius:8px;height:100%;padding:36px 28px;transition:border-color .4s;position:relative;overflow:hidden}.promo-card:hover{border-color:#21e8ef99}.promo-ripple{z-index:-1;background:#21e8ef;border-radius:50%;width:0;height:0;transition:width 1.1s,height 1.1s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promo-card:hover .promo-ripple{width:600px;height:600px}.promo-title{color:#fff;margin-bottom:12px;transition:color .5s}.promo-text{color:#aaa;margin-bottom:0;transition:color .5s}.promo-card:hover .promo-title,.promo-card:hover .promo-text{color:#0c0c35}.lang-selector{align-items:center;gap:4px;margin-right:16px;display:flex}.lang-btn{color:#aaa;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-family:inherit;font-size:13px;font-weight:600;transition:color .2s}.lang-btn:hover,.lang-btn.active{color:#21e8ef}.lang-divider{color:#fff3;-webkit-user-select:none;user-select:none;font-size:13px}