body{background:#000;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#fff;font-family:Inter,sans-serif}.app{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.video-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.video-overlay{z-index:1;background:#000000d1;width:100%;height:100%;position:fixed;top:0;left:0}.content{z-index:2;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:620px;padding:20px 24px 16px;display:flex;position:relative}.logo{filter:drop-shadow(0 4px 32px #ffffff1f);width:180px;height:auto;animation:.8s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0c0c10f2;border:1px solid #ffffff14;border-radius:20px;width:100%;padding:22px;animation:.8s ease-out .2s both fadeInUp;box-shadow:0 0 0 1px #ffffff0a,0 12px 40px #00000080,0 0 80px #3b82f60a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{margin-bottom:14px}.modal-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-title-left{align-items:center;gap:8px;display:flex}.modal-title-row h2{color:#f0f0f0;letter-spacing:-.01em;font-size:15px;font-weight:600}.eurusd-logo{object-fit:contain;border-radius:50%;width:20px;height:20px}.quotex-logo{filter:brightness(0)invert();opacity:.85;width:auto;height:20px}.stats-bar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:20px;margin-bottom:14px;padding:10px 16px;display:flex}.stat-item{align-items:center;gap:8px;display:flex}.stat-dot{border-radius:50%;width:8px;height:8px}.win-dot{background:#22c55e;box-shadow:0 0 6px #22c55e80}.loss-dot{background:#6b7280}.stat-win{color:#22c55e;font-size:13px;font-weight:600}.stat-loss{color:#9ca3af;font-size:13px;font-weight:600}.stat-rate-container{align-items:baseline;gap:6px;margin-left:auto;display:flex}.stat-rate{color:#60a5fa;font-size:18px;font-weight:700}.stat-rate-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.carousel-container{border-radius:12px;width:100%;overflow:hidden}.carousel{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.operation-block{border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:62px;height:76px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.operation-block:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.operation-block:hover{transform:scale(1.1)translateY(-2px)}.operation-block.win{background:linear-gradient(160deg,#0d9444,#16a34a,#22d162);box-shadow:0 4px 14px #22c55e59,inset 0 1px #ffffff1a}.operation-block.loss{background:linear-gradient(160deg,#2d3748,#4a5568,#5a6577);box-shadow:0 4px 14px #4b55634d,inset 0 1px #ffffff0d}.operation-block.pending{background:linear-gradient(160deg,#1a3a8a,#2563eb,#4f8af7);animation:2s infinite pulseBlock;box-shadow:0 4px 14px #3b82f666,inset 0 1px #ffffff1a}@keyframes pulseBlock{0%,to{box-shadow:0 4px 14px #3b82f666,inset 0 1px #ffffff1a}50%{box-shadow:0 4px 24px #3b82f6b3,inset 0 1px #ffffff26}}.operation-block.just-resolved{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards revealResult}@keyframes revealResult{0%{opacity:0;transform:scale(.6)rotateY(90deg)}50%{opacity:1;transform:scale(1.15)rotateY(0)}to{opacity:1;transform:scale(1)rotateY(0)}}.op-icon{color:#fff;justify-content:center;align-items:center;display:flex}.spinner-ring{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s cubic-bezier(.6,.15,.35,.85) infinite spin;position:relative}.spinner-inner{background:#ffffffb3;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulseInner;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseInner{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(.8)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.op-result{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.op-time{opacity:.8;font-size:9px;font-weight:500}.progress-bar-container{background:#ffffff0f;border-radius:4px;width:100%;height:3px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);border-radius:4px;height:100%;transition:width .3s ease-out;position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6);width:40px;height:100%;animation:1.2s ease-in-out infinite shimmer;position:absolute;top:0;right:0}@keyframes shimmer{0%{opacity:0}50%{opacity:1}to{opacity:0}}.download-section{text-align:center;width:100%;animation:.8s ease-out .4s both fadeInUp}.download-text{color:#d1d5db;margin-bottom:14px;font-size:14px;font-weight:500;line-height:1.5}.download-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.download-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;padding:14px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.download-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.download-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon{object-fit:contain;filter:brightness(0)invert();width:22px;height:22px}.btn-text{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.btn-text span:first-child{font-size:14px;font-weight:600}.downloads-badge{color:#9ca3af;letter-spacing:.02em;font-size:10px!important;font-weight:500!important}.maintenance-badge{color:#fbbf24;text-transform:uppercase;letter-spacing:.03em;background:#fbbf241f;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:500}.footer{text-align:center;width:100%;padding:16px 0 8px;animation:.8s ease-out .6s both fadeInUp}.footer p{color:#ffffff59;letter-spacing:.02em;font-size:12px;font-weight:400}.footer .footer-downloads{color:#ffffff40;margin-top:6px;font-size:11px}.footer-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:12px;display:flex}.footer-partner-logo{object-fit:contain;filter:brightness(0)invert();opacity:.3;width:auto;height:18px;transition:opacity .2s}.footer-partner-logo:hover{opacity:.5}@media (width<=480px){.content{gap:16px;padding:16px 16px 12px}.logo{width:140px}.modal{border-radius:16px;padding:20px}.modal-title-row h2{font-size:12px}.quotex-logo{height:16px}.stats-bar{gap:12px;padding:10px 12px}.stat-win,.stat-loss{font-size:11px}.stat-rate{font-size:15px}.stat-rate-label{font-size:9px}.operation-block{width:50px;height:62px}.op-result{font-size:9px}.op-time{font-size:8px}.download-text{font-size:13px}.download-buttons{flex-direction:column;align-items:center;gap:10px}.download-btn{justify-content:center;width:100%;max-width:240px;padding:12px 16px}}.active-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:#0c0c10f2;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:24px;width:100%;padding:36px 28px;animation:.8s ease-out .2s both fadeInUp;display:flex;box-shadow:0 0 0 1px #ffffff0a,0 12px 40px #00000080,0 0 80px #3b82f60a}.active-quotex-logo{filter:brightness(0)invert();width:auto;height:32px}.active-text{color:#d1d5db;max-width:420px;font-size:15px;font-weight:400;line-height:1.6}.active-register-btn{color:#fff;cursor:pointer;background:linear-gradient(160deg,#0d9444,#16a34a,#22d162);border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 36px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #22c55e59,inset 0 1px #ffffff1a}.active-register-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e80,inset 0 1px #ffffff26}.active-register-btn:active{transform:translateY(0)}@media (width<=480px){.active-modal{border-radius:16px;padding:28px 20px}.active-quotex-logo{height:26px}.active-text{font-size:14px}.active-register-btn{padding:12px 28px;font-size:14px}}
