@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
/* Yalla3RB homepage — scoped styles. Keep this file for the public landing page and shared header. */
:root{--y3-bg:#080b16;--y3-bg-soft:#0d1221;--y3-card:#1b1e29;--y3-text:#f6f8ff;--y3-muted:#9baabe;--y3-line:#293448;--y3-cyan:#00d9f5;--y3-blue:#4f7cff;--y3-purple:#a855f7;--y3-green:#19d58a}
body{background:var(--y3-bg);color:var(--y3-text);font-family:"Cairo","Segoe UI",Arial,sans-serif}
.y3-home{direction:rtl;background:var(--y3-bg);color:var(--y3-text);font-family:"Cairo","Segoe UI",Arial,sans-serif;line-height:1.75;overflow:hidden;margin:0}
.y3-home *{box-sizing:border-box}.y3-home a{color:inherit;text-decoration:none}.y3-shell{width:min(1200px,calc(100% - 44px));margin-inline:auto}
.y3-home .y3-eyebrow{display:inline-block;color:var(--y3-cyan);font-size:11px;font-weight:800;letter-spacing:.2px}
.y3-home .y3-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:11px;background:var(--y3-cyan);color:#04131b!important;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;cursor:pointer}
.y3-home .y3-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00d9f52b}
.y3-home .y3-btn-outline{background:transparent;color:var(--y3-text)!important;border-color:#53647e}
.y3-hero{position:relative;padding:55px 0 48px;min-height:620px;background:radial-gradient(ellipse at 76% 27%,#123e623c,transparent 48%),radial-gradient(ellipse at 20% 20%,#4f7cff0b,transparent 45%),#0b0910}
.y3-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#8aa2c21b 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,black 40%,black 95%);pointer-events:none}
.y3-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.84fr 1.16fr;gap:66px;align-items:center;direction:ltr}
.y3-login-panel,.y3-hero-content{direction:rtl}
.y3-login-panel{position:relative;width:100%;max-width:470px;margin:auto;padding:30px 32px 20px;border-radius:21px;border:1px solid #ffffff12;background:linear-gradient(145deg,#20222c,#191c26);box-shadow:0 25px 75px #0005;overflow:hidden}
.y3-panel-glow{position:absolute;top:0;right:7%;left:7%;height:3px;background:linear-gradient(90deg,var(--y3-cyan),var(--y3-blue),var(--y3-purple));border-radius:0 0 4px 4px}
.y3-login-heading h2{font-size:25px;font-weight:800;margin:5px 0 2px;color:#fff}.y3-login-heading p{font-size:11px;color:var(--y3-muted);margin:0 0 22px}
.y3-login-form .alert{font-size:12px;border-radius:10px}.y3-field{margin-bottom:15px}.y3-field label{display:block;margin:0 0 7px;font-size:11px;font-weight:700;color:#e9eff9}
.y3-label-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.y3-forgot{font-size:10px;color:var(--y3-cyan)!important;font-weight:700}
.y3-input-box{position:relative}.y3-input-box .form-control{height:49px;width:100%;border:1px solid #dbe6f5;border-radius:10px;background:#eaf2ff;color:#172033;padding:0 43px 0 40px;font-size:12px;box-shadow:none;direction:rtl}
.y3-input-box .form-control:focus{border-color:var(--y3-cyan);box-shadow:0 0 0 3px #00d9f526}
.y3-field-icon{position:absolute;right:14px;top:10px;color:#7c91a8;font-size:18px;z-index:2;pointer-events:none}
.y3-password-toggle{position:absolute;left:7px;top:6px;width:35px;height:36px;border:0;background:transparent;color:#7c91a8;cursor:pointer}
.y3-captcha{margin:12px 0}.y3-login-submit{width:100%;font-family:"Cairo","Segoe UI",Arial,sans-serif;margin-top:3px}
.y3-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#8e9caf;font-size:10px}.y3-divider:before,.y3-divider:after{content:"";height:1px;background:#ffffff19;flex:1}
.y3-google-wrap{display:flex;justify-content:center;overflow:hidden}.y3-google-wrap>div{max-width:100%}
.y3-register-line{text-align:center;color:#aab7c8;font-size:11px;margin:17px 0 11px}.y3-register-line a{color:var(--y3-cyan)!important;font-weight:800}
.y3-login-security{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff12;padding-top:12px;color:#8798ae;font-size:9px}
.y3-hero-content{text-align:right;padding:15px 0}.y3-hero-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #00d9f53c;border-radius:30px;background:#00d9f50c;color:#c0f8ff;font-size:10px;font-weight:700}
.y3-hero-tag i{width:7px;height:7px;border-radius:50%;background:var(--y3-cyan);box-shadow:0 0 0 5px #00d9f51b}
.y3-hero-content h1{font-size:clamp(44px,5vw,65px);font-weight:900;line-height:1.3;letter-spacing:-1.5px;margin:20px 0 13px;color:#fff}
.y3-rotating-word{display:inline-block;color:var(--y3-cyan);transition:filter .2s,opacity .2s}.y3-rotating-word.is-changing{filter:blur(6px);opacity:.45}
.y3-hero-description{max-width:610px;color:#aab6c7;font-size:13px;line-height:2.1;margin:0 0 23px}
.y3-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.y3-platforms{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap;direction:ltr;margin-top:27px}
.y3-platform{width:39px;height:39px;display:grid;place-items:center;border:1px solid #ffffff0b;border-radius:11px;background:#1b1e29;font-size:20px;font-weight:800;box-shadow:0 5px 15px #0003}
.p-tiktok{color:#00d9f5}.p-instagram{color:#ed6bb5}.p-discord{color:#8292ff}.p-twitch{color:#b57aff}.p-spotify{color:#20d98a}.p-snap{color:#f7e83d}.p-x{color:#d9e4f2}.p-telegram{color:#54c7ff}.p-youtube{color:#ff596d}.p-facebook{color:#5c9bff}
.y3-stats{display:flex;gap:0;margin-top:29px}.y3-stats>div{display:flex;flex-direction:column;padding:0 18px;border-left:1px solid #ffffff18}.y3-stats>div:first-child{padding-right:0}.y3-stats>div:last-child{border:0}.y3-stats strong{font-size:13px;color:#f4f7ff}.y3-stats span{font-size:10px;color:var(--y3-muted)}
.y3-hero-bottom-line{position:absolute;bottom:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,#00d9f533,transparent)}
.y3-section{padding:76px 0}.y3-section-heading{margin-bottom:29px}.y3-section-heading h2{font-size:clamp(27px,3vw,36px);font-weight:800;margin:8px 0;color:#fff}.y3-section-heading p{font-size:11px;color:var(--y3-muted);margin:0}.y3-heading-right{text-align:right}
.y3-steps-section{background:#0b0910}.y3-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.y3-step-card{position:relative;min-height:190px;padding:22px 18px;border:1px solid #ffffff0c;border-radius:16px;background:linear-gradient(145deg,#1d202b,#171a24);overflow:hidden}
.y3-step-number{position:absolute;top:7px;left:13px;color:#ffffff0b;font:900 39px Arial}.y3-step-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:var(--y3-cyan);color:#06131b;font-size:19px}
.y3-step-card h3{font-size:13px;margin:13px 0 5px;color:#fff}.y3-step-card p{font-size:10px;line-height:1.9;color:var(--y3-muted);margin:0}
.y3-why-section{background:linear-gradient(180deg,#0b0910,#0d1120)}.y3-why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center;direction:ltr}.y3-why-copy,.y3-order-mock{direction:rtl}
.y3-why-copy h2{font-size:clamp(30px,3.5vw,42px);margin:8px 0;color:#fff}.y3-why-copy h2 em{font-style:normal;color:var(--y3-cyan)}.y3-why-copy>p{font-size:12px;color:var(--y3-muted);line-height:2}
.y3-benefit-list{display:grid;gap:13px;margin-top:22px}.y3-benefit-list>div{display:flex;align-items:center;gap:12px}.y3-benefit-list>div>b{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:#00d9f51a;color:var(--y3-cyan);font-size:18px}
.y3-benefit-list strong,.y3-benefit-list small{display:block}.y3-benefit-list strong{font-size:11px}.y3-benefit-list small{font-size:9px;color:var(--y3-muted);margin-top:2px}
.y3-order-mock{padding:21px;border:1px solid #ffffff12;border-radius:21px;background:linear-gradient(145deg,#20222c,#191c26);box-shadow:0 25px 70px #0005;transform:rotate(-.7deg)}
.y3-mock-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid #ffffff12}.y3-mock-logo{font:900 19px Arial;direction:ltr;color:#fff}.y3-mock-logo b{color:var(--y3-cyan)}.y3-mock-status{font-size:9px;color:var(--y3-muted)}.y3-mock-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--y3-green);margin-left:5px}
.y3-mock-title{display:flex;align-items:center;gap:10px;margin:16px 0}.y3-mock-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--y3-cyan);color:#07131c;font-size:21px}.y3-mock-title strong,.y3-mock-title small{display:block}.y3-mock-title strong{font-size:12px}.y3-mock-title small{font-size:9px;color:var(--y3-muted)}
.y3-mock-field{position:relative;padding:9px 12px;margin-top:9px;border:1px solid #343b4b;border-radius:9px;background:#111522}.y3-mock-field small,.y3-mock-two small{display:block;color:var(--y3-muted);font-size:9px}.y3-mock-field strong,.y3-mock-two strong{display:block;font-size:10px;margin-top:3px}.y3-mock-field>span{position:absolute;left:12px;top:18px;color:var(--y3-cyan)}.y3-mock-field .y3-mock-muted{color:#74849a;font-weight:400}
.y3-mock-two{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.y3-mock-two>div{padding:9px 12px;border:1px solid #343b4b;border-radius:9px;background:#111522}.y3-cyan{color:var(--y3-cyan)}
.y3-mock-progress{height:4px;margin-top:15px;border-radius:5px;background:#343b4b;overflow:hidden}.y3-mock-progress span{display:block;width:66%;height:100%;background:linear-gradient(90deg,var(--y3-cyan),var(--y3-blue),var(--y3-purple))}
.y3-mock-foot{margin-top:12px;font-size:9px;color:var(--y3-muted)}.y3-mock-foot i{font-style:normal;color:var(--y3-green);margin-left:4px}
.y3-payment-section{background:#0a0e19;border-block:1px solid #ffffff0b}.y3-payment-bands{display:grid;gap:10px}.y3-payment-band{display:flex;justify-content:space-around;align-items:center;gap:15px;flex-wrap:wrap;padding:19px 15px;border:1px solid #ffffff0d;border-radius:14px;background:#1b1e29;color:#9db0c7;font-size:11px;font-weight:800;direction:ltr}.y3-payment-band span:nth-child(2n){color:var(--y3-cyan)}
.y3-faq-section{background:#0b0910}.y3-faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:25px;align-items:start;direction:ltr}.y3-faq-main,.y3-faq-sidebar{direction:rtl}
.y3-faq-list{display:grid;gap:9px}.y3-faq-list details{padding:0 15px;border:1px solid #ffffff0d;border-radius:12px;background:#1c1f29}.y3-faq-list details[open]{border-color:#00d9f544}
.y3-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;cursor:pointer;list-style:none;font-size:11px;font-weight:700}.y3-faq-list summary::-webkit-details-marker{display:none}.y3-faq-list summary b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#2a3040;color:var(--y3-cyan);font-size:16px}
.y3-faq-list details p{font-size:10px;line-height:1.9;color:var(--y3-muted);margin:0;padding:0 0 13px}
.y3-faq-sidebar{display:grid;gap:7px;padding-top:73px}.y3-faq-sidebar>button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a6b4c6;font-family:"Cairo","Segoe UI",Arial,sans-serif;font-size:11px;font-weight:700;text-align:right;cursor:pointer}
.y3-faq-sidebar>button span{font-size:16px;color:var(--y3-cyan)}.y3-faq-sidebar>button.active,.y3-faq-sidebar>button:hover{background:#00d9f512;border-color:#00d9f538;color:var(--y3-cyan)}
.y3-support-card{margin-top:15px;padding:14px;border:1px solid #00d9f52b;border-radius:12px;background:#111827}.y3-support-card strong{font-size:11px}.y3-support-card p{font-size:9px;line-height:1.8;color:var(--y3-muted)}.y3-support-card a{font-size:10px;color:var(--y3-cyan)!important;font-weight:800}
.y3-cta-section{padding:0 0 70px;background:#0b0910}.y3-cta-inner{text-align:center;padding:38px 20px 42px;border:1px solid #00d9f52b;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#00d9f51b,transparent 65%),#111827}
.y3-cta-inner h2{font-size:clamp(26px,3.2vw,38px);margin:8px 0;color:#fff}.y3-cta-inner p{font-size:11px;color:var(--y3-muted);margin:0 0 19px}.y3-cta-button{min-width:170px}
.y3-home-footer{padding:28px 0 15px;border-top:1px solid #ffffff0c;background:#070a12}.y3-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:20px}.y3-footer-brand{font:900 23px Arial;direction:ltr;display:inline-block}.y3-footer-brand b{color:var(--y3-cyan)}.y3-footer-inner p{font-size:9px;color:var(--y3-muted);margin:8px 0 0}.y3-footer-inner nav{display:flex;gap:17px;flex-wrap:wrap;font-size:10px;color:#aab7c8}.y3-footer-inner nav a:hover{color:var(--y3-cyan)}
.y3-footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff0c;padding-top:12px;color:#75869b;font-size:9px}
.y3-back-top{position:fixed;z-index:50;left:18px;bottom:18px;width:39px;height:39px;border:0;border-radius:10px;background:var(--y3-cyan);color:#06131b;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px #00d9f52b}
.y3-auth-extra{margin-top:20px;margin-bottom:20px;color:var(--y3-text)}
/* Shared Perfect Panel public navigation. Twig-generated links and dropdowns remain intact. */
body>.navbar.navbar-default{margin:0;border:0;border-bottom:1px solid #ffffff10;border-radius:0;background:#080b16;color:#fff;min-height:70px;box-shadow:none}
body>.navbar.navbar-default .container{width:min(1200px,calc(100% - 44px))}
body>.navbar.navbar-default .navbar-brand{height:70px;padding-top:12px;color:#fff;font-weight:900}
body>.navbar.navbar-default .navbar-brand img{max-height:45px;width:auto}
body>.navbar.navbar-default .navbar-nav>li>a{padding-top:25px;padding-bottom:25px;color:#b7c4d6;font-size:12px}
body>.navbar.navbar-default .navbar-nav>li>a:hover,body>.navbar.navbar-default .navbar-nav>.active>a{color:var(--y3-cyan);background:transparent}
body>.navbar.navbar-default .navbar-toggle{margin-top:17px;border-color:#344056;background:#111827}
body>.navbar.navbar-default .navbar-toggle .icon-bar{background:#dce7f6}
body>.navbar.navbar-default .dropdown-menu{background:#141b2a;border:1px solid #2a3548}
body>.navbar.navbar-default .dropdown-menu>li>a{color:#dce7f6}
body>.navbar.navbar-default .dropdown-menu>li>a:hover{background:#00d9f516;color:var(--y3-cyan)}
@media(max-width:991px){.y3-hero-grid{gap:32px}.y3-why-grid{gap:35px}.y3-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .y3-shell{width:calc(100% - 30px)}.y3-hero{padding:30px 0 38px;min-height:0}.y3-hero-grid{grid-template-columns:1fr;gap:27px;direction:rtl}
 .y3-hero-content{grid-row:1;text-align:center;padding:8px 0 0}.y3-hero-content h1{font-size:clamp(39px,10vw,52px);margin:16px 0 10px}.y3-hero-description{font-size:11px;margin:0 auto 18px}.y3-hero-actions{justify-content:center}.y3-home .y3-btn{min-height:43px;padding:0 15px;font-size:11px}
 .y3-platforms{justify-content:center;gap:6px;margin-top:20px}.y3-platform{width:31px;height:31px;border-radius:8px;font-size:16px}.y3-stats{justify-content:center;margin-top:20px}.y3-stats>div{padding:0 10px}.y3-stats strong{font-size:10px}.y3-stats span{font-size:8px}
 .y3-login-panel{max-width:470px;padding:23px 18px 17px;border-radius:17px}.y3-login-heading h2{font-size:21px}.y3-login-heading p{font-size:10px;margin-bottom:16px}.y3-input-box .form-control{height:46px}.y3-login-security{font-size:8px}
 .y3-section{padding:49px 0}.y3-section-heading{margin-bottom:21px}.y3-section-heading h2{font-size:26px}.y3-section-heading p{font-size:10px}
 .y3-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.y3-step-card{min-height:160px;padding:15px 12px;border-radius:13px}.y3-step-icon{width:38px;height:38px;font-size:17px}.y3-step-card h3{font-size:11px;margin-top:10px}.y3-step-card p{font-size:9px}.y3-step-number{font-size:31px}
 .y3-why-grid{grid-template-columns:1fr;gap:24px;direction:rtl}.y3-why-copy{text-align:center}.y3-why-copy h2{font-size:29px}.y3-why-copy>p{font-size:10px}.y3-benefit-list{text-align:right;max-width:480px;margin:20px auto 0}.y3-benefit-list>div>b{width:34px;height:34px;flex-basis:34px}.y3-benefit-list strong{font-size:10px}.y3-benefit-list small{font-size:8px}.y3-order-mock{padding:15px;border-radius:16px}
 .y3-payment-band{gap:12px 18px;padding:15px 10px;font-size:9px}.y3-faq-layout{grid-template-columns:1fr;gap:15px;direction:rtl}.y3-faq-sidebar{grid-row:1;display:flex;gap:5px;padding-top:0;overflow-x:auto}.y3-faq-sidebar>button{width:auto;flex:0 0 auto;white-space:nowrap;padding:8px 10px;font-size:9px}.y3-support-card{display:none}.y3-faq-list summary{font-size:10px}
 .y3-cta-section{padding-bottom:43px}.y3-cta-inner{padding:28px 14px;border-radius:16px}.y3-cta-inner h2{font-size:25px}.y3-footer-inner{align-items:flex-start;flex-direction:column;gap:16px}.y3-footer-inner nav{gap:11px 14px;font-size:9px}
}


/* ===== Yalla3RB refinement: Cairo typography ===== */

body,
body>.navbar.navbar-default,
body>.navbar.navbar-default *,
.y3-home,
.y3-home *,
.y3-auth-extra {
    font-family: "Cairo", "Segoe UI", Arial, sans-serif !important;
}

/* ===== Hero headline: clipped, gentle vertical word transition ===== */
.y3-hero-content h1 {
    line-height: 1.28;
}

.y3-word-window {
    display: inline-block;
    height: 1.28em;
    line-height: 1.28;
    overflow: hidden;
    vertical-align: bottom;
    position: relative;
    direction: rtl;
}

.y3-rotating-word {
    display: inline-block;
    white-space: nowrap;
    color: var(--y3-cyan);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
        transform 720ms cubic-bezier(.22, .68, 0, 1),
        opacity 520ms ease;
    will-change: transform, opacity;
}

.y3-rotating-word.is-exiting {
    transform: translate3d(0, -0.42em, 0);
    opacity: 0;
}

.y3-rotating-word.is-entering {
    transform: translate3d(0, 0.42em, 0);
    opacity: 0;
}

.y3-rotating-word.is-visible {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

/* ===== Login card: subtle moving neon border ===== */
.y3-login-panel {
    isolation: isolate;
    border: 1px solid rgba(0, 217, 245, .22);
    background:
        linear-gradient(145deg, #20222c, #191c26) padding-box,
        conic-gradient(
            from var(--y3-neon-angle, 0deg),
            rgba(0, 217, 245, .12),
            rgba(79, 124, 255, .72),
            rgba(168, 85, 247, .58),
            rgba(0, 217, 245, .82),
            rgba(0, 217, 245, .12)
        ) border-box;
    border: 1px solid transparent;
    box-shadow:
        0 25px 75px rgba(0, 0, 0, .32),
        0 0 22px rgba(0, 217, 245, .055);
}

.y3-login-panel::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    border-radius: inherit;
    padding: 1px;
    background: conic-gradient(
        from var(--y3-neon-angle, 0deg),
        transparent 0deg,
        rgba(0, 217, 245, .12) 55deg,
        rgba(0, 217, 245, .82) 105deg,
        rgba(79, 124, 255, .58) 160deg,
        rgba(168, 85, 247, .35) 220deg,
        transparent 300deg,
        transparent 360deg
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    animation: y3-neon-rotate 8s linear infinite;
    opacity: .82;
}

@keyframes y3-neon-rotate {
    to { --y3-neon-angle: 360deg; }
}

@property --y3-neon-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

/* Keep the top accent restrained; the animated border does the work. */
.y3-panel-glow {
    height: 2px;
    opacity: .7;
    filter: drop-shadow(0 0 5px rgba(0, 217, 245, .35));
}

/* ===== CTA and form controls: consistent sizing ===== */
.y3-home .y3-btn {
    min-height: 48px;
    padding: 0 25px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
}

.y3-home .y3-login-submit {
    min-height: 49px;
}

.y3-home .y3-btn-outline {
    border-width: 1px;
}

/* ===== Continuous social-platform logo marquee ===== */
.y3-platform-marquee {
    width: min(100%, 500px);
    overflow: hidden;
    position: relative;
    margin-top: 25px;
    direction: ltr;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
}

.y3-platform-track {
    display: flex;
    width: max-content;
    animation: y3-logo-marquee 28s linear infinite;
    will-change: transform;
}

.y3-platform-group {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 12px;
    flex: 0 0 auto;
}

.y3-platform-group > span {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 10px;
    background: rgba(255,255,255,.055);
}

.y3-platform-group img {
    display: block;
    width: 19px;
    height: 19px;
    object-fit: contain;
}

@keyframes y3-logo-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.y3-platform-marquee:hover .y3-platform-track {
    animation-play-state: paused;
}

/* Mobile refinements */
@media (max-width: 767px) {
    .y3-login-panel::before { animation-duration: 10s; }
    .y3-home .y3-btn { min-height: 44px; padding-inline: 17px; }
    .y3-platform-marquee { max-width: 100%; margin: 20px auto 0; }
    .y3-platform-group { gap: 9px; padding-right: 9px; }
    .y3-platform-group > span { width: 34px; height: 34px; flex-basis: 34px; }
    .y3-platform-group img { width: 17px; height: 17px; }
}

@media (prefers-reduced-motion: reduce) {
    .y3-login-panel::before,
    .y3-platform-track {
        animation: none !important;
    }
    .y3-rotating-word { transition: none !important; }
}


/* ===== FINAL LAYOUT FIX: prevent the login card from collapsing ===== */
.y3-home,
.y3-home *,
body,
body button,
body input,
body select,
body textarea {
    font-family: "Cairo", "Segoe UI", Arial, sans-serif !important;
}

.y3-shell {
    width: min(1200px, calc(100% - 48px));
    max-width: 1200px;
}

.y3-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(390px, 470px) minmax(0, 1fr) !important;
    gap: clamp(32px, 4.2vw, 66px) !important;
    align-items: center;
    direction: ltr;
}

.y3-login-panel {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 470px !important;
    justify-self: stretch;
    margin: 0 auto !important;
    padding: 30px 30px 22px !important;
    overflow: hidden;
}

.y3-login-panel form,
.y3-login-form,
.y3-login-panel .y3-field,
.y3-login-panel .y3-input-box {
    width: 100%;
    min-width: 0;
}

.y3-login-panel .form-control {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
}

.y3-login-heading h2 {
    font-family: "Cairo", sans-serif !important;
    font-size: 25px;
    line-height: 1.5;
}

.y3-login-heading p,
.y3-field label,
.y3-forgot,
.y3-register-line,
.y3-login-security {
    font-family: "Cairo", sans-serif !important;
    line-height: 1.8;
}

.y3-hero-content {
    min-width: 0;
    width: 100%;
}

.y3-hero-content h1 {
    display: block;
    overflow: visible;
    line-height: 1.35;
    white-space: normal;
}

.y3-word-window {
    display: inline-flex !important;
    position: relative;
    height: 1.35em;
    max-height: 1.35em;
    overflow: hidden;
    vertical-align: -0.18em;
    align-items: flex-start;
    line-height: 1.35;
    white-space: nowrap;
}

.y3-rotating-word {
    display: inline-block !important;
    position: relative;
    flex: 0 0 auto;
    line-height: 1.35;
    white-space: nowrap;
    transform: translate3d(0, 0, 0);
}

.y3-rotating-word.is-exiting {
    transform: translate3d(0, -0.32em, 0);
    opacity: 0;
}

.y3-rotating-word.is-entering {
    transform: translate3d(0, 0.32em, 0);
    opacity: 0;
}

.y3-rotating-word.is-visible {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.y3-platform-marquee {
    display: block;
    width: min(100%, 500px);
    max-width: 100%;
    overflow: hidden;
}

.y3-stats {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
}

.y3-stats > div {
    min-width: 0;
}

/* Tablet: keep both columns usable without squeezing the login form. */
@media (max-width: 1100px) and (min-width: 768px) {
    .y3-hero-grid {
        grid-template-columns: minmax(340px, 420px) minmax(0, 1fr) !important;
        gap: 28px !important;
    }
    .y3-login-panel {
        padding: 25px 22px 19px !important;
    }
    .y3-hero-content h1 {
        font-size: clamp(40px, 4.5vw, 54px);
    }
}

/* Mobile/tablet: stack the hero instead of compressing either column. */
@media (max-width: 767px) {
    .y3-shell {
        width: calc(100% - 30px);
    }
    .y3-hero-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 26px !important;
        direction: rtl;
    }
    .y3-hero-content {
        grid-row: 1;
        width: 100%;
    }
    .y3-login-panel {
        grid-row: 2;
        width: 100% !important;
        max-width: 470px !important;
        min-width: 0 !important;
        padding: 23px 18px 18px !important;
        margin-inline: auto !important;
    }
    .y3-word-window {
        height: 1.3em;
        max-height: 1.3em;
    }
    .y3-hero-content h1 {
        font-size: clamp(38px, 10vw, 52px);
    }
}

/* Avoid a too-narrow first column on compact desktop windows. */
@media (max-width: 767px) {
    .y3-login-panel,
    .y3-login-panel * {
        box-sizing: border-box;
    }
}


/* ==========================================================
   Yalla3RB finishing pass: header, buttons, login neon frame,
   typography, stats and responsive spacing
   ========================================================== */

/* Global Cairo typography */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
html, body,
body .navbar,
body .navbar a,
body .navbar button,
.y3-home,
.y3-home button,
.y3-home input,
.y3-home select,
.y3-home textarea {
    font-family: "Cairo", "Segoe UI", Arial, sans-serif !important;
}

/* Header: preserve Perfect Panel's Twig navigation and links */
body > .navbar.navbar-default {
    min-height: 76px !important;
    height: auto;
    background: #080b16 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0,217,245,.13) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,.18) !important;
}

body > .navbar.navbar-default > .container,
body > .navbar.navbar-default .container {
    min-height: 76px;
    display: flex;
    align-items: center;
}

body > .navbar.navbar-default .navbar-header {
    min-height: 76px;
    display: flex;
    align-items: center;
}

body > .navbar.navbar-default .navbar-brand {
    height: auto !important;
    min-height: 76px;
    display: flex !important;
    align-items: center;
    padding: 8px 15px !important;
    color: #fff !important;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -.3px;
}

body > .navbar.navbar-default .navbar-brand img {
    max-height: 48px !important;
    width: auto;
}

body > .navbar.navbar-default .navbar-collapse {
    flex: 1 1 auto;
}

body > .navbar.navbar-default .navbar-nav {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

body > .navbar.navbar-default .navbar-nav > li {
    float: none;
}

body > .navbar.navbar-default .navbar-nav > li > a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 9px 13px !important;
    border-radius: 9px;
    color: #c4cede !important;
    font-size: 13px !important;
    font-weight: 700;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

body > .navbar.navbar-default .navbar-nav > li > a:hover,
body > .navbar.navbar-default .navbar-nav > li.active > a,
body > .navbar.navbar-default .navbar-nav > li > a:focus {
    color: #00d9f5 !important;
    background: rgba(0,217,245,.08) !important;
}

body > .navbar.navbar-default .navbar-left-block .navbar-nav > li:last-child > a,
body > .navbar.navbar-default .navbar-nav.navbar-left > li:last-child > a {
    min-height: 43px;
    padding: 9px 20px !important;
    border: 1px solid rgba(0,217,245,.45);
    border-radius: 10px;
    background: #00d9f5 !important;
    color: #07131b !important;
    font-weight: 900;
    box-shadow: 0 5px 18px rgba(0,217,245,.15);
}

body > .navbar.navbar-default .navbar-left-block .navbar-nav > li:last-child > a:hover,
body > .navbar.navbar-default .navbar-nav.navbar-left > li:last-child > a:hover {
    background: #39e5fa !important;
    color: #06131a !important;
    transform: translateY(-1px);
}

body > .navbar.navbar-default .navbar-toggle {
    margin-top: 19px !important;
    margin-bottom: 19px !important;
    border: 1px solid #344056 !important;
    border-radius: 9px;
    background: #111827 !important;
}

body > .navbar.navbar-default .navbar-toggle .icon-bar {
    background: #e7f2ff !important;
}

/* Hero buttons: consistent size, weight and spacing */
.y3-home .y3-hero-actions {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
}

.y3-home .y3-hero-actions .y3-btn {
    min-width: 150px;
    min-height: 52px;
    padding: 0 25px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
}

.y3-home .y3-hero-actions .y3-btn-outline {
    min-width: 166px;
    border: 1px solid #53647e;
    background: rgba(8,11,22,.35);
    color: #f6f8ff !important;
}

.y3-home .y3-login-submit {
    min-height: 51px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 900;
}

.y3-home .y3-cta-button {
    min-width: 180px;
    min-height: 51px;
    padding-inline: 26px;
    font-size: 13px;
}

/* Animated subtle neon frame around the login card */
.y3-login-panel {
    isolation: isolate;
    border: 1px solid rgba(0,217,245,.25) !important;
    box-shadow:
        0 20px 65px rgba(0,0,0,.38),
        0 0 22px rgba(0,217,245,.055) !important;
}

.y3-login-panel::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -1px;
    padding: 1.5px;
    border-radius: inherit;
    background: conic-gradient(
        from var(--y3-neon-angle, 0deg),
        transparent 0deg,
        transparent 225deg,
        rgba(0,217,245,.08) 255deg,
        rgba(0,217,245,.9) 285deg,
        rgba(79,124,255,.75) 315deg,
        rgba(168,85,247,.35) 340deg,
        transparent 360deg
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    animation: y3-neon-border-spin 7s linear infinite;
}

@keyframes y3-neon-border-spin {
    to { --y3-neon-angle: 360deg; }
}

@property --y3-neon-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.y3-login-panel > * {
    position: relative;
    z-index: 1;
}

.y3-login-panel .y3-panel-glow {
    z-index: 2;
    height: 2px;
    opacity: .8;
}

/* Make form controls readable and prevent label collisions */
.y3-login-panel .y3-field {
    margin-bottom: 17px;
}

.y3-login-panel .y3-field label {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.7;
}

.y3-login-panel .y3-label-line {
    flex-wrap: wrap;
    row-gap: 4px;
}

.y3-login-panel .y3-forgot {
    font-size: 11px;
}

.y3-login-panel .y3-input-box .form-control {
    height: 50px;
    padding-inline: 44px;
    font-size: 13px;
}

.y3-login-panel .y3-register-line {
    font-size: 12px;
    line-height: 1.9;
}

/* Hero stats: make the three columns visually distinct */
.y3-home .y3-stats {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: 28px;
}

.y3-home .y3-stats > div {
    flex: 1 1 0;
    padding: 2px 17px;
    border-left: 1px solid rgba(255,255,255,.14);
}

.y3-home .y3-stats > div:first-child {
    padding-right: 0;
}

.y3-home .y3-stats > div:last-child {
    border-left: 0;
}

.y3-home .y3-stats strong {
    display: block;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.7;
}

.y3-home .y3-stats span {
    display: block;
    font-size: 10px;
    line-height: 1.8;
}

/* Better rhythm and text sizing across sections */
.y3-home .y3-section-heading h2,
.y3-home .y3-why-copy h2,
.y3-home .y3-cta-inner h2 {
    font-family: "Cairo", sans-serif !important;
    line-height: 1.45;
}

.y3-home .y3-step-card,
.y3-home .y3-order-mock,
.y3-home .y3-faq-list details,
.y3-home .y3-support-card {
    border-radius: 14px;
}

.y3-home .y3-footer-inner nav {
    align-items: center;
}

/* Responsive sizing */
@media (max-width: 1100px) and (min-width: 768px) {
    body > .navbar.navbar-default .navbar-nav > li > a {
        padding-inline: 9px !important;
        font-size: 12px !important;
    }
    .y3-home .y3-hero-actions .y3-btn {
        min-width: 135px;
        padding-inline: 18px;
    }
}

@media (max-width: 767px) {
    body > .navbar.navbar-default,
    body > .navbar.navbar-default .container,
    body > .navbar.navbar-default .navbar-header {
        min-height: 62px !important;
    }
    body > .navbar.navbar-default .navbar-brand {
        min-height: 62px;
        font-size: 18px;
    }
    body > .navbar.navbar-default .navbar-collapse {
        border-top: 1px solid rgba(255,255,255,.08);
        background: #0b1020;
    }
    body > .navbar.navbar-default .navbar-nav {
        display: block;
        padding: 8px 0;
    }
    body > .navbar.navbar-default .navbar-nav > li > a {
        min-height: 42px;
        padding: 10px 14px !important;
    }
    body > .navbar.navbar-default .navbar-left-block .navbar-nav > li:last-child > a,
    body > .navbar.navbar-default .navbar-nav.navbar-left > li:last-child > a {
        display: inline-flex;
        margin: 7px 12px;
    }
    .y3-home .y3-hero-actions {
        justify-content: center;
        gap: 9px;
    }
    .y3-home .y3-hero-actions .y3-btn {
        min-width: 140px;
        min-height: 46px;
        padding-inline: 16px;
        font-size: 12px;
    }
    .y3-home .y3-login-submit {
        min-height: 48px;
    }
    .y3-home .y3-stats {
        gap: 0;
    }
    .y3-home .y3-stats > div {
        padding-inline: 9px;
    }
    .y3-home .y3-stats strong {
        font-size: 11px;
    }
    .y3-home .y3-stats span {
        font-size: 8px;
    }
}

/* Respect users who request reduced motion */
@media (prefers-reduced-motion: reduce) {
    .y3-login-panel::before {
        animation: none;
    }
}


/* ===== Larger hero statistics, closer to the Foollo reference ===== */
.y3-home .y3-stats {
    width: min(100%, 590px);
    margin-top: 34px !important;
    align-items: center;
}

.y3-home .y3-stats > div {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 22px !important;
    text-align: center;
    gap: 3px;
}

.y3-home .y3-stats > div:first-child {
    padding-right: 0 !important;
}

.y3-home .y3-stats > div:last-child {
    padding-left: 0 !important;
}

.y3-home .y3-stats strong,
.y3-home .y3-stats .y3-stat-number {
    display: block;
    color: #fff !important;
    font-family: "Cairo", sans-serif !important;
    font-size: clamp(23px, 2.15vw, 31px) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    letter-spacing: -.5px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.y3-home .y3-stats span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    color: #aeb8c8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    white-space: nowrap;
}

.y3-home .y3-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ff4a1f !important;
    font-size: 14px !important;
    font-style: normal;
    line-height: 1;
}

@media (max-width: 1100px) and (min-width: 768px) {
    .y3-home .y3-stats {
        width: 100%;
    }
    .y3-home .y3-stats > div {
        padding-inline: 12px !important;
    }
    .y3-home .y3-stats strong,
    .y3-home .y3-stats .y3-stat-number {
        font-size: clamp(19px, 2.2vw, 25px) !important;
    }
    .y3-home .y3-stats span {
        font-size: 11px !important;
    }
}

@media (max-width: 767px) {
    .y3-home .y3-stats {
        width: 100%;
        margin-top: 23px !important;
    }
    .y3-home .y3-stats > div {
        padding-inline: 7px !important;
    }
    .y3-home .y3-stats strong,
    .y3-home .y3-stats .y3-stat-number {
        font-size: clamp(16px, 4.5vw, 21px) !important;
        letter-spacing: -.6px;
    }
    .y3-home .y3-stats span {
        gap: 4px;
        font-size: 9px !important;
    }
    .y3-home .y3-stat-icon {
        font-size: 11px !important;
    }
}


/* ===== Match Foollo login card dimensions from supplied reference ===== */
/* Reference inspected: width 440px, height about 589px, padding 32px,
   radius 20px, background #1E1E24, Cairo 16px, line-height 1.5. */

.y3-home .y3-hero-grid {
    grid-template-columns: minmax(0, 440px) minmax(0, 1fr) !important;
    gap: clamp(38px, 4vw, 64px) !important;
    align-items: center !important;
}

.y3-home .y3-login-panel {
    box-sizing: border-box !important;
    width: 440px !important;
    min-width: 440px !important;
    max-width: 440px !important;
    min-height: 589px !important;
    height: auto !important;
    padding: 32px !important;
    border-radius: 20px !important;
    background-color: #1E1E24 !important;
    color: #f4f5f7 !important;
    font-family: "Cairo", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-align: right !important;
    justify-self: start !important;
}

.y3-home .y3-login-panel,
.y3-home .y3-login-panel * {
    box-sizing: border-box;
}

.y3-home .y3-login-panel form {
    width: 100% !important;
    max-width: 100% !important;
}

.y3-home .y3-login-panel .form-group,
.y3-home .y3-login-panel .y3-field {
    width: 100% !important;
    margin-bottom: 16px !important;
}

.y3-home .y3-login-panel label {
    font-family: "Cairo", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

.y3-home .y3-login-panel .form-control,
.y3-home .y3-login-panel input[type="text"],
.y3-home .y3-login-panel input[type="password"],
.y3-home .y3-login-panel input[type="email"] {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 11px !important;
    font-family: "Cairo", sans-serif !important;
    font-size: 14px !important;
}

.y3-home .y3-login-panel button[type="submit"],
.y3-home .y3-login-panel .y3-login-submit {
    width: 100% !important;
    min-height: 66px !important;
    height: 66px !important;
    border-radius: 12px !important;
    font-family: "Cairo", sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

@media (max-width: 1100px) and (min-width: 768px) {
    .y3-home .y3-hero-grid {
        grid-template-columns: minmax(0, 410px) minmax(0, 1fr) !important;
        gap: 28px !important;
    }
    .y3-home .y3-login-panel {
        width: 410px !important;
        min-width: 410px !important;
        max-width: 410px !important;
        min-height: 589px !important;
        padding: 28px !important;
    }
}

@media (max-width: 767px) {
    .y3-home .y3-hero-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .y3-home .y3-login-panel {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 440px !important;
        min-height: 0 !important;
        padding: 25px 20px !important;
        justify-self: center !important;
    }
}
/* Hide original Perfect Panel header */
body > nav.navbar.navbar-default:not(.y3-top-header),
body > .navbar.navbar-default:not(.y3-top-header) {
    display: none !important;
}

/* Yalla3RB custom transparent header */
.y3-top-header,.y3-top-header *{box-sizing:border-box;font-family:"Cairo",sans-serif}
.y3-top-header{width:100%;min-height:76px;background:transparent!important;border:0;position:absolute;top:0;left:0;right:0;z-index:9999;direction:rtl}
.y3-header-inner{width:min(1200px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;background:transparent!important}
.y3-header-logo{color:#fff!important;text-decoration:none!important;font-size:23px;font-weight:900;letter-spacing:-.8px;white-space:nowrap}
.y3-header-logo span{color:#00d9f5}
.y3-header-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}
.y3-header-nav a{color:#c3c0ca!important;text-decoration:none!important;font-size:14px;font-weight:700;white-space:nowrap;transition:color .2s ease}
.y3-header-nav a:hover{color:#00d9f5!important}
.y3-header-actions{display:flex;align-items:center;gap:12px;direction:ltr}
.y3-header-signup{height:46px;min-width:128px;padding:0 22px;display:inline-flex;justify-content:center;align-items:center;border-radius:13px;background:#00d9f5;color:#06121a!important;text-decoration:none!important;font-size:14px;font-weight:900;transition:.25s ease;white-space:nowrap}
.y3-header-signup:hover{background:#43e7fa;transform:translateY(-2px);box-shadow:0 7px 22px rgba(0,217,245,.2)}
.y3-mobile-menu{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(20,20,30,.5);color:white;font-size:22px;cursor:pointer}
.y3-home .y3-hero-grid{padding-top:115px!important}
@media(max-width:900px){.y3-header-inner{flex-wrap:wrap;gap:12px;padding:12px 0}.y3-header-nav{display:none;order:5;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 14px;background:rgba(10,14,27,.96);border:1px solid rgba(0,217,245,.15);border-radius:12px}.y3-header-nav.y3-open{display:flex}.y3-header-nav a{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.y3-mobile-menu{display:block}.y3-header-actions{margin-right:auto}.y3-home .y3-hero-grid{padding-top:95px!important}}
html{scroll-behavior:smooth;scroll-padding-top:90px}



/* ===== FINAL FIXES: login accent placement and hero ambient glow ===== */
.y3-home .y3-login-panel {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}
/* The accent must be absolutely positioned at the card's top edge;
   otherwise the generic child rule pushes it into the content flow. */
.y3-home .y3-login-panel > .y3-panel-glow {
    position: absolute !important;
    top: 0 !important;
    right: 7% !important;
    left: 7% !important;
    width: 86% !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3 !important;
    pointer-events: none;
    border-radius: 0 0 5px 5px;
    background: linear-gradient(90deg,#00d9f5 0%,#4f7cff 55%,#a855f7 100%) !important;
    box-shadow: 0 0 9px rgba(0,217,245,.28);
}
.y3-home .y3-login-panel > *:not(.y3-panel-glow) {
    position: relative;
    z-index: 1;
}

/* Wide, soft cyan/blue atmosphere behind the hero headline */
.y3-home .y3-hero-content {
    position: relative !important;
    isolation: isolate;
}
.y3-home .y3-hero-content::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: 145%;
    height: 125%;
    top: -12%;
    right: -20%;
    background:
      radial-gradient(ellipse at 58% 42%, rgba(0,217,245,.15) 0%, rgba(0,170,230,.085) 28%, rgba(79,124,255,.045) 48%, transparent 72%);
    filter: blur(28px);
    opacity: .95;
}
.y3-home .y3-hero-content h1,
.y3-home .y3-hero-content .y3-hero-tag,
.y3-home .y3-hero-content .y3-hero-description,
.y3-home .y3-hero-content .y3-hero-actions,
.y3-home .y3-hero-content .y3-platform-marquee,
.y3-home .y3-hero-content .y3-stats {
    position: relative;
    z-index: 1;
}
@media (max-width:767px) {
    .y3-home .y3-hero-content::before {
        width: 130%; height: 110%; right: -15%; top: -5%;
        filter: blur(24px);
    }
}

/* ===== Login card: remove unnecessary empty space at the bottom ===== */
.y3-home .y3-login-panel {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 24px !important;
}

@media (max-width: 767px) {
    .y3-home .y3-login-panel {
        min-height: 0 !important;
        padding-bottom: 20px !important;
    }
}
/* Premium statistics icons */
.y3-home .y3-stat-icon {
    display: inline-flex !important;
    width: 19px !important;
    height: 19px !important;
    align-items: center !important;
    justify-content: center !important;
    color: #00d9f5 !important;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 0 !important;
    font-style: normal !important;
    filter: drop-shadow(0 0 5px rgba(0,217,245,.25));
}

.y3-home .y3-stat-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.y3-home .y3-stats span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.y3-home .y3-stat-icon svg rect {
    fill: rgba(0,217,245,.10);
}
/* Yalla3RB — refined login heading and premium input icons */
.y3-home .y3-login-heading {
    margin: 0 0 25px !important;
    text-align: right;
}
.y3-home .y3-login-heading .y3-eyebrow {
    display: none !important;
}
.y3-home .y3-login-heading h2 {
    margin: 0 0 9px !important;
    font-family: "Cairo", sans-serif !important;
    font-size: 29px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    letter-spacing: -.3px;
    color: #f7f9ff !important;
}
.y3-home .y3-login-heading p {
    margin: 0 !important;
    color: #b8c4d6 !important;
    font-family: "Cairo", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
}
.y3-home .y3-login-panel .y3-field-icon {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #7187a3 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    pointer-events: none !important;
}
.y3-home .y3-login-panel .y3-field-icon svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.y3-home .y3-login-panel .y3-input-box .form-control {
    padding-right: 48px !important;
    padding-left: 48px !important;
}
.y3-home .y3-login-panel .y3-password-toggle {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
@media (max-width: 767px) {
    .y3-home .y3-login-heading { margin-bottom: 21px !important; }
    .y3-home .y3-login-heading h2 { font-size: 25px !important; }
    .y3-home .y3-login-heading p { font-size: 13px !important; }
}
/* =========================================
   Yalla3RB - Login Card Refinement
========================================= */

/* Login heading */
.y3-home .y3-login-heading {
    margin: 0 0 25px !important;
    text-align: right;
}

.y3-home .y3-login-heading .y3-eyebrow {
    display: none !important;
}

.y3-home .y3-login-heading h2 {
    margin: 0 0 9px !important;
    font-family: "Cairo", sans-serif !important;
    font-size: 29px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    letter-spacing: -.3px;
    color: #f7f9ff !important;
}

.y3-home .y3-login-heading p {
    margin: 0 !important;
    color: #b8c4d6 !important;
    font-family: "Cairo", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
}

/* Input icons */
.y3-home .y3-login-panel .y3-field-icon {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #7187a3 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.y3-home .y3-login-panel .y3-field-icon svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.y3-home .y3-login-panel .y3-input-box .form-control {
    padding-right: 48px !important;
    padding-left: 48px !important;
}

/* Password visibility button */
.y3-home .y3-login-panel .y3-password-toggle {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Mobile */
@media (max-width: 767px) {
    .y3-home .y3-login-heading {
        margin-bottom: 21px !important;
    }

    .y3-home .y3-login-heading h2 {
        font-size: 25px !important;
    }

    .y3-home .y3-login-heading p {
        font-size: 13px !important;
    }
}
/* Hero tag - larger text */
.y3-home .y3-hero-tag {
    font-size: 14px !important;
    font-weight: 800 !important;
    padding: 11px 16px !important;
    gap: 10px !important;
    letter-spacing: 0 !important;
}

/* Glowing blinking LED */
.y3-home .y3-hero-tag i {
    display: inline-block !important;
    width: 9px !important;
    height: 9px !important;
    min-width: 9px !important;
    border-radius: 50% !important;
    background: #00d9f5 !important;
    box-shadow:
        0 0 5px #00d9f5,
        0 0 12px rgba(0,217,245,.8),
        0 0 22px rgba(0,217,245,.45) !important;
    animation: y3-led-blink 1.5s ease-in-out infinite !important;
}

@keyframes y3-led-blink {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 5px #00d9f5, 0 0 12px rgba(0,217,245,.8), 0 0 22px rgba(0,217,245,.45);
    }
    50% {
        opacity: .35;
        transform: scale(.75);
        box-shadow: 0 0 2px #00d9f5, 0 0 5px rgba(0,217,245,.3);
    }
}
/* Mobile Header: Menu Right + Logo Center */
@media (max-width: 900px) {

    .y3-top-header .y3-header-inner {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 76px !important;
    }

    /* Center Logo */
    .y3-top-header .y3-header-logo {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        z-index: 5 !important;
    }

    /* Header Actions */
    .y3-top-header .y3-header-actions {
        position: static !important;
        display: contents !important;
    }

    /* Menu on the Right */
    .y3-top-header .y3-mobile-menu {
        display: flex !important;
        position: absolute !important;
        right: 0 !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 10 !important;
    }

    /* Signup on the Left */
    .y3-top-header .y3-header-signup {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 10 !important;
    }

    .y3-top-header .y3-header-nav {
        position: absolute !important;
        top: 70px !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }
}
/* Foollo hamburger — mobile only */
@media screen and (max-width: 900px) {
    #y3MobileMenu {
        display: flex !important;
        position: absolute !important;
        right: 0 !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;

        width: 48px !important;
        height: 48px !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        color: transparent !important;
        font-size: 0 !important;
        z-index: 20 !important;
    }

    #y3MobileMenu::before {
        content: "" !important;
        display: block !important;
        width: 32px !important;
        height: 24px !important;

        background:
            linear-gradient(#fff, #fff) 0 0 / 32px 4px no-repeat,
            linear-gradient(#fff, #fff) 4px 10px / 28px 4px no-repeat,
            linear-gradient(#fff, #fff) 0 20px / 32px 4px no-repeat !important;

        border-radius: 3px !important;
    }
}
/* =========================================
   Yalla3RB — Steps Section
   Mobile Reference Layout
   ========================================= */

.y3-steps-section {
    position: relative;
    direction: rtl;
    padding: 55px 20px 70px;
    overflow: hidden;
}

.y3-steps-section .y3-section-heading {
    text-align: center;
    margin: 0 auto 32px;
}

.y3-steps-section .y3-eyebrow {
    color: #e0b3d9;
    font-size: 15px;
    font-weight: 600;
}

.y3-steps-section .y3-section-heading h2 {
    color: #fff;
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 900;
    line-height: 1.5;
}

.y3-steps-section .y3-section-heading p {
    display: none;
}

/* خطوات أفقية */
.y3-steps-section .y3-step-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 760px;
    margin: 0 auto;
}

/* الخط الرابط */
.y3-steps-section .y3-step-grid::before {
    content: "";
    position: absolute;
    top: 72px;
    right: 16%;
    left: 16%;
    height: 3px;
    background: linear-gradient(
        90deg,
        rgba(185, 117, 177, .15),
        #b77aaf,
        #d4a2cc,
        rgba(185, 117, 177, .15)
    );
    box-shadow: 0 0 10px rgba(202, 135, 190, .2);
}

/* إلغاء البطاقات الكبيرة */
.y3-steps-section .y3-step-card {
    position: relative;
    min-width: 0;
    padding: 0 6px;
    text-align: center;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* رقم الخطوة */
.y3-steps-section .y3-step-number {
    position: relative;
    display: block;
    margin: 0 0 8px;
    color: #d6c1d9;
    font-family: Arial, sans-serif;
    font-size: 34px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2;
}

/* الأيقونة */
.y3-steps-section .y3-step-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border: 1px solid rgba(191, 111, 174, .4);
    border-radius: 22px;
    background: linear-gradient(
        145deg,
        #3b3d5d,
        #25243f
    );
    color: #fff;
    font-size: 0;
    box-shadow:
        0 0 0 2px rgba(159, 91, 149, .08),
        0 0 18px rgba(190, 105, 174, .1);
}

/* تنسيق SVG داخل الأيقونة */
.y3-steps-section .y3-step-icon svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* عناوين ووصف الخطوات */
.y3-steps-section .y3-step-card h3 {
    margin: 0 0 5px;
    color: #f5f1fa;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
}

.y3-steps-section .y3-step-card p {
    margin: 0;
    color: #a7adc3;
    font-size: 14px;
    line-height: 1.8;
}

/* =========================================
   Mobile
   ========================================= */

@media (max-width: 600px) {
    .y3-steps-section {
        padding: 42px 12px 55px;
    }

    .y3-steps-section .y3-section-heading {
        margin-bottom: 28px;
    }

    .y3-steps-section .y3-section-heading h2 {
        font-size: 27px;
    }

    .y3-steps-section .y3-step-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 3px;
        width: 100%;
    }

    .y3-steps-section .y3-step-grid::before {
        top: 68px;
        right: 16%;
        left: 16%;
    }

    .y3-steps-section .y3-step-card {
        padding: 0 2px;
    }

    .y3-steps-section .y3-step-number {
        font-size: 32px;
        margin-bottom: 7px;
    }

    .y3-steps-section .y3-step-icon {
        width: 68px;
        height: 68px;
        margin-bottom: 16px;
        border-radius: 21px;
    }

    .y3-steps-section .y3-step-card h3 {
        font-size: 18px;
    }

    .y3-steps-section .y3-step-card p {
        font-size: 13px;
        line-height: 1.7;
    }
}

@media (max-width: 380px) {
    .y3-steps-section .y3-step-number {
        font-size: 29px;
    }

    .y3-steps-section .y3-step-icon {
        width: 60px;
        height: 60px;
        border-radius: 18px;
    }

    .y3-steps-section .y3-step-card h3 {
        font-size: 16px;
    }

    .y3-steps-section .y3-step-card p {
        font-size: 12px;
    }
}
/* =========================================
   Yalla3RB Steps — Cyan + Floating Motion
   Add at the END of style.css
   ========================================= */

.y3-steps-section {
    --steps-cyan: #00d9f5;
    --steps-blue: #6f8cff;
    --steps-glow: rgba(0, 217, 245, .18);
}

/* لون العنوان الصغير */
.y3-steps-section .y3-eyebrow {
    color: var(--steps-cyan) !important;
}

/* أرقام الخطوات */
.y3-steps-section .y3-step-number {
    color: #c5d9e9 !important;
    text-shadow: 0 0 12px rgba(0, 217, 245, .12);
}

/* الخط الرابط */
.y3-steps-section .y3-step-grid::before {
    background: linear-gradient(
        90deg,
        rgba(0, 217, 245, .12),
        var(--steps-blue),
        var(--steps-cyan),
        rgba(0, 217, 245, .12)
    ) !important;

    box-shadow: 0 0 12px rgba(0, 217, 245, .22) !important;
}

/* الأيقونات */
.y3-steps-section .y3-step-icon {
    border-color: rgba(0, 217, 245, .38) !important;

    background: linear-gradient(
        145deg,
        rgba(39, 54, 82, .96),
        rgba(22, 31, 53, .96)
    ) !important;

    box-shadow:
        0 0 0 1px rgba(0, 217, 245, .06),
        0 0 20px rgba(0, 217, 245, .09),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;

    animation: y3-step-float 4s ease-in-out infinite;
}

/* اختلاف توقيت الطفو لكل أيقونة */
.y3-steps-section .y3-step-card:nth-child(2) .y3-step-icon {
    animation-delay: -1.3s;
}

.y3-steps-section .y3-step-card:nth-child(3) .y3-step-icon {
    animation-delay: -2.6s;
}

/* توهج الأيقونات */
.y3-steps-section .y3-step-icon svg {
    stroke: #eafcff !important;
    filter: drop-shadow(0 0 4px rgba(0, 217, 245, .22));
}

/* طفو هادئ للخطوات */
@keyframes y3-step-float {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

/* حركة خفيفة للبطاقة بالكامل عند المرور */
.y3-steps-section .y3-step-card {
    transition: transform .35s ease;
}

.y3-steps-section .y3-step-card:hover {
    transform: translateY(-3px);
}

/* إيقاف الحركة عند تفضيل تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
    .y3-steps-section .y3-step-icon {
        animation: none !important;
    }

    .y3-steps-section .y3-step-card {
        transition: none !important;
    }
}
/* =========================================
   Yalla3RB — Neon Divider Above Login
   ========================================= */

.y3-login-panel {
    position: relative;
    margin-top: 72px !important;
}

/* خط النيون */
.y3-login-panel::before {
    content: "";
    position: absolute;
    top: -42px;
    left: 50%;
    transform: translateX(-50%);

    width: min(240px, 65%);
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #00d9f5 25%,
        #8d65ff 50%,
        #00d9f5 75%,
        transparent 100%
    );

    border-radius: 50%;
    box-shadow:
        0 0 8px rgba(0, 217, 245, .65),
        0 0 22px rgba(0, 217, 245, .25),
        0 0 38px rgba(141, 101, 255, .16);

    pointer-events: none;
}

/* النواة المضيئة في منتصف الخط */
.y3-login-panel::after {
    content: "";
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);

    width: 12px;
    height: 12px;

    background: #e9fdff;
    border: 2px solid #00d9f5;
    border-radius: 3px;

    box-shadow:
        0 0 8px #00d9f5,
        0 0 20px rgba(0, 217, 245, .8),
        0 0 35px rgba(141, 101, 255, .45);

    pointer-events: none;
}

/* ضبط المسافة على الشاشات الصغيرة */
@media (max-width: 768px) {
    .y3-login-panel {
        margin-top: 62px !important;
    }

    .y3-login-panel::before {
        top: -35px;
        width: min(200px, 65%);
    }

    .y3-login-panel::after {
        top: -41px;
        width: 11px;
        height: 11px;
    }
}
/* Yalla3RB — Security Indicators */

/* الحفاظ على لون النص الأصلي */
.y3-login-security span {
    color: inherit !important;
}

/* رمز اتصال آمن فقط — وميض أخضر */
.y3-security-light {
    display: inline-block;
    color: #35ff85;
    font-style: normal;
    animation: y3-security-blink 1.5s ease-in-out infinite;
}

/* علامة الصح فقط */
.y3-security-check {
    display: inline-block;
    color: #35ff85;
    font-style: normal;
    font-weight: 900;
    text-shadow: 0 0 8px rgba(53, 255, 133, .8);
}

@keyframes y3-security-blink {
    0%, 100% {
        opacity: 1;
        text-shadow: 0 0 4px rgba(53, 255, 133, .5);
    }

    50% {
        opacity: .35;
        text-shadow: 0 0 14px rgba(53, 255, 133, 1);
    }
}
/* Yalla3RB — Why Section */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

.y3-why-section,
.y3-why-section * {
    font-family: 'Cairo', sans-serif !important;
}

/* Benefit cards */
.y3-benefit-list {
    display: grid;
    gap: 16px;
}

.y3-benefit-list > div {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 100px;
    padding: 22px 24px;
    border-radius: 18px;
}

/* Icon box */
.y3-benefit-list > div > b {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    font-size: 27px;
    line-height: 1;
    animation: y3-benefit-float 3s ease-in-out infinite;
}

/* Stagger the floating motion */
.y3-benefit-list > div:nth-child(2) > b {
    animation-delay: .3s;
}

.y3-benefit-list > div:nth-child(3) > b {
    animation-delay: .6s;
}

.y3-benefit-list > div:nth-child(4) > b {
    animation-delay: .9s;
}

.y3-benefit-list > div:nth-child(5) > b {
    animation-delay: 1.2s;
}

.y3-benefit-list > div > span {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.y3-benefit-list strong {
    font-size: 17px;
    font-weight: 800;
}

.y3-benefit-list small {
    font-size: 14px;
    line-height: 1.8;
}

/* Gentle icon floating */
@keyframes y3-benefit-float {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .y3-benefit-list {
        gap: 12px;
    }

    .y3-benefit-list > div {
        min-height: 88px;
        padding: 18px;
        gap: 14px;
    }

    .y3-benefit-list > div > b {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
        font-size: 24px;
        border-radius: 14px;
    }

    .y3-benefit-list strong {
        font-size: 16px;
    }

    .y3-benefit-list small {
        font-size: 13px;
    }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .y3-benefit-list > div > b {
        animation: none;
    }
}
/* Yalla3RB — Payment logo marquee */

.y3-payment-section,
.y3-payment-section * {
    font-family: 'Cairo', sans-serif !important;
}

.y3-payment-bands {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
    overflow: hidden;
}

.y3-payment-band {
    width: 100%;
    overflow: hidden;
    padding: 8px 0;
    border-radius: 12px;
    direction: ltr;
    background: rgba(255, 255, 255, 0.025);

    -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        #000 5%,
        #000 95%,
        transparent
    );

    mask-image: linear-gradient(
        to right,
        transparent,
        #000 5%,
        #000 95%,
        transparent
    );
}

.y3-payment-track {
    display: flex;
    width: max-content;
    animation: y3-payment-scroll 34s linear infinite;
    will-change: transform;
}

.y3-payment-band-reverse .y3-payment-track {
    animation-name: y3-payment-scroll-reverse;
    animation-duration: 39s;
}

.y3-payment-band:hover .y3-payment-track {
    animation-play-state: paused;
}

.y3-payment-logos {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 12px;
    flex-shrink: 0;
}

.y3-pay-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;

    width: 92px;
    height: 48px;
    padding: 6px 10px;

    border-radius: 10px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.07);

    flex-shrink: 0;
}

.y3-pay-item img {
    display: block;
    width: 100%;
    height: 28px;
    max-width: 68px;
    object-fit: contain;
}

.y3-pay-item small {
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
}

.y3-pay-item.y3-pay-text {
    color: #f4f7fb;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    text-align: center;
}

@keyframes y3-payment-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes y3-payment-scroll-reverse {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    .y3-payment-bands {
        gap: 8px;
        margin-top: 20px;
    }

    .y3-payment-band {
        padding: 7px 0;
    }

    .y3-payment-logos {
        gap: 9px;
        padding-right: 9px;
    }

    .y3-pay-item {
        width: 78px;
        height: 42px;
        padding: 5px 8px;
        border-radius: 8px;
    }

    .y3-pay-item img {
        height: 24px;
        max-width: 58px;
    }

    .y3-pay-item small {
        font-size: 8px;
    }

    .y3-pay-item.y3-pay-text {
        font-size: 10px;
    }

    .y3-payment-track {
        animation-duration: 29s;
    }

    .y3-payment-band-reverse .y3-payment-track {
        animation-duration: 34s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .y3-payment-track {
        animation: none;
    }
}
/* Remove the browser focus rectangle from the header logo */
.y3-header-logo {
    outline: none;
    box-shadow: none;
    border: none;
}

.y3-header-logo:focus,
.y3-header-logo:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.y3-header-logo:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
/* Yalla3RB Header Logo Fix */
.y3-header-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 180px;
  overflow: hidden;
}

.y3-header-logo img {
  display: block;
  width: auto;
  height: 42px;
  max-width: 180px;
  object-fit: contain;
}
/* Yalla3RB Header - Remove Focus Outline */
.y3-top-header a:focus,
.y3-top-header a:active,
.y3-top-header button:focus,
.y3-top-header button:active,
.y3-top-header a:focus-visible,
.y3-top-header button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Prevent default tap highlight on mobile */
.y3-top-header a,
.y3-top-header button {
  -webkit-tap-highlight-color: transparent;
}
/* =====================================================================
   Yalla3RB — New Order dashboard
   الصق الملف ده في آخر style.css (ولو عندك CSS قديم لـ y3-order / y3-video احذفه)
   بيستخدم نفس ألوان الموقع: --y3-cyan / --y3-card / --y3-line ...
   ===================================================================== */
.y3-order-page,.y3-order-page *{box-sizing:border-box;font-family:"Cairo","Segoe UI",Arial,sans-serif}
.y3-order-page{direction:rtl;background:var(--y3-bg);color:var(--y3-text);min-height:100vh;padding-bottom:88px;line-height:1.7}
.y3-order-page a{color:inherit;text-decoration:none}
.y3-order-page button{cursor:pointer}

/* ---- mobile header ---- */
.y3-video-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 14px;background:var(--y3-bg);border-bottom:1px solid var(--y3-line)}
.y3-vh-menu,.y3-vh-actions button,.y3-vh-actions a{background:transparent;border:0;color:var(--y3-text);font-size:24px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}
.y3-vh-logo{font-size:22px;font-weight:900;color:#fff!important}
.y3-vh-actions{display:flex;direction:ltr}

/* ---- sidebar / drawer (foollo-style) ---- */
.y3-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.y3-vh-dim{display:none;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55)}
.y3-vh-dim.is-open{display:block}
.y3-vh-drawer{position:fixed;top:0;right:0;bottom:0;z-index:80;width:290px;max-width:88vw;padding:22px 18px;overflow-y:auto;background:var(--y3-bg-soft);border-left:1px solid var(--y3-line);transform:translateX(100%);transition:transform .28s ease;scrollbar-width:none;-ms-overflow-style:none}
.y3-vh-drawer::-webkit-scrollbar{display:none;width:0;height:0}
.y3-vh-drawer.is-open{transform:none}
.y3-side-logo{display:flex;align-items:center;justify-content:center;min-height:60px;margin-bottom:18px;font-size:30px;font-weight:900;color:#fff!important;letter-spacing:-1px}
.y3-side-logo b{color:var(--y3-cyan)}
.y3-side-logo-full img{display:block;height:46px;width:auto;max-width:100%}
.y3-side-logo-mark{display:none;position:relative;width:58px;height:58px;border-radius:16px;background:#050813;border:1px solid var(--y3-line);color:#fff;font-size:30px;font-weight:900;align-items:center;justify-content:center;line-height:1}
.y3-side-logo-mark:after{content:"";position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--y3-cyan);box-shadow:0 0 8px rgba(0,217,245,.8)}
.y3-vh-user{padding:16px;margin-bottom:18px;border:1px solid var(--y3-line);border-radius:20px;background:var(--y3-card)}
.y3-vh-userrow{display:flex;align-items:center;gap:14px}
.y3-vh-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:16px;border:2px solid var(--y3-cyan);background:rgba(0,217,245,.1);color:var(--y3-cyan);display:grid;place-items:center}
.y3-vh-avatar .y3-ic{width:30px;height:30px}
.y3-vh-id{min-width:0}
.y3-vh-id strong{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:#fff;line-height:1.5}
.y3-vh-id strong:before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--y3-cyan);box-shadow:0 0 8px rgba(0,217,245,.8)}
.y3-vh-id span{display:flex;align-items:center;gap:7px;margin-top:2px;color:var(--y3-cyan);font-size:13px;font-weight:800;white-space:nowrap}
.y3-vh-id span .y3-ic{width:16px;height:16px;color:var(--y3-muted)}
.y3-vh-charge{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;height:52px;border-radius:13px;background:var(--y3-cyan);color:#04131b!important;font-weight:900;font-size:16px;transition:transform .2s,box-shadow .2s}
.y3-vh-charge:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,217,245,.22)}
.y3-vh-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.y3-vh-quick a{height:48px;border:1px solid var(--y3-line);border-radius:12px;background:var(--y3-bg-soft);color:#dbe4f0;display:grid;place-items:center;transition:.2s}
.y3-vh-quick a:hover,.y3-vh-quick a.is-hot{color:var(--y3-cyan);border-color:rgba(0,217,245,.4);background:rgba(0,217,245,.1)}
.y3-side-nav{display:grid;gap:3px}
.y3-side-nav a{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 18px;border-radius:14px;color:#e8edf6;font-size:15px;font-weight:700;transition:background .2s}
.y3-side-nav a:hover{background:rgba(255,255,255,.045)}
.y3-side-nav a.is-active{background:#050813}
.y3-side-nav a.is-active .y3-ic{color:var(--y3-cyan)}
.y3-side-nav a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- content ---- */
.y3-order-content{padding:14px 14px 0;min-width:0}
.y3-desk-top{display:none}

/* ---- stats ---- */
.y3-video-stats{display:grid;gap:10px}
.y3-vstat-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.y3-vstat{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--y3-line);border-radius:16px;background:var(--y3-card);min-width:0}
.y3-vstat-icon{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(0,217,245,.12);color:var(--y3-cyan);font-size:20px}
.y3-vstat small{display:block;color:var(--y3-muted);font-size:12px;line-height:1.4}
.y3-vstat strong{display:block;font-size:19px;font-weight:900;line-height:1.4;white-space:nowrap}
.y3-vstat-balance .y3-vstat-icon{background:var(--y3-cyan);color:#04131b}
.y3-vstat-balance strong{color:var(--y3-cyan)}
.y3-vstat-add{margin-inline-start:auto;padding:9px 16px;border-radius:11px;background:var(--y3-cyan);color:#04131b!important;font-weight:900;font-size:13px;white-space:nowrap}

/* ---- whatsapp banner ---- */
.y3-video-whatsapp{display:flex;align-items:center;gap:14px;margin:12px 0;padding:14px 16px;border:1px solid rgba(25,213,138,.45);border-radius:16px;background:rgba(25,213,138,.09)}
.y3-vwa-icon{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--y3-green);color:#04210f;font-size:22px}
.y3-video-whatsapp strong{display:block;font-size:15px}
.y3-video-whatsapp small{color:var(--y3-muted);font-size:12px}
.y3-vwa-arrow{margin-inline-start:auto;color:var(--y3-green);font-size:20px}

/* ---- layout ---- */
.y3-order-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.y3-order-card,.y3-order-info-card{border:1px solid var(--y3-line);border-radius:18px;background:var(--y3-card)}
.y3-order-card-header{padding:18px 22px;border-bottom:1px solid var(--y3-line)}
.y3-order-card-header h2{margin:0;font-size:20px;font-weight:900;color:#fff}
.y3-order-card-body{padding:18px 18px 22px}

/* ---- platform pills ---- */
.y3-platform-filter{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;margin:4px 0 8px;scrollbar-width:none}
.y3-platform-filter::-webkit-scrollbar{display:none}
.y3-platform-pill{flex:0 0 auto;padding:9px 18px;border:1px solid var(--y3-line);border-radius:999px;background:var(--y3-bg-soft);color:#c4cede;font-size:14px;font-weight:700;transition:.2s}
.y3-platform-pill:hover{border-color:rgba(0,217,245,.5);color:#fff}
.y3-platform-pill.is-active{border-color:var(--y3-cyan);background:rgba(0,217,245,.12);color:var(--y3-cyan)}

/* ---- form ---- */
.y3-order-page .form-group{margin-bottom:16px}
.y3-order-page label.control-label,.y3-order-page .control-label{display:block;margin:0 0 7px;color:#e9eff9;font-size:14px;font-weight:700}
.y3-order-page .form-control{display:block;width:100%;height:50px;padding:0 14px;border:1px solid var(--y3-line);border-radius:12px;background:var(--y3-bg-soft);color:var(--y3-text);font-size:14px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.y3-order-page textarea.form-control{height:auto;min-height:110px;padding:12px 14px}
.y3-order-page .form-control:focus{outline:0;border-color:var(--y3-cyan);box-shadow:0 0 0 3px rgba(0,217,245,.15)}
.y3-order-page .form-control[readonly]{color:var(--y3-cyan);font-weight:800}
.y3-order-page .y3-order-search-group .form-control{padding-inline-start:40px}
.y3-order-page .y3-order-search-icon{color:var(--y3-cyan)}
.y3-order-page .help-block,.y3-order-page .y3-order-description .panel-body{color:var(--y3-muted);font-size:13px}
.y3-order-page .panel-body.border-solid{padding:14px;border:1px solid var(--y3-line);border-radius:12px;background:var(--y3-bg-soft)}
.y3-order-page .alert{border-radius:12px;border:1px solid var(--y3-line)}
.y3-order-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:6px;border:0!important;border-radius:12px!important;background:var(--y3-cyan)!important;color:#04131b!important;font-size:16px;font-weight:900;transition:transform .2s,box-shadow .2s}
.y3-order-submit:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,217,245,.22)}
.y3-order-terms{font-size:13px;color:var(--y3-muted)}
.y3-order-terms a{color:var(--y3-cyan)}

/* select dropdowns */
.y3-order-page .select2-container{width:100%!important}
.y3-order-page .select2-container .select2-selection--single{height:50px;display:flex;align-items:center;border:1px solid var(--y3-line);border-radius:12px;background:var(--y3-bg-soft)}
.y3-order-page .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--y3-text);padding-inline:14px;line-height:1.6}
.y3-order-page .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px}
.select2-dropdown{background:#141b2a!important;border:1px solid var(--y3-line)!important;color:var(--y3-text)!important}
.select2-container--default .select2-results__option{color:var(--y3-text)}
.select2-container--default .select2-results__option--highlighted{background:rgba(0,217,245,.14)!important;color:var(--y3-cyan)!important}
.select2-container--default .select2-search--dropdown .select2-search__field{background:var(--y3-bg-soft);border:1px solid var(--y3-line);color:var(--y3-text)}

/* ---- info column ---- */
.y3-order-sidebar{display:grid;gap:14px}
.y3-order-info-card{padding:18px 20px}
.y3-order-info-card h3{margin:0 0 8px;font-size:17px;font-weight:900;color:#fff}
.y3-order-info-card p{margin:0;color:#c4cede;font-size:14px}
.y3-order-price-card{border-color:rgba(0,217,245,.35);background:linear-gradient(145deg,rgba(0,217,245,.09),var(--y3-card))}
.y3-order-benefits-card ul{list-style:none;margin:6px 0 0;padding:0}
.y3-order-benefits-card li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--y3-line);font-size:14px;color:#dbe4f0}
.y3-order-benefits-card li i{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(0,217,245,.12);color:var(--y3-cyan);font-style:normal;font-size:14px}
.y3-order-channels{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.y3-order-channels a{display:flex;align-items:center;justify-content:center;height:50px;border:1px solid var(--y3-line);border-radius:12px;background:var(--y3-card);font-size:14px;font-weight:700;transition:.2s}
.y3-order-channels a:hover{border-color:var(--y3-cyan);color:var(--y3-cyan)}
.y3-order-description-content{margin:14px;padding:16px;border:1px solid var(--y3-line);border-radius:16px;background:var(--y3-card);color:#c4cede;font-size:14px}

/* ---- mobile bottom nav ---- */
.y3-video-bottom{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));background:var(--y3-bg-soft);border-top:1px solid var(--y3-line)}
.y3-video-bottom a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--y3-muted)}
.y3-video-bottom b{font-size:20px;line-height:1.2}
.y3-video-bottom small{font-size:11px;font-weight:700}
.y3-video-bottom .y3-vb-new{color:var(--y3-cyan)}
.y3-video-bottom .y3-vb-new b{width:42px;height:42px;margin-top:-18px;border-radius:50%;display:grid;place-items:center;background:var(--y3-cyan);color:#04131b;box-shadow:0 6px 18px rgba(0,217,245,.35)}

/* =====================  DESKTOP  ===================== */
@media (min-width:992px){
  .y3-order-page{display:grid;grid-template-columns:var(--y3-side-w,290px) minmax(0,1fr);padding-bottom:30px;transition:grid-template-columns .3s ease}
  .y3-order-page.is-collapsed{--y3-side-w:104px}
  .y3-video-header,.y3-vh-dim,.y3-video-bottom{display:none!important}
  .y3-vh-drawer{position:sticky;top:0;right:auto;width:auto;max-width:none;height:100vh;transform:none;transition:none;z-index:1;overflow-x:hidden}
  .y3-order-page.is-collapsed .y3-vh-drawer{padding-inline:14px}
  .is-collapsed .y3-side-logo-full{display:none}
  .is-collapsed .y3-side-logo-mark{display:flex}
  .is-collapsed .y3-vh-user{display:none}
  .is-collapsed .y3-side-nav a{justify-content:center;padding:0}
  .is-collapsed .y3-side-nav a span{display:none}
  .y3-order-content{padding:0 26px}
  .y3-desk-top{display:flex;align-items:center;gap:14px;height:96px;margin:0 -26px 20px;padding:0 26px;border-bottom:1px solid var(--y3-line);background:var(--y3-bg)}
  .y3-desk-toggle{width:46px;height:46px;padding:0;border:0;background:transparent;color:#fff;display:grid;place-items:center}
  .y3-desk-toggle .y3-ic{width:32px;height:32px;stroke-width:2.2}
  .y3-desk-tools{display:flex;align-items:center;gap:12px;margin-inline-start:auto}
  .y3-desk-box{height:52px;border:1px solid var(--y3-line);border-radius:13px;background:var(--y3-bg-soft);color:var(--y3-text);display:inline-flex;align-items:center;white-space:nowrap}
  .y3-desk-gear{width:52px;justify-content:center}
  .y3-desk-gear .y3-ic{width:22px;height:22px}
  .y3-desk-balance{gap:12px;padding:0 18px 0 8px;font-weight:800;font-size:15px}
  .y3-desk-balance .y3-ic{width:18px;height:18px;color:var(--y3-muted)}
  .y3-desk-balance a{width:38px;height:38px;border-radius:10px;background:var(--y3-cyan);color:#04131b;display:grid;place-items:center;order:3}
  .y3-desk-balance a .y3-ic{color:#04131b;width:20px;height:20px;stroke-width:2.4}
  .y3-desk-search{width:372px;justify-content:space-between;gap:12px;padding:0 16px;color:var(--y3-muted);font-size:15px;cursor:pointer}
  .y3-desk-search span{display:flex;align-items:center;gap:10px}
  .y3-desk-search kbd{padding:1px 9px;border:1px solid var(--y3-line);border-radius:7px;background:var(--y3-bg);color:var(--y3-muted);font-size:11px;font-family:inherit}
  .y3-video-stats{grid-template-columns:1.5fr 1.2fr 1fr 1fr;gap:14px}
  .y3-vstat-pair{display:contents}
  .y3-vstat{padding:18px}
  .y3-order-layout{grid-template-columns:minmax(0,1fr) 330px;gap:16px}
  .y3-order-card-body{padding:22px 26px 26px}
  .y3-order-submit{width:auto;min-width:190px}
}
@media (min-width:992px) and (max-width:1250px){
  .y3-video-stats{grid-template-columns:1fr 1fr}
  .y3-order-layout{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.y3-vh-drawer,.y3-order-submit,.y3-order-page{transition:none}}

/* ---- إخفاء هيدر الموقع العام في صفحة الطلب (كان ظاهر فوق زرار القائمة ويمنع الضغط عليه) ---- */
body.y3-order-body .y3-top-header,
body:has(.y3-order-page) .y3-top-header{display:none!important}
.y3-vh-id span bdi,.y3-desk-balance bdi{direction:ltr;unicode-bidi:isolate}

/* =====================  قوائم الفئة والخدمة (شكل foollo): غامقة + كتابة بيضاء Bold + لوجوهات  ===================== */
.y3-plat-ic{display:inline-flex;align-items:center;justify-content:center;flex:none;margin-inline-end:12px}
.y3-plat-ic svg{display:block;width:22px;height:22px}
.y3-platform-pill{display:inline-flex;align-items:center}
.y3-platform-pill .y3-plat-ic{margin-inline-end:8px}
.y3-platform-pill .y3-plat-ic svg{width:20px;height:20px}

/* القوائم الأصلية */
.y3-order-page select,.y3-order-page select.form-control{color-scheme:dark;color:#fff;font-weight:700}
.y3-order-page select option{background-color:#141b2a;color:#fff;font-weight:700}

/* حاوية القائمة المنسدلة */
.y3-order-page .dropdown-menu,body>.dropdown-menu,
.select2-dropdown,.select2-results,.select2-results__options,
.y3-order-page ul[class*="select"],.y3-order-page [class*="select"] ul,
.y3-order-page [class*="dropdown"]>ul,.y3-order-page [class*="dropdown-list"],
.y3-order-page [class*="select"][class*="list"],.y3-order-page [class*="select"][class*="menu"]{
  background:#0f1424!important;border:1px solid var(--y3-line)!important;border-radius:14px;
  padding:0!important;color:#fff!important;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#35507a #0f1424;overflow-x:hidden}
.y3-order-page *::-webkit-scrollbar{width:8px;height:8px}
.y3-order-page *::-webkit-scrollbar-thumb{background:#35507a;border-radius:8px}
.y3-order-page *::-webkit-scrollbar-track{background:#0f1424}

/* صف الخيار: خط فاصل + كتابة بيضاء Bold + اللوجو على اليمين */
.y3-opt{list-style:none;margin:0!important;padding:0!important;background:transparent!important;border-bottom:1px solid var(--y3-line)!important}
.y3-opt:last-child{border-bottom:0!important}
.y3-opt-row{display:flex!important;align-items:center;min-height:52px;padding:12px 18px!important;margin:0!important;
  color:#fff!important;font-size:14px;font-weight:700!important;line-height:1.6;text-decoration:none!important;
  background:transparent!important;border:0!important;box-shadow:none!important;text-align:right;cursor:pointer}
/* بدون أي تحديد ملوّن: الصف المختار شكله زي باقي الصفوف */
.y3-opt,.y3-opt *{background-color:transparent!important;background-image:none!important;box-shadow:none!important}
.y3-opt.active .y3-opt-row,.y3-opt .active,.y3-opt .selected,.y3-opt.selected .y3-opt-row,.y3-opt[aria-selected="true"] .y3-opt-row,.y3-opt:hover .y3-opt-row{color:#fff!important}

.y3-order-page .select2-search__field,.select2-search--dropdown .select2-search__field{background:#0d1221!important;color:#fff!important;border:1px solid var(--y3-line)!important;border-radius:10px}

/* =====================  أيقونات SVG لكل العناصر  ===================== */
.y3-vh-menu .y3-ic,.y3-vh-actions .y3-ic{width:24px;height:24px}
.y3-vh-logo img{display:block;height:34px;width:auto}
.y3-vstat-icon .y3-ic{width:22px;height:22px}
.y3-vstat-add{display:inline-flex;align-items:center;gap:6px}
.y3-vstat-add .y3-ic{width:16px;height:16px;stroke-width:2.4}
.y3-vwa-icon .y3-ic{width:24px;height:24px}
.y3-vwa-arrow{display:inline-flex}.y3-vwa-arrow .y3-ic{width:22px;height:22px}
.y3-order-benefits-card li i .y3-ic{width:16px;height:16px}
.y3-order-channels a{gap:10px}
.y3-order-channels .y3-ic{width:22px;height:22px}
.y3-video-bottom b{display:grid;place-items:center;line-height:1}
.y3-video-bottom .y3-ic{width:22px;height:22px}
.y3-video-bottom .y3-vb-new .y3-ic{width:22px;height:22px;stroke-width:2.4}
.y3-order-submit .y3-ic{width:19px;height:19px;margin-inline-end:8px}
.y3-ic-flip{transform:scaleX(-1)}
.y3-order-page .y3-order-search-icon .y3-ic{width:18px;height:18px}

/* زرار إغلاق المنيو (موبايل فقط) */
.y3-vh-close{position:absolute;top:14px;left:14px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--y3-line);border-radius:12px;background:var(--y3-card);color:#fff;padding:0}
.y3-vh-close .y3-ic{width:20px;height:20px;stroke-width:2.2}

/* =====================  المنيو على التليفون: حجم أصغر  ===================== */
@media (max-width:991px){
  .y3-vh-drawer{width:252px;max-width:80vw;padding:14px 12px}
  .y3-side-logo{min-height:46px;margin:4px 0 12px}
  .y3-side-logo-full img{height:34px}
  .y3-vh-user{padding:12px;margin-bottom:10px;border-radius:16px}
  .y3-vh-avatar{flex-basis:50px;width:50px;height:50px;border-radius:13px}
  .y3-vh-avatar .y3-ic{width:24px;height:24px}
  .y3-vh-userrow{gap:10px}
  .y3-vh-id strong{font-size:14.5px}
  .y3-vh-id span{font-size:12px}
  .y3-vh-charge{height:42px;margin-top:10px;font-size:14px;border-radius:11px}
  .y3-vh-quick{gap:6px;margin-top:8px}
  .y3-vh-quick a{height:40px;border-radius:10px}
  .y3-vh-quick .y3-ic{width:18px;height:18px}
  .y3-side-nav{gap:1px}
  .y3-side-nav a{min-height:42px;padding:0 12px;gap:12px;font-size:13.5px;border-radius:11px}
  .y3-side-nav a .y3-ic{width:18px;height:18px}
}
@media (min-width:992px){.y3-vh-close{display:none}}

/* إخفاء شريط التمرير من السايدبار */
.y3-vh-drawer{scrollbar-width:none;-ms-overflow-style:none}
.y3-vh-drawer::-webkit-scrollbar{display:none;width:0;height:0}
/* =====================================================================
   Yalla3RB — صفحة التسجيل (Signup)
   الصق الملف ده في آخر style.css (بعد كل اللي موجود، من غير ما تمسح حاجة)
   ===================================================================== */
.y3a-page{min-height:100vh;background:var(--y3-bg);color:var(--y3-text)}
.y3a-page .y3a-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.y3a-ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---- Hero ---- */
.y3a-hero{position:relative;padding:135px 0 80px;background:radial-gradient(ellipse at 78% 30%,rgba(0,217,245,.11),transparent 52%),radial-gradient(ellipse at 15% 80%,rgba(79,124,255,.09),transparent 46%),#0b0910;overflow:hidden}
.y3a-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(138,162,194,.17) 1.2px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 45%,#000 15%,transparent 75%)}
.y3a-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:64px;align-items:center}

/* ---- النص التعريفي ---- */
.y3a-copy h1{margin:0 0 16px;font-size:clamp(34px,4.4vw,58px);font-weight:900;line-height:1.35;color:#fff}
.y3a-copy h1 em{display:block;font-style:normal;color:var(--y3-cyan)}
.y3a-copy p{max-width:600px;margin:0 0 28px;color:#b6c2d4;font-size:16px;line-height:2}
.y3a-actions{display:flex;gap:12px;flex-wrap:wrap}
.y3a-page .y3a-actions .y3-btn{min-width:150px;min-height:54px;font-size:15px}
.y3a-stats{display:flex;margin-top:40px}
.y3a-stat{display:flex;align-items:center;gap:14px;padding:0 28px}
.y3a-stat:first-child{padding-right:0}
.y3a-stat+.y3a-stat{border-right:1px solid var(--y3-line)}
.y3a-sicon{flex:0 0 60px;width:60px;height:60px;border-radius:15px;background:var(--y3-cyan);color:#04131b;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,217,245,.18)}
.y3a-sicon .y3a-ic{width:28px;height:28px}
.y3a-stat strong{display:block;font-size:24px;font-weight:900;line-height:1.4;color:#fff}
.y3a-stat small{display:block;color:var(--y3-muted);font-size:14px}

/* ---- كارت التسجيل ---- */
.y3a-card{position:relative;padding:40px 36px 30px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#20222c,#191c26);box-shadow:0 25px 75px rgba(0,0,0,.45);overflow:hidden}
.y3a-card:before{content:"";position:absolute;top:0;right:7%;left:7%;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--y3-cyan),var(--y3-blue),var(--y3-purple))}
.y3a-card h2{margin:0 0 8px;font-size:32px;font-weight:900;color:#fff;line-height:1.4}
.y3a-sub{margin:0 0 28px;color:var(--y3-muted);font-size:14px}

.y3a-field{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:9px;border-radius:14px;border:1px solid var(--y3-line);background:#0b0f1c;transition:border-color .2s,box-shadow .2s}
.y3a-field:focus-within{border-color:var(--y3-cyan);box-shadow:0 0 0 3px rgba(0,217,245,.14)}
.y3a-ficon{flex:0 0 52px;width:52px;height:52px;border-radius:11px;background:var(--y3-cyan);color:#04131b;display:grid;place-items:center}
.y3a-ficon .y3a-ic{width:22px;height:22px}
.y3a-page .y3a-field .form-control{flex:1;min-width:0;width:auto;height:52px;padding:0 12px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:14px;font-family:inherit;direction:rtl}
.y3a-page .y3a-field .form-control::placeholder{color:#7d8ba1;opacity:1}
.y3a-page .y3a-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #0b0f1c inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff}

.y3a-captcha{margin:6px 0 14px;overflow:hidden}

.y3a-check{position:relative;display:flex;align-items:center;gap:12px;margin:8px 0 18px;color:#dbe4f0;font-size:14px;line-height:1.7;cursor:pointer}
.y3a-check input{position:absolute;opacity:0;width:0;height:0}
.y3a-box{flex:0 0 26px;width:26px;height:26px;border:2px solid var(--y3-cyan);border-radius:8px;display:grid;place-items:center;transition:background .2s,box-shadow .2s}
.y3a-box .y3a-ic{width:16px;height:16px;stroke:#04131b;stroke-width:3.2;opacity:0}
.y3a-check input:checked+.y3a-box{background:var(--y3-cyan)}
.y3a-check input:checked+.y3a-box .y3a-ic{opacity:1}
.y3a-check input:focus-visible+.y3a-box{box-shadow:0 0 0 3px rgba(0,217,245,.3)}
.y3a-check a{color:var(--y3-cyan)!important;font-weight:700}

.y3a-page .y3a-submit{width:100%;min-height:58px;border-radius:13px;font-size:17px;font-weight:900}
.y3a-google{display:flex;justify-content:center;margin-top:14px;overflow:hidden}
.y3a-signin{margin-top:16px;padding:16px;text-align:center;border-radius:13px;background:#0b0f1c;border:1px solid var(--y3-line);color:#dbe4f0;font-size:15px}
.y3a-signin a{color:var(--y3-cyan)!important;font-weight:800}

.y3a-page .alert{margin-bottom:16px;padding:12px 16px;border-radius:12px;border:1px solid;font-size:14px}
.y3a-page .alert-danger{background:rgba(255,89,109,.1);border-color:rgba(255,89,109,.4);color:#ffc2c9}
.y3a-page .alert-success{background:rgba(25,213,138,.1);border-color:rgba(25,213,138,.4);color:#b8f5da}
.y3a-page .alert .close{color:#fff;opacity:.7;text-shadow:none}

/* ---- بانر الدعوة ---- */
.y3a-cta{padding:0 0 80px;background:#0b0910}
.y3a-cta-box{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:48px 52px;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#00d9f5 0%,#3f8cff 100%);color:#04131b}
.y3a-cta-box:after{content:"";position:absolute;right:0;bottom:0;width:55%;height:62%;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.4) 2px,transparent 2.4px);background-size:14px 14px;-webkit-mask-image:linear-gradient(to top left,#000,transparent 78%);mask-image:linear-gradient(to top left,#000,transparent 78%)}
.y3a-cta-box>*{position:relative;z-index:1}
.y3a-cta-box h2{margin:0;font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.5;color:#04131b}
.y3a-page .y3a-cta-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 38px;border:2px solid #04131b;border-radius:12px;color:#04131b!important;font-size:16px;font-weight:900;transition:background .2s,color .2s}
.y3a-page .y3a-cta-btn:hover{background:#04131b;color:#fff!important}

/* ---- الفوتر ---- */
.y3a-footer{padding:44px 0 18px;background:#070a12;border-top:1px solid rgba(255,255,255,.07)}
.y3a-footer-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-bottom:26px}
.y3a-logo{display:inline-block;font-size:30px;font-weight:900;letter-spacing:-1px;color:#fff!important;direction:ltr}
.y3a-logo b{color:var(--y3-cyan)}
.y3a-logo img{display:block;height:42px;width:auto}
.y3a-footer-brand p{margin:8px 0 0;color:var(--y3-muted);font-size:14px}
.y3a-footer-nav{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}
.y3a-footer-nav a{color:#c4cede!important;font-size:14px;font-weight:700;transition:color .2s}
.y3a-footer-nav a:hover{color:var(--y3-cyan)!important}
.y3a-social{display:flex;gap:10px;justify-self:end}
.y3a-social a{width:52px;height:52px;border-radius:13px;background:#141a2b;border:1px solid var(--y3-line);color:#e8edf6!important;display:grid;place-items:center;transition:.2s}
.y3a-social a:hover{color:var(--y3-cyan)!important;border-color:rgba(0,217,245,.45)}
.y3a-footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#75869b;font-size:13px}

/* ---- Responsive ---- */
@media(max-width:991px){
  .y3a-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .y3a-card{order:-1;max-width:560px;width:100%;margin-inline:auto}
  .y3a-copy{text-align:center}
  .y3a-copy p{margin-inline:auto}
  .y3a-actions,.y3a-stats{justify-content:center}
  .y3a-footer-top{grid-template-columns:1fr;justify-items:center;text-align:center}
  .y3a-social{justify-self:center}
}
@media(max-width:600px){
  .y3a-hero{padding:100px 0 56px}
  .y3a-card{padding:30px 18px 22px;border-radius:18px}
  .y3a-card h2{font-size:26px}
  .y3a-field{padding:7px}
  .y3a-ficon{flex-basis:46px;width:46px;height:46px}
  .y3a-page .y3a-field .form-control{height:46px}
  .y3a-stats{flex-direction:column;align-items:center;gap:16px}
  .y3a-stat,.y3a-stat+.y3a-stat{padding:0;border:0}
  .y3a-cta-box{flex-direction:column;align-items:flex-start;padding:32px 22px}
  .y3a-footer-nav{gap:14px 22px}
  .y3a-footer-bottom{flex-direction:column;align-items:center;text-align:center}
}
/* =====================================================================
   Yalla3RB — صفحة الخدمات (Services)
   الصق الملف ده في آخر style.css (من غير ما تمسح حاجة)
   ===================================================================== */
.y3s-page{min-height:100vh;background:var(--y3-bg);color:var(--y3-text)}
.y3s-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.y3s-page .y3s-hide,.y3s-page tr[hidden]{display:none!important}

.y3s-main{padding:135px 0 80px;background:radial-gradient(ellipse at 80% 0%,rgba(0,217,245,.08),transparent 50%),#0b0910}
.y3s-title{margin:0 0 26px;font-size:clamp(30px,3.6vw,44px);font-weight:900;color:#fff;line-height:1.4}

/* ---- تابات المنصات ---- */
.y3s-pills{display:flex;gap:10px;overflow-x:auto;padding:2px 0 12px;margin-bottom:8px;scrollbar-width:none}
.y3s-pills::-webkit-scrollbar{display:none}
.y3s-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 20px;border:1px solid var(--y3-line);border-radius:999px;background:#0d1221;color:#dbe4f0;font:700 15px Cairo,sans-serif;cursor:pointer;transition:border-color .2s,color .2s}
.y3s-pill:hover{border-color:rgba(0,217,245,.5);color:#fff}
.y3s-pill.is-active{border-color:var(--y3-cyan);background:rgba(0,217,245,.12);color:var(--y3-cyan)}
.y3s-ico{display:inline-flex;flex:none}
.y3s-ico svg{display:block;width:22px;height:22px}

/* ---- الفئة + العملة + البحث ---- */
.y3s-page .y3s-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;list-style:none;margin:0 0 20px;padding:0;border:0}
.y3s-page .y3s-controls>li{float:none!important;margin:0!important;display:block}
.y3s-li-cat{flex:0 0 400px;max-width:100%}
.y3s-li-cur{flex:0 0 150px}
.y3s-li-search{flex:1 1 280px;min-width:0}
.y3s-page .y3s-controls .dropdown{position:relative;height:100%}
.y3s-page .y3s-controls .dropdown-toggle{display:flex;align-items:center;gap:12px;width:100%;height:62px;padding:0 12px;border:1px solid var(--y3-line)!important;border-radius:14px;background:#0d1221!important;color:#fff!important;font:800 16px Cairo,sans-serif;text-align:right;box-shadow:none!important}
.y3s-page .y3s-controls .dropdown-toggle:focus,.y3s-page .y3s-controls .open>.dropdown-toggle{border-color:var(--y3-cyan)!important;background:#0d1221!important}
.y3s-btn-ic{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:var(--y3-cyan);color:#04131b;display:grid;place-items:center}
.y3s-btn-ic .y3s-ic{width:20px;height:20px}
.y3s-btn-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.y3s-chev{width:18px;height:18px;color:var(--y3-muted)}
.y3s-controls .caret{display:none}
.y3s-page .y3s-controls .dropdown-menu{width:100%;min-width:200px;max-height:420px;overflow-y:auto;margin-top:8px;padding:6px;border:1px solid var(--y3-line);border-radius:14px;background:#0f1424;box-shadow:0 20px 50px rgba(0,0,0,.55);text-align:right;direction:rtl;scrollbar-width:thin;scrollbar-color:#35507a #0f1424}
.y3s-page .y3s-controls .dropdown-menu>li>a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;background:transparent;color:#fff;font-weight:700;font-size:14px;white-space:normal}
.y3s-page .y3s-controls .dropdown-menu>li>a:hover,.y3s-page .y3s-controls .dropdown-menu>li>a:focus,.y3s-page .y3s-controls .dropdown-menu>.active>a{background:rgba(255,255,255,.05);color:#fff}

.y3s-li-search .input-group{display:flex;flex-direction:row-reverse;align-items:center;width:100%;height:62px;padding:0 8px;border:1px solid var(--y3-line);border-radius:14px;background:#0d1221;transition:border-color .2s,box-shadow .2s}
.y3s-li-search .input-group:focus-within{border-color:var(--y3-cyan);box-shadow:0 0 0 3px rgba(0,217,245,.14)}
.y3s-li-search .input-group-btn{display:flex;width:auto;flex:none}
.y3s-page .y3s-li-search .btn-default{width:46px;height:46px;padding:0;border:0!important;background:transparent!important;color:var(--y3-cyan)!important;display:grid;place-items:center;box-shadow:none!important}
.y3s-page .y3s-li-search .form-control{flex:1;min-width:0;height:54px;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:600 15px Cairo,sans-serif;direction:rtl}
.y3s-page .y3s-li-search .form-control::placeholder{color:#7d8ba1;opacity:1}

/* ---- الجدول ---- */
.y3s-page .y3s-card{margin:0;padding:0;border:1px solid var(--y3-line);border-radius:20px;background:#0d1221;box-shadow:none;overflow:hidden}
.y3s-scroll{overflow-x:auto}
.y3s-page .y3s-table{width:100%;margin:0;background:transparent;color:#fff;border-collapse:collapse}
.y3s-page .y3s-table>thead>tr>th{padding:20px 14px;border:0;border-bottom:1px solid var(--y3-line);background:#141a2b;color:#c4cede;font-size:14px;font-weight:800;text-align:right;white-space:nowrap;vertical-align:middle}
.y3s-tip{display:inline-flex;vertical-align:middle;margin-inline-end:6px;color:var(--y3-muted)}
.y3s-tip .y3s-ic{width:16px;height:16px}
.y3s-page .y3s-table>tbody>tr>td{padding:18px 14px;border:0;border-top:1px solid rgba(255,255,255,.06);background:transparent;color:#b6c2d4;font-size:14px;font-weight:600;text-align:right;vertical-align:middle;line-height:1.9}
.y3s-page .y3s-table>tbody>tr.y3s-catrow>td{padding:28px 14px 10px;border-top:1px solid rgba(255,255,255,.06)}
.y3s-page .y3s-table>tbody>tr.y3s-catrow:first-child>td{border-top:0}
.y3s-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--y3-line);border-radius:12px;background:#141a2b;color:#fff}
.y3s-chip strong{font-size:15px;font-weight:800}
.y3s-chip .y3s-ico{margin:0}
.y3s-page .y3s-table td.y3s-id{color:#9db0c7;font-weight:800}
.y3s-page .y3s-table td.service-name{color:#fff;font-weight:700;min-width:260px}
.y3s-page .y3s-table td.y3s-rate{color:var(--y3-cyan);font-weight:900;white-space:nowrap}
.y3s-page .y3s-table .nowrap{white-space:nowrap}
.y3s-page .y3s-table .favorite-active,.y3s-page .y3s-table [data-favorite-icon]{color:#f5c518}

.y3s-actions{white-space:nowrap;text-align:left!important}
.y3s-page .y3s-order,.y3s-page .y3s-desc{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;margin-inline-start:8px;border-radius:10px;font:800 14px Cairo,sans-serif;cursor:pointer;vertical-align:middle;transition:transform .2s,box-shadow .2s,border-color .2s}
.y3s-page .y3s-order{border:0;background:var(--y3-cyan);color:#04131b!important}
.y3s-page .y3s-order:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,217,245,.22)}
.y3s-page .y3s-desc,.y3s-page .y3s-desc:focus,.y3s-page .y3s-desc:active{border:1px solid var(--y3-line)!important;background:#141a2b!important;color:#fff!important;box-shadow:none!important}
.y3s-page .y3s-desc:hover{border-color:rgba(0,217,245,.45)!important}
.y3s-order .y3s-ic,.y3s-desc .y3s-ic{width:17px;height:17px}

.y3s-page .y3s-text{margin-top:22px;padding:20px 24px;border:1px solid var(--y3-line);border-radius:16px;background:#0d1221;color:#c4cede;box-shadow:none}

/* ---- الفوتر (نفس فوتر صفحة التسجيل) ---- */
.y3a-footer{padding:44px 0 18px;background:#070a12;border-top:1px solid rgba(255,255,255,.07)}
.y3a-footer-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-bottom:26px}
.y3a-logo{display:inline-block;font-size:30px;font-weight:900;letter-spacing:-1px;color:#fff!important;direction:ltr}
.y3a-logo b{color:var(--y3-cyan)}
.y3a-logo img{display:block;height:42px;width:auto}
.y3a-footer-brand p{margin:8px 0 0;color:var(--y3-muted);font-size:14px}
.y3a-footer-nav{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}
.y3a-footer-nav a{color:#c4cede!important;font-size:14px;font-weight:700;transition:color .2s}
.y3a-footer-nav a:hover{color:var(--y3-cyan)!important}
.y3a-social{display:flex;gap:10px;justify-self:end}
.y3a-social a{width:52px;height:52px;border-radius:13px;background:#141a2b;border:1px solid var(--y3-line);color:#e8edf6!important;display:grid;place-items:center;transition:.2s}
.y3a-social a:hover{color:var(--y3-cyan)!important;border-color:rgba(0,217,245,.45)}
.y3a-footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#75869b;font-size:13px}

/* ---- Responsive ---- */
@media(max-width:991px){
  .y3s-li-cat{flex:1 1 100%}
  .y3s-li-cur{flex:0 0 150px}
  .y3a-footer-top{grid-template-columns:1fr;justify-items:center;text-align:center}
  .y3a-social{justify-self:center}
}
@media(max-width:767px){
  .y3s-main{padding:100px 0 56px}
  .y3s-pill{height:44px;padding:0 16px;font-size:14px}
  .y3s-li-cur{flex:1 1 100%}
  .y3s-li-search{flex:1 1 100%}
  .y3s-page .y3s-controls .dropdown-toggle,.y3s-li-search .input-group{height:56px}
  .y3s-scroll{overflow:visible}
  .y3s-page .y3s-table,.y3s-page .y3s-table>tbody{display:block;width:100%}
  .y3s-page .y3s-table>thead{display:none}
  .y3s-page .y3s-table>tbody>tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:16px;border-top:1px solid rgba(255,255,255,.06)}
  .y3s-page .y3s-table>tbody>tr.y3s-catrow{display:block;padding:18px 16px 4px}
  .y3s-page .y3s-table>tbody>tr>td,.y3s-page .y3s-table>tbody>tr.y3s-catrow>td{display:block;padding:0;border:0}
  .y3s-page .y3s-table td.service-name{grid-column:1/-1;order:-1;min-width:0}
  .y3s-page .y3s-table td[data-label]::before{content:attr(data-label);display:block;color:var(--y3-muted);font-size:12px;font-weight:700}
  .y3s-page .y3s-table td.y3s-id{order:-2;grid-column:1/-1}
  .y3s-actions{grid-column:1/-1;display:flex!important;gap:8px;text-align:right!important}
  .y3s-page .y3s-order,.y3s-page .y3s-desc{flex:1;margin:0}
  .y3a-footer-nav{gap:14px 22px}
  .y3a-footer-bottom{flex-direction:column;align-items:center;text-align:center}
}

/* ---- إصلاح: الكارت كان عايم (float) فالفوتر كان بيطلع فوق الجدول ---- */
.y3s-page .y3s-card,.y3s-page .well-float{float:none!important;position:static!important;display:block;width:100%;clear:both}
.y3s-main{display:flow-root}
.y3s-main:after{content:"";display:table;clear:both}
.y3s-page .y3a-footer{position:relative;clear:both;width:100%}
.y3s-page .y3s-table{float:none!important;table-layout:auto}
/* ===== Yalla3RB design v2 — APPEND THIS AT THE END OF style.css ===== */
@property --v2a{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2,.v2 *,.v2 *::before,.v2 *::after{box-sizing:border-box}
.v2{font-size:16px;line-height:normal;text-align:right;isolation:isolate}
.v2 h1,.v2 h2,.v2 h3,.v2 h4{font-family:inherit;font-weight:700;line-height:normal;color:inherit;margin-top:0}
.v2 p{margin:1em 0}
.v2 label{font-weight:400;margin-bottom:0;max-width:none;display:inline}
.v2 small{font-size:smaller}
.v2 a,.v2 a:hover,.v2 a:focus{color:inherit;text-decoration:none}
.v2 button,.v2 input{line-height:normal}
.v2 img{vertical-align:baseline}
body.v2-on>.y3-top-header,body:has(.v2)>.y3-top-header{display:none!important}
body.v2-on{margin:0;background:#050c12;overflow-x:hidden}
.v2 .alert{border-radius:14px;font-size:13px;padding:10px 14px;margin:0 0 12px;border:1px solid}
.v2 .alert-danger{background:rgba(255,80,100,.12);border-color:rgba(255,80,100,.4);color:#ffb3bd}
.v2 .alert-success{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.4);color:#9ef0c8}
.v2 .forgot{display:block;margin-top:10px;font-size:12px;color:var(--ac)}
.v2 .chk{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;color:var(--tx)}
.v2 .chk input{margin-top:3px;accent-color:var(--ac)}
.v2 .chk a{color:var(--ac)}
.v2 .gwrap{display:flex;justify-content:center;margin-top:14px;overflow:hidden}
@property --v2a{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2{--bg:#07070f;--card:rgba(255,255,255,.045);--bd:rgba(255,255,255,.09);--tx:#f2f5fa;--mu:#9aa4b5;--v2ac:#00f3f7;--v2ac2:#0fb5d8;color-scheme:dark;box-sizing:border-box;}
.v2 *,.v2 *::before,.v2 *::after{box-sizing:inherit}
.v2{margin:0;background:radial-gradient(800px 420px at 50% -80px,rgba(0,243,247,.16),transparent),radial-gradient(600px 400px at 100% 40%,rgba(15,181,216,.08),transparent),var(--bg);color:var(--tx);font-family:Cairo,system-ui,sans-serif;overflow-x:hidden}
.v2 button,.v2 input{font-family:inherit;color:inherit}
.v2 button{cursor:pointer}
.v2 svg{display:block}
.v2 a{color:inherit;text-decoration:none}
.v2 main,.v2 footer{position:relative;z-index:1}
.v2 .w{max-width:1120px;margin:0 auto;padding:0 18px}
.v2 section{padding:64px 0}
.v2 .neon{position:relative}
.v2 .neon::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--v2a),transparent 0 72%,var(--nc,rgba(0,243,247,.85)) 86%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:v2k-spin 6s linear infinite}
@keyframes v2k-spin{to{--v2a:360deg}}
.v2 .card{background:var(--card);border:1px solid var(--bd);border-radius:24px;backdrop-filter:blur(8px)}
.v2 .v2btn{min-height:52px;padding:0 24px;border-radius:18px;border:1px solid var(--bd);background:var(--card);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,box-shadow .2s}
.v2 .v2btn:hover{transform:translateY(-2px)}
.v2 .v2btn:active{transform:scale(.97)}
.v2 .v2btn.pri{background:var(--v2ac);color:#04121a;border-color:transparent;font-weight:800;--nc:#fff;box-shadow:0 10px 30px rgba(0,243,247,.28)}
.v2 .sp{overflow:hidden}
.v2 .sp::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(0,243,247,.16),transparent 70%);opacity:0;transition:.3s;pointer-events:none}
.v2 .sp:hover::after{opacity:1}
.v2 .hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(7,7,15,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.v2 .hd .w{display:flex;align-items:center;height:68px;position:relative}
.v2 .logo{position:absolute;left:50%;transform:translateX(-50%);font-weight:800;font-size:23px;white-space:nowrap}
.v2 .logo b{color:var(--v2ac)}
.v2 .ib{width:46px;height:46px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:grid;place-items:center;padding:0}
.v2 .hd .v2btn{min-height:44px;padding:0 16px;font-size:14px;margin-inline-start:auto}
.v2 .lnks{display:none;gap:22px;font-size:14px;color:var(--mu)}
.v2 .lnks a:hover{color:var(--v2ac)}
.v2 .mm{position:absolute;top:72px;right:18px;left:18px;padding:10px;border-radius:22px;background:#0d1020;border:1px solid var(--bd);display:none;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.v2 .mm.on{display:block;animation:v2k-in .25s}
@keyframes v2k-in{from{opacity:0;transform:translateY(-8px)}}
.v2 .mm a{display:block;padding:14px;border-radius:14px;font-weight:600}
.v2 .mm a:hover{background:var(--card);color:var(--v2ac)}
.v2 .hero{text-align:center;padding-top:56px}
.v2 .pill{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:40px;background:rgba(0,243,247,.07);color:var(--v2ac);font-weight:700;font-size:14px}
.v2 .dot{width:9px;height:9px;border-radius:50%;background:var(--v2ac);box-shadow:0 0 0 0 rgba(0,243,247,.6);animation:v2k-pl 1.8s infinite}
@keyframes v2k-pl{to{box-shadow:0 0 0 12px transparent}}
.v2 h1{font-size:clamp(38px,9.5vw,76px);line-height:1.25;margin:26px 0 16px;font-weight:800}
.v2 .rot{display:inline-block;background:linear-gradient(100deg,#7ef3ff,var(--v2ac) 40%,var(--v2ac2));-webkit-background-clip:text;background-clip:text;color:transparent;transition:.3s}
.v2 .rot.o{opacity:0;transform:translateY(-10px) scale(.96)}
.v2 .v2lead{color:var(--mu);font-size:clamp(15px,3.6vw,19px);line-height:1.9;max-width:640px;margin:0 auto 28px}
.v2 .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.v2 .mq{overflow:hidden;direction:ltr;margin:34px -18px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.v2 .mt{display:flex;gap:14px;width:max-content;animation:v2k-mq 26s linear infinite;padding:6px 0}
.v2 .mq.r .mt{animation-direction:reverse}
@keyframes v2k-mq{to{transform:translateX(-50%)}}
.v2 .i3{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:inset 0 2px 3px rgba(255,255,255,.55),inset 0 -6px 8px rgba(0,0,0,.35),0 12px 20px rgba(0,0,0,.5);transform:perspective(220px) rotateX(10deg)}
.v2 .i3 svg{width:28px;height:28px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.v2 .stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;padding:22px 8px}
.v2 .stat+.stat{border-inline-start:1px solid var(--bd)}
.v2 .stat b{display:block;font-size:clamp(20px,5.6vw,34px);font-weight:800}
.v2 .stat span{color:var(--mu);font-size:13px}
.v2 .hl{margin-bottom:34px;text-align:center}
.v2 .hl small{color:var(--v2ac);font-weight:700;font-size:14px;display:block;margin-bottom:8px}
.v2 .hl h2{font-size:clamp(28px,6.5vw,46px);margin:0 0 10px;font-weight:800}
.v2 .hl p{margin:0 auto;color:var(--mu);max-width:560px;line-height:1.8}
.v2 .bento{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.v2 .bc{padding:22px;transition:transform .2s;transform-style:preserve-3d}
.v2 .bc h3{margin:14px 0 6px;font-size:17px}
.v2 .bc p{margin:0;color:var(--mu);font-size:14px;line-height:1.8}
.v2 .bi{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(0,243,247,.1);color:var(--v2ac);border:1px solid rgba(0,243,247,.25)}
.v2 .dash{max-width:560px;margin:0 auto;padding:20px;background:linear-gradient(160deg,rgba(0,243,247,.08),rgba(15,181,216,.08)),#0b0e1d}
.v2 .dh{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--mu)}
.v2 .live{color:#3ddc97;display:flex;align-items:center;gap:6px;font-size:12px}
.v2 .live::before{content:"";width:8px;height:8px;border-radius:50%;background:#3ddc97;animation:v2k-bl 1.4s infinite}
@keyframes v2k-bl{50%{opacity:.25}}
.v2 .dg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.v2 .dg div{padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--bd)}
.v2 .dg small{color:var(--mu);font-size:12px}
.v2 .dg b{display:block;font-size:28px;font-weight:800;margin-top:2px}
.v2 .dg i{font-style:normal;color:var(--v2ac);font-size:.6em;margin-inline-end:3px}
.v2 .pu{transform-box:fill-box;transform-origin:center;animation:v2k-pu 1.2s ease-out infinite}
@keyframes v2k-pu{to{transform:scale(2.6);opacity:0}}
.v2 .trk{height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden;margin:10px 0 6px}
.v2 .trk i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--v2ac),var(--v2ac2));box-shadow:0 0 12px rgba(0,243,247,.6);position:relative;overflow:hidden;transition:width 1.4s}
.v2 .trk i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:v2k-sh 2.4s infinite}
@keyframes v2k-sh{to{transform:translateX(100%)}}
.v2 .tag{font-size:12px;padding:3px 10px;border-radius:20px;background:rgba(0,243,247,.14);color:var(--v2ac)}
.v2 .calc{max-width:640px;margin:0 auto;padding:24px}
.v2 .chs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.v2 .ch{min-height:46px;padding:0 16px;border-radius:14px;border:1px solid var(--bd);background:var(--card);font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;transition:.2s}
.v2 .ch[aria-pressed=true]{background:rgba(0,243,247,.12);border-color:var(--v2ac);color:var(--v2ac)}
.v2 input[type=range]{width:100%;height:36px;-webkit-appearance:none;appearance:none;background:none;direction:ltr}
.v2 input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2ac),var(--v2ac2) var(--p,10%),rgba(255,255,255,.1) var(--p,10%))}
.v2 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(0,243,247,.3),0 4px 12px rgba(0,0,0,.5)}
.v2 input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:rgba(255,255,255,.1)}
.v2 input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:#fff}
.v2 .tot{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);margin:6px 0 16px}
.v2 .tot b{font-size:32px;color:var(--v2ac);font-weight:800}
.v2 .steps{display:grid;gap:14px;position:relative}
.v2 .st{padding:22px;display:flex;gap:16px;align-items:flex-start;opacity:.45;transition:.6s}
.v2 .st.on{opacity:1}
.v2 .sn{font-size:34px;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--v2ac);line-height:1}
.v2 .st h3{margin:0 0 6px;font-size:18px}
.v2 .st p{margin:0;color:var(--mu);line-height:1.8;font-size:14px}
.v2 .pay{display:grid;gap:12px}
.v2 .pc{min-width:140px;height:64px;padding:0 20px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:15px;background:var(--card);border:1px solid var(--bd);white-space:nowrap}
.v2 .auth{max-width:480px;margin:0 auto;padding:26px}
.v2 .tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:16px;background:rgba(255,255,255,.05);margin-bottom:20px}
.v2 .tabs button{min-height:44px;border:0;border-radius:12px;background:none;font-weight:700;color:var(--mu)}
.v2 .tabs button[aria-selected=true]{background:var(--v2ac);color:#04121a}
.v2 .fl{display:block;font-size:13px;color:var(--mu);margin:12px 0 6px}
.v2 .fi{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.05);padding:0 16px;font-size:15px}
.v2 .fi:focus{outline:2px solid var(--v2ac);outline-offset:1px}
.v2 .fq{display:grid;gap:10px}
.v2 .qd{border-radius:20px}
.v2 .qd summary{min-height:60px;display:flex;align-items:center;padding:0 18px;font-weight:700;cursor:pointer;list-style:none;gap:12px}
.v2 .qd summary::-webkit-details-marker{display:none}
.v2 .qd summary::after{content:"+";margin-inline-start:auto;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.07);color:var(--v2ac);display:grid;place-items:center;font-size:20px;transition:transform .3s}
.v2 .qd[open] summary::after{transform:rotate(135deg)}
.v2 .qd p{margin:0;padding:0 18px 18px;color:var(--mu);line-height:1.9;font-size:14px}
.v2 .final{text-align:center;padding:44px 20px;background:linear-gradient(160deg,rgba(0,243,247,.12),rgba(15,181,216,.12)),#0b0e1d}
.v2 .final h2{font-size:clamp(26px,6vw,40px);margin:8px 0}
.v2 footer{border-top:1px solid var(--bd);padding:36px 0 100px;margin-top:40px}
.v2 footer .w{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;color:var(--mu);font-size:14px}
.v2 .fab{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;border:0}
.v2 .up{left:18px;background:var(--v2ac);color:#04121a;box-shadow:0 8px 24px rgba(0,243,247,.35)}
.v2 .sup{right:18px;background:#0e1122;border:1px solid var(--bd);color:var(--v2ac)}
.v2 .rv{opacity:1}
.v2.v2-js .rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}
.v2.v2-js .rv.in{opacity:1;transform:none}
.v2.v2-js .rv{animation:v2k-rvf 0s 2.5s forwards}
@keyframes v2k-rvf{to{opacity:1;transform:none}}
@media(min-width:760px){.v2 section{padding:92px 0}
.v2 .bento{grid-template-columns:repeat(6,1fr)}
.v2 .bc{grid-column:span 2}
.v2 .bc.big{grid-column:span 3}
.v2 .steps{grid-template-columns:repeat(3,1fr)}
.v2 .st{flex-direction:column}
.v2 .lnks{display:flex;margin-inline-start:6px}
.v2 .ib{display:none}
.v2 .mm{display:none!important}
.v2 .pay{gap:16px}}
@media(prefers-reduced-motion:reduce){.v2 .neon::before,.v2 .mt,.v2 .dot,.v2 .pu,.v2 .trk i::after{animation:none}
.v2.v2-js .rv{opacity:1;transform:none}}
.v2.v2-js .bc.rv.in{transition:transform .15s}
.v2 .hd .mm a{border-bottom:1px solid var(--bd)}
.v2 .mm a:last-child{border-bottom:0}
.v2 .ibar{margin-top:30px;padding:12px 0;border-radius:28px;background:rgba(255,255,255,.02);--nc:rgba(0,243,247,.9)}
.v2 .ibar .mq{margin:0}
.v2 .pt{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.04)}
.v2 .pt svg{width:30px;height:30px}
.v2 .stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.v2 .sc{position:relative;text-align:start;padding:20px;border-radius:26px;border:1px solid var(--bd);display:flex;flex-direction:column;gap:6px;color:var(--tx);transition:transform .25s;font-family:inherit}
.v2 .sc:first-child{grid-column:span 2}
.v2 .sc:hover{transform:translateY(-3px)}
.v2 .s1{background:linear-gradient(135deg,rgba(0,243,247,.2),rgba(15,181,216,.14)),#0b0e1d}
.v2 .s2{background:linear-gradient(135deg,rgba(15,181,216,.24),rgba(255,94,168,.1)),#0b0e1d;--nc:rgba(120,230,255,.95)}
.v2 .s3{background:linear-gradient(135deg,rgba(255,184,77,.2),rgba(255,94,168,.1)),#0b0e1d;--nc:rgba(255,184,77,.95)}
.v2 .si{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--v2ac);margin-bottom:6px}
.v2 .sc b{font-size:clamp(30px,8vw,40px);font-weight:800;line-height:1.1}
.v2 .sc:first-child b{font-size:clamp(40px,11vw,64px)}
.v2 .sc .l{color:var(--mu);font-size:15px}
.v2 .pp{position:absolute;top:18px;left:20px;font-style:normal;font-weight:800;color:#3ddc97;opacity:0}
.v2 .pp.go{animation:v2k-pp 1s}
@keyframes v2k-pp{0%{opacity:1;transform:translateY(8px)}100%{opacity:0;transform:translateY(-16px)}}
.v2 .bump{animation:v2k-bm .45s}
@keyframes v2k-bm{50%{transform:scale(1.04)}}
.v2 .nd{height:2px;margin:48px 0;position:relative;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.v2 .nd i{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,var(--v2ac),transparent);box-shadow:0 0 14px var(--v2ac);animation:v2k-nds 3.6s linear infinite}
@keyframes v2k-nds{from{left:-30%}to{left:100%}}
.v2 #auth{padding:0 0 64px}
.v2 .hl h2.wy{font-size:clamp(40px,11vw,70px);background:linear-gradient(100deg,#ffb84d,#ff5ea8,#7de8ff,#ffb84d);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v2k-wy 5s linear infinite,v2k-fl 3.5s ease-in-out infinite}
@keyframes v2k-wy{to{background-position:300% 0}}
@keyframes v2k-fl{50%{transform:translateY(-7px)}}
.v2 .pl{display:grid;grid-template-columns:124px 1fr;gap:16px;align-items:center;margin:18px 0}
.v2 #dn circle{animation:v2k-dr .8s ease-out}
@keyframes v2k-dr{from{stroke-dasharray:0 300}}
.v2 #lg{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.v2 #lg li{display:flex;align-items:center;gap:8px}
.v2 #lg i{width:10px;height:10px;border-radius:50%}
.v2 #lg span{flex:1;color:var(--mu)}
.v2 .pay>*{min-width:0;max-width:100%}
.v2 .prow{padding:14px 0;border-radius:26px;background:rgba(255,255,255,.02);overflow:hidden}
.v2 .prow .mq{margin:0}
.v2 .lg2{min-width:150px;height:68px;border-radius:18px;background:#f3f5fa;display:grid;place-items:center;padding:0 14px;flex:none}
.v2 .lg2 svg{height:38px;width:auto}
.v2 #faq{padding-bottom:12px}
.v2 .ft{padding:34px 20px 26px;text-align:center;border-radius:34px;background:linear-gradient(160deg,rgba(0,243,247,.1),rgba(15,181,216,.1)),#0a0d1b}
.v2 .fl2{font-size:34px;font-weight:800}
.v2 .fl2 span{color:var(--v2ac)}
.v2 .ft p{color:var(--mu);margin:8px 0 22px}
.v2 .soc{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.v2 .sb{min-height:50px;padding:0 18px;border-radius:18px;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;background:rgba(255,255,255,.04);transition:transform .2s}
.v2 .sb:hover{transform:translateY(-3px)}
.v2 .sb svg{width:24px;height:24px}
.v2 .fn{display:flex;gap:6px 22px;justify-content:center;flex-wrap:wrap;margin:24px 0;color:var(--mu);font-size:14px}
.v2 .fn a:hover{color:var(--v2ac)}
.v2 .fb2{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:20px;border-top:1px solid var(--bd);color:var(--mu);font-size:13px}
.v2 .credit{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border-radius:40px;background:rgba(37,211,102,.08);color:var(--tx);font-size:15px;--nc:rgba(61,220,151,.95);transition:transform .2s,box-shadow .2s}
.v2 .credit:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 30px rgba(37,211,102,.25)}
.v2 .credit b{background:linear-gradient(100deg,#7ef3ff,#3ddc97,#7ef3ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v2k-wy 3s linear infinite}
.v2 footer{border:0;padding:10px 0 110px;margin:0}
.v2 footer .w{display:block}
.v2 .ibar{background:rgba(0,0,0,.5)}
.v2 .pt{background:#04050b;border:1px solid rgba(255,255,255,.12)}
.v2 .stats{grid-template-columns:1.45fr 1fr .9fr;gap:0;padding:14px 2px;margin-top:30px;overflow:hidden}
.v2 .sc{background:none;border:0;border-radius:0;padding:6px 6px;align-items:center;text-align:center;gap:3px;cursor:pointer}
.v2 .sc:first-child{grid-column:auto}
.v2 .sc+.sc{border-inline-start:1px solid var(--bd)}
.v2 .sc:hover{transform:none}
.v2 .s1{background:radial-gradient(130px 90px at 50% 0,rgba(0,243,247,.18),transparent)}
.v2 .s2{background:radial-gradient(110px 90px at 50% 0,rgba(15,181,216,.2),transparent)}
.v2 .s3{background:radial-gradient(100px 90px at 50% 0,rgba(255,184,77,.18),transparent)}
.v2 .si{width:40px;height:40px;border-radius:50%;margin-bottom:2px}
.v2 .sc b,.v2 .sc:first-child b{font-size:clamp(18px,5.6vw,30px)}
.v2 .sc .l{font-size:13px}
.v2 .sc .live{font-size:11px}
.v2 .pp{top:6px;left:8px}
.v2 .auth{width:min(360px,calc(100% - 24px));max-width:none;padding:20px}
.v2 .fi{height:46px;font-size:14px}
.v2 .tabs button{min-height:40px}
.v2 .auth .v2btn{min-height:50px!important}
.v2 .lg2{min-width:104px;height:48px;border-radius:14px;padding:0 10px}
.v2 .lg2 svg{height:26px}
.v2 .prow{padding:10px 0;border-radius:20px}
.v2 .prow .mt{gap:10px}
.v2 .sim{max-width:420px;margin:0 auto;padding:20px;position:relative;overflow:hidden;--pc:#e1306c}
.v2 .prf{display:flex;align-items:center;gap:14px;margin-top:6px}
.v2 .ring{width:64px;height:64px;border-radius:50%;padding:3px;display:grid;place-items:center;flex:none;background:conic-gradient(from var(--v2a),var(--pc),transparent 45%,var(--pc));animation:v2k-spin 4s linear infinite}
.v2 .av2{width:100%;height:100%;border-radius:50%;background:#0b0e1d;display:grid;place-items:center;font-weight:800;font-size:22px}
.v2 .ss{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:16px 0 10px}
.v2 .ss b{display:block;font-size:24px;font-weight:800}
.v2 .ss small{color:var(--mu);font-size:13px}
.v2 #sf{color:var(--pc);text-shadow:0 0 18px var(--pc);font-size:32px}
.v2 .ms{display:flex;justify-content:space-between;margin:10px 0 16px}
.v2 .ms span{font-size:12px;padding:5px 10px;border-radius:20px;border:1px solid var(--bd);color:var(--mu);transition:.4s}
.v2 .ms span.on{color:#04121a;background:var(--pc);border-color:var(--pc);box-shadow:0 0 14px var(--pc);font-weight:700}
.v2 .mi svg{width:20px;height:20px}
.v2 #bs{position:absolute;left:50%;top:150px;width:0;height:0}
.v2 .bp{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pc);box-shadow:0 0 8px var(--pc);animation:v2k-bp .8s ease-out forwards}
@keyframes v2k-bp{from{transform:rotate(var(--v2a)) translateX(0)}to{transform:rotate(var(--v2a)) translateX(110px);opacity:0}}
.v2 footer{padding:0;margin:30px 0 0}
.v2 .fw{background:linear-gradient(180deg,#0e1430,#080a17);border-top:1px solid rgba(0,243,247,.22);border-radius:34px 34px 0 0;padding:38px 0 100px;box-shadow:0 -24px 60px rgba(0,243,247,.07)}
.v2 .fg{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}
.v2 .fbrand{grid-column:span 2}
.v2 .fcol{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--mu)}
.v2 .fcol b{color:var(--tx);font-size:15px;margin-bottom:2px}
.v2 .fcol a:hover{color:var(--v2ac)}
.v2 .soc2{display:flex;gap:10px;margin-top:4px}
.v2 .sc2{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#04050b;border:1px solid var(--bd)}
.v2 .sc2 svg{width:22px;height:22px}
.v2 .fb2{margin-top:30px}
@media(min-width:760px){.v2 .fg{grid-template-columns:2fr 1fr 1fr}
.v2 .fbrand{grid-column:auto}
.v2 .fb2{flex-direction:row;justify-content:space-between}}
.v2 section.w{padding-block:48px}
.v2 section.hero{padding-top:52px}
.v2 section#auth{padding-block:0 48px}
.v2 section#faq{padding-bottom:8px}
@media(min-width:760px){.v2 section.w{padding-block:84px}
.v2 section#auth{padding-block:0 84px}}
.v2 .auth{width:min(330px,calc(100% - 56px))}
.v2 #sp{gap:6px}
.v2 #sp .ch{min-height:42px;padding:0 11px;font-size:13px}
.v2 .fl2{color:#fff}
.v2 .nl{height:2px;position:relative;overflow:hidden;background:rgba(255,255,255,.05)}
.v2 .nl i{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,var(--v2ac),transparent);box-shadow:0 0 12px var(--v2ac);animation:v2k-nds 3.2s linear infinite}
.v2 .nl.r i{animation-direction:reverse}
.v2 #plat{gap:10px}
.v2 .pt{width:44px;height:44px;border-radius:14px}
.v2 .pt svg{width:22px;height:22px}
.v2 .stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:0;margin-top:34px;padding:0;overflow:visible}
.v2 .sc{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 4px;gap:4px;background:none;border:0;border-radius:0;color:var(--tx);cursor:pointer}
.v2 .sc+.sc{border:0}
.v2 .sc+.sc::before{content:"";position:absolute;inset-inline-start:0;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(0,243,247,.55),transparent)}
.v2 .sc b,.v2 .sc:first-child b{font-size:clamp(20px,5.8vw,34px);background:linear-gradient(120deg,#fff 10%,#7ef3ff 55%,#7de8ff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}
.v2 .sc .l{display:flex;align-items:center;gap:6px;color:var(--mu);font-size:13px}
.v2 .si{width:auto;height:auto;border:0;background:none;border-radius:0;margin:0;color:var(--v2ac);display:inline-grid}
.v2 .sc::after{content:"";width:28px;height:3px;border-radius:3px;margin-top:8px;background:linear-gradient(90deg,var(--v2ac),var(--v2ac2));box-shadow:0 0 10px rgba(0,243,247,.6);animation:v2k-bl 2.4s infinite}
.v2 .sc .live{font-size:11px}
.v2 .pp{top:0;left:6px}
.v2 .auth{width:min(360px,calc(100% - 32px));padding:22px}
.v2.v2-js .hl h2.wy{background:linear-gradient(100deg,#00f3f7,#ffffff,#00f3f7);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v2k-shim 6s linear infinite,v2k-wyf 0s 3s forwards;clip-path:inset(0 0 0 100%);filter:blur(10px);letter-spacing:.14em;opacity:0;transform:none;transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1),filter 1s,letter-spacing 1.3s cubic-bezier(.2,.8,.2,1),opacity .6s}
.v2.v2-js .hl.in h2.wy{clip-path:inset(0);filter:none;letter-spacing:0;opacity:1}
@keyframes v2k-shim{to{background-position:250% 0}}
@keyframes v2k-wyf{to{clip-path:inset(0);filter:none;letter-spacing:0;opacity:1}}
.v2 .hl h2.wy{animation:v2k-shim 6s linear infinite;background:linear-gradient(100deg,#00f3f7,#ffffff,#00f3f7);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.v2 footer{margin:16px 0 0}
.v2 .wv{position:relative;height:46px;overflow:hidden;direction:ltr;margin-bottom:-1px}
.v2 .wv svg{position:absolute;bottom:0;left:0;width:200%;height:100%}
.v2 .w1{animation:v2k-wv 13s linear infinite}
.v2 .w2{animation:v2k-wv 19s linear infinite reverse}
.v2 .w3{animation:v2k-wv 9s linear infinite}
@keyframes v2k-wv{to{transform:translateX(-50%)}}
.v2 .fw{background:#0b1024;border:0;border-radius:0;box-shadow:none;padding:4px 0 82px}
.v2 .frow1{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2 .flinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 4px;color:var(--mu);font-size:14px}
.v2 .flinks a:hover{color:var(--v2ac)}
.v2 .fb2{margin-top:12px;padding-top:14px;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:12px}
.v2 .fl2{font-size:28px}
.v2 .soc2{margin:0}
.v2 .wv{height:60px}
.v2 .hl h2.wy,.v2.v2-js .hl h2.wy{font-size:clamp(34px,9.2vw,62px)}
.v2 section#auth{padding-inline:18px}
.v2 .stats{grid-template-columns:.95fr 1fr 1.35fr}
.v2 .sc .l{white-space:nowrap}
.v2 main>section:last-child{padding-bottom:20px}
.v2 main{overflow-x:clip}
.v2 .hero{position:relative}
.v2 .hero::before{content:"";position:absolute;left:50%;top:-30px;width:min(900px,150%);height:560px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,243,247,.2),transparent 72%),radial-gradient(closest-side at 78% 62%,rgba(15,181,216,.17),transparent 72%);filter:blur(28px);pointer-events:none;z-index:-1}
.v2 .strip{position:relative;margin:30px -18px 0;padding:16px 0}
.v2 .strip::before{content:"";position:absolute;left:0;right:0;top:50%;height:96px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(0,243,247,.2) 25%,rgba(15,181,216,.2) 75%,transparent);filter:blur(22px);pointer-events:none}
.v2 .strip .mq{position:relative}
.v2 .pt{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.12),transparent 70%),#0b0e1d;border:1px solid color-mix(in srgb,var(--g,#fff) 45%,rgba(255,255,255,.16));box-shadow:0 0 18px -5px var(--g,#fff),inset 0 1px 0 rgba(255,255,255,.12)}
.v2 .sc::after{display:none}
.v2 .nd.fx{height:1px;margin:22px 0;background:linear-gradient(90deg,transparent,rgba(0,243,247,.5),rgba(15,181,216,.5),transparent)}
.v2 section.hero{padding-bottom:10px}
.v2 .stats{margin-top:26px}
.v2 #auth .hl{margin-bottom:22px}
.v2 .auth{width:min(392px,calc(100% - 20px));padding:30px 22px}
.v2 .fi{height:50px;font-size:15px}
.v2 .tabs button{min-height:44px}
.v2 .tabs{margin-bottom:24px}
.v2 .fl{margin:16px 0 8px}
.v2 .auth .v2btn{min-height:54px!important;margin-top:10px!important}
.v2::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 440px at 8% 34%,rgba(0,170,255,.12),transparent 70%),radial-gradient(560px 480px at 95% 62%,rgba(15,181,216,.13),transparent 70%),radial-gradient(500px 360px at 50% 100%,rgba(0,243,247,.08),transparent 70%)}
.v2 #auth{position:relative}
.v2 #auth::before{content:"";position:absolute;left:50%;top:58%;width:min(820px,170%);height:700px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(20,150,255,.34),rgba(0,243,247,.16) 48%,transparent 74%),radial-gradient(closest-side at 72% 30%,rgba(15,181,216,.22),transparent 70%);filter:blur(26px);pointer-events:none;z-index:-1}
.v2::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 420px at 12% 18%,rgba(0,243,247,.13),transparent 70%),radial-gradient(560px 460px at 92% 55%,rgba(15,181,216,.14),transparent 70%),radial-gradient(620px 420px at 30% 100%,rgba(0,243,247,.09),transparent 70%)}
.v2 section#auth,.v2 section#plan,.v2 section#faq,.v2 section#features{position:relative}
.v2 section#auth::before{content:"";position:absolute;left:50%;top:-20px;width:min(760px,170%);height:640px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,243,247,.30),rgba(0,243,247,.12) 55%,transparent 75%),radial-gradient(closest-side at 80% 70%,rgba(15,181,216,.26),transparent 72%),radial-gradient(closest-side at 15% 65%,rgba(61,220,151,.10),transparent 70%);filter:blur(34px);pointer-events:none;z-index:-1}
.v2 section#plan::before,.v2 section#features::before{content:"";position:absolute;left:50%;top:10%;width:min(700px,160%);height:480px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(15,181,216,.16),transparent 72%),radial-gradient(closest-side at 25% 40%,rgba(0,243,247,.12),transparent 70%);filter:blur(32px);pointer-events:none;z-index:-1}
.v2 .auth.neon{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:0 0 50px -12px rgba(0,243,247,.35)}
.v2 .auth.neon::before{padding:2px;background:conic-gradient(from var(--v2a),transparent 0 50%,rgba(0,243,247,.95) 76%,#0fb5d8 90%,transparent 100%);animation-duration:5s}
.v2::before{background:radial-gradient(520px 420px at 10% 15%,rgba(0,243,247,.045),transparent 70%),radial-gradient(560px 460px at 95% 60%,rgba(15,181,216,.05),transparent 70%)}
.v2 .hero::before{background:radial-gradient(closest-side,rgba(0,243,247,.13),transparent 72%),radial-gradient(closest-side at 78% 62%,rgba(15,181,216,.10),transparent 72%);filter:blur(34px)}
.v2 .strip::before{background:linear-gradient(90deg,transparent,rgba(0,243,247,.10) 25%,rgba(15,181,216,.10) 75%,transparent)}
.v2 section#auth::before{height:520px;background:radial-gradient(closest-side,rgba(0,243,247,.12),rgba(0,243,247,.04) 60%,transparent 78%),radial-gradient(closest-side at 80% 70%,rgba(15,181,216,.11),transparent 72%);filter:blur(40px)}
.v2 section#plan::before,.v2 section#features::before{background:radial-gradient(closest-side,rgba(15,181,216,.07),transparent 72%),radial-gradient(closest-side at 25% 40%,rgba(0,243,247,.05),transparent 70%)}
.v2 .auth.neon{background:rgba(9,11,24,.78);box-shadow:0 0 36px -14px rgba(0,243,247,.28)}
.v2{--card:rgba(255,255,255,.06);--bd:rgba(255,255,255,.12)}
.v2 #auth,.v2 #features,.v2 #how,.v2 #plan,.v2 #pay,.v2 #faq{position:relative}
.v2 #auth::after,.v2 #features::after,.v2 #how::after,.v2 #plan::after,.v2 #pay::after,.v2 #faq::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-2;pointer-events:none;background:var(--bnd);-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.v2 #auth::after{--bnd:linear-gradient(180deg,transparent,rgba(10,30,52,.78) 16%,rgba(10,30,52,.78) 84%,transparent),radial-gradient(70% 55% at 50% 45%,rgba(0,243,247,.12),transparent 75%)}
.v2 #features::after{--bnd:linear-gradient(180deg,transparent,rgba(6,22,36,.7) 16%,rgba(6,22,36,.7) 84%,transparent),radial-gradient(70% 55% at 80% 30%,rgba(15,181,216,.14),transparent 75%)}
.v2 #how::after{--bnd:linear-gradient(180deg,transparent,rgba(8,28,44,.7) 16%,rgba(8,28,44,.7) 84%,transparent),radial-gradient(70% 55% at 20% 50%,rgba(0,243,247,.10),transparent 75%)}
.v2 #plan::after{--bnd:linear-gradient(180deg,transparent,rgba(8,26,40,.74) 16%,rgba(8,26,40,.74) 84%,transparent),radial-gradient(70% 55% at 50% 40%,rgba(15,181,216,.16),transparent 75%)}
.v2 #pay::after{--bnd:linear-gradient(180deg,transparent,rgba(10,26,50,.8) 16%,rgba(10,26,50,.8) 84%,transparent),radial-gradient(70% 55% at 50% 50%,rgba(0,243,247,.10),transparent 75%)}
.v2 #faq::after{--bnd:linear-gradient(180deg,transparent,rgba(6,20,32,.7) 16%,rgba(6,20,32,.7) 84%,transparent),radial-gradient(70% 55% at 30% 40%,rgba(15,181,216,.12),transparent 75%)}
.v2 #sp{gap:5px}
.v2 #sp .ch{padding:0 9px;gap:6px;font-size:12.5px}
.v2 #sp .mi svg{width:18px;height:18px}
.v2 .wv svg{width:100%;animation:none!important;transform:none}
.v2 .credit::before{display:none}
.v2 .credit{border:1px solid rgba(61,220,151,.4)}
.v2 .credit b{animation:none;background-position:0 0}
.v2 footer{margin:40px 0 0}
.v2 .fw{background:#0b1024;border-top:1px solid rgba(255,255,255,.1);border-radius:26px 26px 0 0;padding:30px 0 84px;box-shadow:none}
.v2::before{background:radial-gradient(560px 460px at 8% 12%,rgba(0,243,247,.075),transparent 70%),radial-gradient(600px 500px at 96% 48%,rgba(15,181,216,.085),transparent 70%),radial-gradient(640px 460px at 28% 100%,rgba(0,243,247,.055),transparent 70%),radial-gradient(420px 360px at 70% 6%,rgba(15,181,216,.06),transparent 70%)}
.v2 .hero::after{content:"";position:absolute;top:-70px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(0,243,247,.32) 1.2px,transparent 1.6px);background-size:30px 30px;background-position:15px 15px;-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 40%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 80% 90% at 50% 40%,#000 25%,transparent 100%)}
.v2 #auth::after{--bnd:linear-gradient(180deg,transparent,rgba(8,44,64,.9) 18%,rgba(6,34,52,.9) 82%,transparent),radial-gradient(70% 55% at 50% 45%,rgba(0,243,247,.17),transparent 75%)}
.v2 section#auth::before{background:radial-gradient(closest-side,rgba(0,243,247,.14),transparent 72%),radial-gradient(closest-side at 80% 70%,rgba(15,181,216,.14),transparent 72%)}
.v2 .auth.neon{background:rgba(8,12,34,.92);box-shadow:0 18px 50px -14px rgba(0,0,0,.6),0 0 40px -16px rgba(0,243,247,.3)}
.v2 .fi{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.v2 .hero::after{display:none}
.v2 #auth::after,.v2 #features::after,.v2 #how::after,.v2 #plan::after,.v2 #pay::after,.v2 #faq::after{display:none}
body.v2-on{background-color:#06060e}
.v2{position:relative}
.v2::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:
radial-gradient(760px 700px at 0% 3%,rgba(0,243,247,0.29),transparent 70%),
radial-gradient(740px 700px at 100% 9%,rgba(15,181,216,0.32),transparent 70%),
radial-gradient(820px 720px at 15% 24%,rgba(15,181,216,0.23),transparent 70%),
radial-gradient(800px 720px at 100% 36%,rgba(0,243,247,0.22),transparent 70%),
radial-gradient(840px 740px at 0% 50%,rgba(0,243,247,0.20),transparent 70%),
radial-gradient(700px 620px at 100% 63%,rgba(15,181,216,0.26),transparent 70%),
radial-gradient(840px 740px at 10% 76%,rgba(15,181,216,0.20),transparent 70%),
radial-gradient(820px 720px at 95% 88%,rgba(0,243,247,0.20),transparent 70%),
radial-gradient(860px 640px at 40% 100%,rgba(0,243,247,0.17),transparent 70%)}
.v2 section#auth::before{background:radial-gradient(closest-side,rgba(0,243,247,.12),transparent 72%)}
.v2 .hero::after{display:block;content:"";position:absolute;top:-70px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(0,243,247,.17) 1.1px,transparent 1.5px);background-size:30px 30px;background-position:15px 15px;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 96%);mask-image:linear-gradient(180deg,#000 40%,transparent 96%)}
.v2 .auth.neon{background:linear-gradient(160deg,rgba(34,112,138,.55),rgba(14,60,86,.55));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.22);box-shadow:0 20px 50px -16px rgba(0,0,0,.55),0 0 44px -14px rgba(0,243,247,.4)}
.v2 .auth .tabs{background:rgba(255,255,255,.12)}
.v2 .auth .tabs button{color:#e3e9fb}
.v2 .auth .tabs button[aria-selected=true]{color:#04121a}
.v2 .auth .fl{color:#e3e9fb}
.v2 .auth .fi{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#fff}
.v2 .auth .fi::placeholder{color:#c7d0ea}
.v2 .mt{animation:none!important;will-change:transform}
.v2 .mq{touch-action:pan-y;cursor:grab}
.v2 .logo img{height:34px;width:auto;display:block}
.v2 .flogo{height:34px;width:auto;display:block}
.v2 .hero::before{top:-70px;bottom:0;height:auto;left:50%;width:100vw;transform:translateX(-50%);filter:none;background:linear-gradient(180deg,rgba(3,5,12,.88),rgba(3,5,12,.66) 70%,rgba(3,5,12,0))}
.v2 .hero::after{background-image:radial-gradient(rgba(0,243,247,.22) 1.1px,transparent 1.5px)}
.v2 #auth::after{--bnd:linear-gradient(180deg,transparent,rgba(6,12,46,.98) 14%,rgba(17,34,110,.98) 52%,rgba(8,16,60,.98) 86%,transparent),radial-gradient(70% 50% at 50% 45%,rgba(50,100,230,.22),transparent 75%)}
.v2 section#auth::before{background:radial-gradient(closest-side,rgba(40,80,200,.16),transparent 72%)}
.v2 .auth.neon{background:#1c202c;border-color:rgba(255,255,255,.1);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 22px 56px -16px rgba(0,0,0,.7)}
.v2 .auth .tabs{background:#141722}
.v2 .auth .tabs button{color:#cfd5e6}
.v2 .auth .tabs button[aria-selected=true]{background:#00a2ad;color:#fff}
.v2 .auth .fl{color:#fff}
.v2 .auth .fi{background:#2a3040;border-color:rgba(255,255,255,.14);color:#fff}
.v2 .auth .fi::placeholder{color:#a9b2c8}
.v2 .auth .v2btn.pri{background:#00a2ad;color:#fff;box-shadow:0 10px 26px -10px rgba(0,162,173,.6)}
.v2 .auth .v2btn.pri::before{--nc:rgba(255,255,255,.8)}
.v2 #auth::after{display:block}
.v2 .auth .tabs button[aria-selected=false]{color:#d5dbec}
.v2{--bg:#050c12;--card:rgba(255,255,255,.055);--bd:rgba(255,255,255,.11);--tx:#f2f8fa;--mu:#9db0bc;--v2ac:#00f3f7;--v2ac2:#19c3d6}
body.v2-on{background-color:#050c12}
.v2::before{background:radial-gradient(900px 520px at 50% -140px,rgba(0,243,247,.11),transparent 70%)}
.v2 .hero::before{background:linear-gradient(180deg,rgba(3,8,12,.86),rgba(3,8,12,.55) 70%,rgba(3,8,12,0))}
.v2 #features::after,.v2 #how::after,.v2 #plan::after,.v2 #pay::after,.v2 #faq::after,.v2 #auth::after{display:block}
.v2 #features::after{--bnd:linear-gradient(180deg,transparent,#08161e 14%,#0a1c27 50%,#08161e 86%,transparent),radial-gradient(60% 40% at 85% 22%,rgba(0,243,247,.08),transparent 75%)}
.v2 #how::after{--bnd:linear-gradient(180deg,transparent,#050d13 14%,#06111a 50%,#050d13 86%,transparent),radial-gradient(60% 45% at 12% 50%,rgba(0,243,247,.07),transparent 75%)}
.v2 #plan::after{--bnd:linear-gradient(180deg,transparent,#0a2030 14%,#0c2a3d 50%,#0a2030 86%,transparent),radial-gradient(60% 45% at 50% 40%,rgba(0,243,247,.12),transparent 75%)}
.v2 #pay::after{--bnd:linear-gradient(180deg,transparent,#0c1b27 14%,#102532 50%,#0c1b27 86%,transparent),radial-gradient(60% 40% at 50% 50%,rgba(0,243,247,.06),transparent 75%)}
.v2 #faq::after{--bnd:linear-gradient(180deg,transparent,#06111a 14%,#07141d 60%,#06111a 86%,transparent),radial-gradient(55% 40% at 20% 35%,rgba(0,243,247,.06),transparent 75%)}
.v2 #features::before,.v2 #plan::before{background:none}
.v2 .final{background:linear-gradient(160deg,rgba(0,243,247,.12),rgba(25,195,214,.07)),#0a1722}
.v2 .fw{background:#08121a;border-top-color:rgba(0,243,247,.18)}
.v2 .card{background:var(--card)}
.v2 .sim{background:rgba(6,16,24,.55)}
.v2 .strip::before{display:none}
.v2 .strip{padding:10px 0;margin-top:26px}
.v2 #plat{gap:9px}
.v2 .pt{width:32px;height:32px;border-radius:10px;background:linear-gradient(180deg,#232738,#1a1d2b);border:1.5px solid rgba(255,255,255,.1);box-shadow:none}
.v2 .pt svg{width:18px;height:18px}
.v2 #auth::after{--bnd:linear-gradient(180deg,transparent,#06101a 14%,#07131c 55%,#06101a 86%,transparent),radial-gradient(60% 40% at 50% 45%,rgba(0,243,247,.06),transparent 75%)}
.v2 section#auth::before{background:radial-gradient(closest-side,rgba(0,243,247,.07),transparent 72%)}
/* keep header sticky: the wrapper must not become a scroll container */
.v2{overflow:visible}
@supports (overflow:clip){.v2{overflow-x:clip}}
/* ===== Yalla3RB dashboard v2 — APPEND AT THE END OF style.css (after v2-append.css) ===== */
@property --v2da{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2d,.v2d *,.v2d *::before,.v2d *::after{box-sizing:border-box}
.v2d{font-size:16px;line-height:normal;text-align:right;isolation:isolate}
.v2d h1,.v2d h2,.v2d h3,.v2d h4{font-family:inherit;font-weight:700;line-height:normal;color:inherit;margin-top:0}
.v2d p{margin:1em 0}.v2d small{font-size:smaller}
.v2d a,.v2d a:hover,.v2d a:focus{color:inherit;text-decoration:none}
.v2d button,.v2d input{line-height:normal}
.v2d .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
body.v2d-on>.y3-top-header,body:has(.v2d)>.y3-top-header{display:none!important}
body.v2d-on{margin:0;background:#050c12;overflow-x:hidden}
@property --v2da{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2d{--bg:#050c12;--card:rgba(255,255,255,.045);--bd:rgba(255,255,255,.09);--tx:#f2f5fa;--mu:#9aa4b5;--v2dac:#00f3f7;--v2dac2:#0fb5d8;color-scheme:dark;box-sizing:border-box;}
.v2d *,.v2d *::before,.v2d *::after{box-sizing:inherit}
.v2d{margin:0;background:radial-gradient(700px 360px at 50% -60px,rgba(0,243,247,.17),transparent),var(--bg);color:var(--tx);font-family:Cairo,system-ui,sans-serif;min-height:100vh}
.v2d button,.v2d input{font-family:inherit;color:inherit}
.v2d button{cursor:pointer}
.v2d svg{display:block}
.v2d .neon{position:relative}
.v2d .neon::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--v2da),transparent 0 72%,var(--nc,rgba(0,243,247,.85)) 86%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:v2dk-spin 6s linear infinite}
@keyframes v2dk-spin{to{--v2da:360deg}}
@media(prefers-reduced-motion:reduce){.v2d .neon::before{animation:none}}
.v2d .card{background:var(--card);border:1px solid var(--bd);border-radius:22px;backdrop-filter:blur(8px)}
.v2d .v2dbtn{min-height:48px;padding:0 20px;border-radius:16px;border:1px solid var(--bd);background:var(--card);font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.v2d .v2dbtn.pri{background:var(--v2dac);color:#04121a;border-color:transparent;font-weight:800;--nc:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(0,243,247,.25)}
.v2d .ib{width:44px;height:44px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:grid;place-items:center;padding:0}
.v2d .top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(5,12,18,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.v2d .logo{font-weight:800;font-size:22px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.v2d .top>div{margin-inline-start:auto}
.v2d .pop{position:absolute;left:0;top:calc(100% + 8px);min-width:220px;padding:8px;border-radius:18px;background:#0a1620;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.6);display:none;z-index:40}
.v2d .pop.on{display:block;animation:v2dk-in .18s ease}
@keyframes v2dk-in{from{opacity:0;transform:translateY(-6px)}}
.v2d .pop button{width:100%;min-height:46px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;background:none;border-radius:12px;font-size:14px;text-align:start}
.v2d .pop button:hover{background:var(--card)}
.v2d .pop .out{color:#ff7b8a}
.v2d .side{position:fixed;top:0;bottom:0;right:0;width:292px;z-index:30;background:linear-gradient(180deg,#0a1620,#06101a);border-left:1px solid var(--bd);padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;transform:translateX(105%);transition:transform .3s;overflow-y:auto}
.v2d .side.on{transform:none}
.v2d .scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:25;display:none}
.v2d .scrim.on{display:block}
.v2d .prof{padding:16px;margin:16px 0 12px;background:linear-gradient(135deg,rgba(0,243,247,.12),rgba(15,181,216,.12))}
.v2d .av{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--v2dac),var(--v2dac2));display:grid;place-items:center;font-weight:800;color:#04121a}
.v2d .nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:14px;color:var(--mu);text-decoration:none;font-size:14px;margin-bottom:2px;transition:.2s}
.v2d .nav a:hover{background:var(--card);color:var(--tx)}
.v2d .nav a.cur{color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:inset -3px 0 0 var(--v2dac)}
.v2d main{padding:20px 16px 110px;max-width:1100px;margin-inline:auto}
.v2d .grid2{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.v2d .bal{padding:16px;border-radius:26px;background:linear-gradient(135deg,rgba(0,243,247,.2),rgba(15,181,216,.18) 55%,rgba(255,255,255,.03)),#0c0f20;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)}
.v2d .bal::after{content:"";position:absolute;width:220px;height:220px;left:-60px;top:-90px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.v2d .lbl{color:var(--mu);font-size:14px;display:flex;align-items:center;justify-content:space-between}
.v2d .amt{font-size:clamp(28px,7vw,42px);font-weight:800;line-height:1.2;letter-spacing:.5px;display:flex;align-items:baseline;gap:5px;margin:2px 0 10px}
.v2d .cur{font-size:.5em;background:linear-gradient(145deg,#7ef3ff,var(--v2dac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.v2d .acts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.v2d .act{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;min-height:84px;font-size:13px;font-weight:600;border-radius:18px;text-decoration:none;color:var(--tx);background:var(--card);border:1px solid var(--bd)}
.v2d .act svg{color:var(--v2dac)}
.v2d h2{font-size:18px;margin:26px 0 12px}
.v2d .cats{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.v2d .cat{flex:none;min-height:56px;padding:6px 16px 6px 12px;border-radius:18px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--bd);font-weight:600;font-size:14px;transition:.2s}
.v2d .cat[aria-expanded=true]{background:rgba(0,243,247,.1);border-color:rgba(0,243,247,.5)}
.v2d .i3{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:inset 0 2px 3px rgba(255,255,255,.55),inset 0 -5px 7px rgba(0,0,0,.35),0 8px 14px rgba(0,0,0,.5);transform:perspective(200px) rotateX(10deg)}
.v2d .i3 svg{width:22px;height:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.v2d .panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}
.v2d .panel.on{grid-template-rows:1fr}
.v2d .panel>div{overflow:hidden}
.v2d .svc{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin-top:8px;border-radius:16px;border:1px solid var(--bd);background:var(--card);text-align:start;font-size:14px}
.v2d .svc small{color:var(--mu);display:block;font-size:12px}
.v2d .svc.sel{border-color:var(--v2dac);background:rgba(0,243,247,.09)}
.v2d .price{color:var(--v2dac);font-weight:800;white-space:nowrap}
.v2d .order{padding:20px;margin-top:14px;display:grid;gap:12px}
.v2d .order label{font-size:13px;color:var(--mu)}
.v2d .order input{width:100%;height:52px;margin-top:6px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.05);padding:0 14px;font-size:15px}
.v2d .order input:focus{outline:2px solid var(--v2dac);outline-offset:1px}
.v2d .tot{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04)}
.v2d .bn{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:16px;right:16px;height:64px;border-radius:24px;background:rgba(10,22,32,.94);border:1px solid var(--bd);display:flex;justify-content:space-around;align-items:center;z-index:15;backdrop-filter:blur(12px)}
.v2d .bn button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mu);min-width:60px;min-height:48px;justify-content:center}
.v2d .bn .on{color:var(--v2dac)}
@media(min-width:700px){.v2d .grid2{grid-template-columns:1fr 1.4fr}
.v2d .cats{flex-wrap:wrap;overflow:visible}}
@media(min-width:1024px){.v2d .side{transform:none}
.v2d .top,.v2d main{margin-right:292px}
.v2d .mb,.v2d .scrim,.v2d .bn,.v2d .close{display:none!important}
.v2d .top{padding-inline:28px}
.v2d main{padding:28px}}
.v2d .bal .v2dbtn{min-height:44px;width:100%;padding:0 12px}
.v2d .trk{height:8px;border-radius:8px;background:rgba(255,255,255,.08);margin:8px 0 6px;overflow:hidden}
.v2d .trk i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));box-shadow:0 0 12px rgba(0,243,247,.6);position:relative;overflow:hidden}
.v2d .trk i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:v2dk-sh 2.4s infinite}
@keyframes v2dk-sh{to{transform:translateX(100%)}}
.v2d .live{font-size:11px;color:#3ddc97;display:flex;align-items:center;gap:5px}
.v2d .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc97;animation:v2dk-bl 1.4s infinite}
@keyframes v2dk-bl{50%{opacity:.25}}
.v2d .pu{transform-box:fill-box;transform-origin:center;animation:v2dk-pu 1.2s ease-out infinite}
@keyframes v2dk-pu{to{transform:scale(2.6);opacity:0}}
.v2d .sbox{width:100%;height:50px;border-radius:16px;border:1px solid var(--bd);background:var(--card);padding:0 16px;font-size:15px}
.v2d .sbox:focus{outline:2px solid var(--v2dac)}
.v2d .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v2d .card+.card,.v2d section.card{margin-bottom:0}
.v2d .side{overflow:visible;padding:0;border-radius:26px 0 0 26px}
.v2d .sin{height:100%;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;border-radius:inherit}
.v2d .nav a::before{opacity:0;transition:opacity .3s}
.v2d .nav a:hover::before,.v2d .nav a.cur::before{opacity:1}
.v2d .nav a span{display:inline-grid;transition:transform .3s}
.v2d .nav a:hover span{animation:v2dk-wob .6s}
@keyframes v2dk-wob{30%{transform:rotate(-16deg) scale(1.2)}65%{transform:rotate(10deg) scale(1.1)}}
.v2d .side.on .nav a span{animation:v2dk-sp .7s cubic-bezier(.2,.8,.3,1.2) both}
.v2d .nav a:nth-child(2) span{animation-delay:.05s!important}
.v2d .nav a:nth-child(3) span{animation-delay:.1s!important}
.v2d .nav a:nth-child(4) span{animation-delay:.15s!important}
.v2d .nav a:nth-child(5) span{animation-delay:.2s!important}
.v2d .nav a:nth-child(6) span{animation-delay:.25s!important}
.v2d .nav a:nth-child(n+7) span{animation-delay:.3s!important}
@keyframes v2dk-sp{from{transform:rotate(-180deg) scale(.4);opacity:0}}
.v2d #menuBtn svg,.v2d #gear svg{transition:transform .45s}
.v2d #menuBtn.open svg{transform:rotate(90deg)}
.v2d #gear:hover svg,.v2d #gear[aria-expanded=true] svg{transform:rotate(90deg)}
.v2d .ords{display:grid;gap:10px}
.v2d .ord{padding:14px 16px}
.v2d .ord small{color:var(--mu);font-size:12px}
.v2d .oh{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.v2d .tag{font-size:12px;padding:3px 10px;border-radius:20px;white-space:nowrap}
.v2d .run{background:rgba(0,243,247,.14);color:var(--v2dac)}
.v2d .ok{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .part{background:rgba(255,184,77,.14);color:#ffb84d}
.v2d .hots{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.v2d .hot{flex:none;width:150px;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--bd);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;font-size:14px;font-weight:600}
.v2d .hot small{color:var(--mu);font-weight:400;font-size:12px}
@media(min-width:700px){.v2d .ords{grid-template-columns:repeat(3,1fr)}
.v2d .hots{flex-wrap:wrap;overflow:visible}}
.v2d .faqs{display:grid;gap:10px}
.v2d .faq summary{min-height:52px;display:flex;align-items:center;padding:0 16px;cursor:pointer;font-weight:600;font-size:14px;list-style:none}
.v2d .faq summary::-webkit-details-marker{display:none}
.v2d .faq summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-inline-end:2px solid var(--v2dac);border-bottom:2px solid var(--v2dac);transform:rotate(45deg);transition:transform .3s}
.v2d .faq[open] summary::after{transform:rotate(-135deg)}
.v2d .faq p{margin:0;padding:0 16px 16px;color:var(--mu);font-size:14px;line-height:1.8}
.v2d .pop{min-width:300px;padding:12px;gap:10px;grid-template-columns:repeat(3,1fr);transform-origin:top left;border-radius:22px;background:linear-gradient(160deg,#171a30,#0c0e1c);box-shadow:0 24px 50px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.14)}
.v2d .pop.on{display:grid;animation:v2dk-pin .35s cubic-bezier(.2,.8,.3,1.2)}
@keyframes v2dk-pin{from{opacity:0;transform:perspective(600px) rotateX(-28deg) scale(.88)}}
.v2d .pop button{flex-direction:column;justify-content:center;gap:8px;min-height:96px;padding:12px 4px;text-align:center;font-size:12.5px;font-weight:600;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 10px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .25s}
.v2d .pop button:hover,.v2d .pop button:focus-visible{transform:perspective(400px) translateY(-4px) rotateX(10deg)}
.v2d .lbl2{font-size:14px;color:var(--mu);margin:16px 0 8px}
.v2d .selbox{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:16px;background:rgba(10,12,24,.9);border:1px solid rgba(0,243,247,.5);font-size:14px;text-align:start}
.v2d .selbox::after{content:"";width:8px;height:8px;border-inline-end:2px solid var(--v2dac);border-bottom:2px solid var(--v2dac);transform:rotate(45deg);transition:transform .3s}
.v2d .selbox[aria-expanded=true]::after{transform:rotate(-135deg)}
.v2d .i3.sm{width:30px;height:30px;border-radius:10px;flex:none}
.v2d .i3.sm svg{width:16px;height:16px}
.v2d .dd{margin-top:8px;border-radius:18px;border:1px solid var(--bd);background:rgba(10,12,24,.95);max-height:340px;overflow-y:auto;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.v2d .row{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 14px;border:0;border-bottom:1px solid var(--bd);background:none;text-align:start;font-size:14px}
.v2d .row:last-child{border-bottom:0}
.v2d .row:hover,.v2d .row.sel{background:rgba(0,243,247,.09)}
.v2d .rn{flex:1}
.v2d .rc{padding:16px}
.v2d .rc-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:rgba(255,255,255,.05);margin-bottom:16px}
.v2d .rc-tabs button{min-height:44px;border:0;border-radius:12px;background:none;font-weight:700;font-size:13px;color:var(--mu);transition:.2s}
.v2d .rc-tabs button[aria-selected=true]{background:var(--v2dac);color:#04121a}
.v2d .rc-p{display:none}
.v2d .rc-p.on{display:block;animation:v2dk-in .3s}
.v2d .rc-hint{margin:0 0 12px;color:var(--mu);font-size:13px;text-align:center}
.v2d .rc-wheel{position:relative;width:min(270px,100%);margin:8px auto 14px}
.v2d .rc-wheel svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 0 22px rgba(0,243,247,.25))}
.v2d #rc-wh{transform-origin:110px 110px;transition:transform 4.4s cubic-bezier(.12,.7,.1,1)}
.v2d .rc-ptr{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-inline:11px solid transparent;border-top:20px solid var(--v2dac);filter:drop-shadow(0 0 8px var(--v2dac));z-index:3}
.v2d .rc-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:4px solid #06101a;background:var(--v2dac);color:#04121a;font-weight:800;font-size:18px;box-shadow:0 0 26px rgba(0,243,247,.55);z-index:2}
.v2d .rc-hub:disabled{filter:grayscale(.5);opacity:.85;cursor:not-allowed}
.v2d .rc-conf{position:absolute;left:50%;top:50%;width:0;height:0;z-index:4}
.v2d .rc-res{display:none;margin-top:6px;padding:14px;border-radius:18px;border:1px dashed rgba(0,243,247,.55);background:rgba(0,243,247,.07);text-align:center}
.v2d .rc-res.on{display:block;animation:v2dk-in .4s}
.v2d .rc-res b{display:block;font-size:24px;margin:2px 0 10px;color:var(--v2dac)}
.v2d .rc-code{display:flex;gap:8px;align-items:center;justify-content:center}
.v2d .rc-code span{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.07);font-weight:800;letter-spacing:2px;direction:ltr}
.v2d .rc-cd{display:block;margin-top:10px;color:var(--mu);font-variant-numeric:tabular-nums}
.v2d .rc-packs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2d .rc-pk{padding:16px 10px;border-radius:18px;border:1px solid var(--bd);background:var(--card);text-align:center;transition:.2s;color:var(--tx)}
.v2d .rc-pk b{display:block;font-size:26px;font-weight:800}
.v2d .rc-pk small{color:var(--v2dac);font-weight:700}
.v2d .rc-pk[aria-pressed=true]{border-color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:0 0 24px -8px var(--v2dac);transform:translateY(-2px)}
.v2d .rc-sum{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);font-size:14px;color:var(--mu)}
.v2d .rc-sum b{color:var(--tx)}
.v2d .rc-sum .rc-big{color:var(--v2dac);font-size:22px;font-variant-numeric:tabular-nums}
.v2d .rc-cp,.v2d .rc-ref{display:flex;gap:8px;margin-top:12px}
.v2d .rc-cp .sbox,.v2d .rc-ref .sbox{flex:1;min-width:0}
.v2d .rc-msg{min-height:20px;margin-top:8px;font-size:13px;color:var(--mu)}
.v2d .rc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.v2d .rc-stats div{padding:12px 6px;border-radius:16px;background:rgba(255,255,255,.05);text-align:center}
.v2d .rc-stats b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.v2d .rc-stats small{color:var(--mu);font-size:12px}
.v2d .rc-calc{padding:14px;border-radius:18px;background:rgba(255,255,255,.04)}
.v2d .rc-row{display:flex;justify-content:space-between;font-size:13px;color:var(--mu);margin-top:4px}
.v2d .rc-row b{color:var(--tx)}
.v2d .rc-earn{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid var(--bd);color:var(--mu)}
.v2d .rc-earn b{font-size:26px;color:var(--v2dac);font-variant-numeric:tabular-nums}
.v2d .rc-note{display:block;margin-top:6px;color:var(--mu);font-size:11px}
.v2d .rc-toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%,10px);padding:10px 18px;border-radius:14px;background:#0a1620;border:1px solid var(--v2dac);font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:60}
.v2d .rc-toast.on{opacity:1;transform:translate(-50%,0)}
.v2d .rc a.v2dbtn{text-decoration:none}
.v2d .rc-big,.v2d #rc-pay,.v2d #rc-earn,.v2d .rc-stats b{direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .rc input[type=range]{width:100%;height:30px;display:block;-webkit-appearance:none;appearance:none;background:none;direction:ltr;margin:4px 0 8px}
.v2d .rc input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));opacity:.9}
.v2d .rc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(0,243,247,.3),0 4px 12px rgba(0,0,0,.5)}
.v2d .rc input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2))}
.v2d .rc input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff}
.v2d .i3{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(180deg,#232738,#1a1d2b);border:1.5px solid rgba(255,255,255,.1);box-shadow:none;transform:none}
.v2d .i3 svg{width:22px;height:22px;filter:none}
.v2d .medal{flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55)) drop-shadow(0 0 12px rgba(201,128,63,.35))}
.v2d .logo img{height:30px;display:block}
.v2d .sv-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:900px){.v2d .sv-grid{grid-template-columns:1.7fr 1fr;align-items:start}}
.v2d .sv-grid>*{min-width:0}
.v2d .sv-card{padding:18px}
.v2d .sv-search{position:relative;margin-bottom:12px}
.v2d .sv-search span{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:var(--v2dac);pointer-events:none}
.v2d .sv-search input{width:100%;height:50px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);padding:0 46px 0 14px;font-size:15px}
.v2d .sv-search input:focus,.v2d .sv-inp input:focus,.v2d .sv-num:focus{outline:2px solid var(--v2dac);outline-offset:1px}
.v2d .sv-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.v2d .sv-chip{flex:none;min-height:44px;padding:0 14px 0 12px;border-radius:30px;border:1px solid var(--bd);background:rgba(255,255,255,.04);display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--tx);transition:.2s}
.v2d .sv-chip[aria-selected=true]{border-color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:0 0 18px -6px var(--v2dac)}
.v2d .sv-inp input{direction:ltr;text-align:left}
.v2d .sv-inp input::placeholder{text-align:left}
.v2d .sv-ci{width:24px;height:24px;display:grid;place-items:center;flex:none}
.v2d .sv-ic{width:24px;height:24px;display:grid;place-items:center;flex:none}
.v2d .sv-ic svg{width:20px;height:20px}
.v2d .sv-ic:empty{display:none}
.v2d .sv-b{white-space:nowrap}
.v2d .sv-b svg{flex:none}
.v2d .sv-ch .v2dbtn{color:var(--tx)}
.v2d .sv-ci svg{width:20px;height:20px}
.v2d .sv-l{display:block;font-size:13px;color:var(--mu);margin:16px 0 8px}
.v2d .sv-dd{position:relative}
.v2d .sv-sel{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-size:14px;text-align:start;color:var(--tx);transition:.2s}
.v2d .sv-sel .sv-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2d .sv-dd.on .sv-sel{border-color:var(--v2dac);background:rgba(0,243,247,.06)}
.v2d .sv-list{display:none;margin-top:8px;max-height:320px;overflow-y:auto;border-radius:18px;border:1px solid var(--bd);background:#07121a;box-shadow:0 20px 44px rgba(0,0,0,.55)}
.v2d .sv-dd.on .sv-list{display:block;animation:v2dk-in .2s}
.v2d .sv-it{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 14px;border:0;border-bottom:1px solid var(--bd);background:none;text-align:start;font-size:13px;color:var(--tx)}
.v2d .sv-it:last-child{border-bottom:0}
.v2d .sv-it:hover{background:rgba(0,243,247,.08)}
.v2d .sv-nm{flex:1;min-width:0}
.v2d .sv-it small{color:var(--v2dac);font-weight:700;white-space:nowrap}
.v2d .sv-empty{padding:18px;text-align:center;color:var(--mu)}
.v2d .sv-info{display:none;margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(160deg,rgba(0,243,247,.08),rgba(255,255,255,.03));border:1px solid rgba(0,243,247,.25)}
.v2d .sv-info.on{display:block;animation:v2dk-in .3s}
.v2d .sv-ih{display:flex;align-items:center;gap:10px;font-size:14px}
.v2d .sv-bs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.v2d .sv-b{font-style:normal;font-size:11px;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;font-weight:700}
.v2d .sv-b.hot{background:rgba(255,140,60,.15);color:#ffb070}
.v2d .sv-b.gr{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .sv-b.fs{background:rgba(0,243,247,.12);color:var(--v2dac)}
.v2d .sv-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v2d .sv-st div{padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.05);text-align:center}
.v2d .sv-st small,.v2d .sv-two small{display:block;color:var(--mu);font-size:11px}
.v2d .sv-st b{font-size:15px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .sv-mt{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--mu)}
.v2d .sv-mt span{width:48px}
.v2d .sv-mt i{flex:1;height:7px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden}
.v2d .sv-mt u{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));box-shadow:0 0 10px rgba(0,243,247,.5);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.v2d .sv-inp{position:relative}
.v2d .sv-inp input,.v2d .sv-num{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);padding:0 14px;font-size:15px}
.v2d .sv-ok{position:absolute;inset-inline-start:14px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--v2dac) center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304121a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");transform:scale(0);transition:.25s}
.v2d .sv-ok.on{transform:scale(1)}
.v2d .sv-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v2d .sv-quick button{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-weight:700;font-size:13px;color:var(--tx)}
.v2d .sv-quick button:hover{border-color:var(--v2dac);color:var(--v2dac)}
.v2d .sv-mm{margin-top:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13px;color:var(--mu);display:inline-block}
.v2d .sv-mm.bad{color:#ff8a98;background:rgba(255,100,120,.1)}
.v2d .sv-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.v2d .sv-two>div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .sv-two b{display:block;font-size:15px;margin-top:2px}
.v2d .sv-cost{font-size:24px!important;color:var(--v2dac);font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.v2d .sv-cost.svp{animation:v2dk-svpop .45s}
@keyframes v2dk-svpop{40%{color:#fff;text-shadow:0 0 18px var(--v2dac)}}
.v2d .sv-go{width:100%;min-height:56px;margin-top:14px;font-size:16px}
.v2d .sv-side{display:grid;gap:12px}
.v2d .sv-why{padding:18px}
.v2d .sv-why h3{margin:0 0 12px;font-size:18px}
.v2d .sv-why ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v2d .sv-why li{display:flex;align-items:center;gap:12px;font-size:14px;color:#dbe7ee}
.v2d .sv-why li span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(0,243,247,.1);color:var(--v2dac);border:1px solid rgba(0,243,247,.25)}
.v2d .sv-ch{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2d .sv-ch .v2dbtn{min-height:50px;font-size:13px;text-decoration:none}
.v2d .sv-ch svg{width:22px;height:22px}
.v2d .sv-sh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .sv-shuf{min-height:42px;padding:0 14px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--v2dac);margin-top:14px}
.v2d .sv-shuf.spin span{animation:v2dk-svsp .6s}
@keyframes v2dk-svsp{to{transform:rotate(360deg)}}
.v2d .sv-sug{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.v2d .sv-sg{flex:none;width:200px;padding:14px;border-radius:20px;border:1px solid var(--bd);background:var(--card);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;color:var(--tx);transition:.2s}
.v2d .sv-sg:hover{border-color:var(--v2dac);transform:translateY(-3px);box-shadow:0 12px 30px -14px var(--v2dac)}
.v2d .sv-sn{font-weight:700;font-size:13px;line-height:1.5}
.v2d .sv-sp{font-size:12px;color:var(--mu)}
.v2d .sv-sa{margin-top:auto;font-size:12px;font-weight:800;color:var(--v2dac)}
@media(min-width:900px){.v2d .sv-sug{flex-wrap:wrap;overflow:visible}
.v2d .sv-sg{flex:1 1 200px}}
.v2d .dft{margin:34px 0 0;background:#08121a;border-top:1px solid rgba(0,243,247,.18);border-radius:26px 26px 0 0;padding:26px 16px 100px}
.v2d .dft-in{max-width:1100px;margin:auto}
.v2d .dft-r1{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2d .dft-r1 img{height:34px;display:block}
.v2d .dft-soc{display:flex;gap:10px}
.v2d .dft-soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#04050b;border:1px solid var(--bd)}
.v2d .dft-soc svg{width:22px;height:22px}
.v2d .dft-ln{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 4px;color:var(--mu);font-size:14px}
.v2d .dft-ln a{color:inherit;text-decoration:none}
.v2d .dft-ln a:hover{color:var(--v2dac)}
.v2d .dft-bt{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--bd);color:var(--mu);font-size:13px}
.v2d .dft-cr{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:40px;background:rgba(37,211,102,.08);border:1px solid rgba(61,220,151,.4);color:var(--tx);font-size:14px;text-decoration:none}
.v2d .dft-cr b{background:linear-gradient(100deg,#7ef3ff,#3ddc97);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2d .dft-cr svg{width:22px;height:22px}
@media(min-width:1024px){.v2d .dft{margin-right:292px;margin-left:0;padding-inline:28px}}
.v2d .sv-live{position:sticky;top:76px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:0 0 14px;border-radius:18px;background:#0a1a24;border:1px solid rgba(0,243,247,.35);box-shadow:0 10px 30px -14px rgba(0,243,247,.5)}
.v2d .sv-live small{display:block;color:var(--mu);font-size:11px}
.v2d .sv-live .sv-cost{font-size:26px!important;line-height:1.2;display:block}
.v2d .sv-lq{font-size:12px;color:var(--mu);text-align:end}
.v2d .sv-desc{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-height:54px}
.v2d .sv-desc p{margin:0;font-size:13px;line-height:1.9;color:#dbe7ee;white-space:pre-line}
.v2d .sv-desc.ph p{color:var(--mu)}
.v2d .sv-two{display:flex;flex-wrap:wrap;gap:10px;grid-template-columns:none}
.v2d .sv-two>div{flex:0 0 auto;min-width:128px;padding:9px 16px;border-radius:14px}
.v2d .sv-two b{font-size:14px;margin-top:1px}
.v2d .sv-two .sv-cost{font-size:20px!important;line-height:1.3}
.v2d .sv-cb{border-color:rgba(0,243,247,.35)!important;background:rgba(0,243,247,.06)!important}
.v2d .card,.v2d .sv-why,.v2d .sv-card{-webkit-backdrop-filter:none;backdrop-filter:none}
.v2d .sv-why{background:rgba(10,24,34,.92)}
.v2d .sin{scrollbar-width:none;-ms-overflow-style:none}
.v2d .sin::-webkit-scrollbar{display:none}
@media(min-width:1024px){.v2d .sin{padding-top:12px;padding-bottom:12px}
.v2d .prof{margin:10px 0 8px;padding:12px}
.v2d .prof .v2dbtn{margin-top:10px;min-height:42px}
.v2d .nav a{min-height:40px;margin-bottom:1px}
.v2d .nav a span{transform:scale(.95)}
.v2d .sin>a.v2dbtn{margin-top:8px!important;min-height:42px}}
@media(min-width:1024px) and (max-height:760px){.v2d .nav a{min-height:36px}
.v2d .prof{padding:10px}}
.v2d{overflow:visible}@supports (overflow:clip){.v2d{overflow-x:clip}}
/* ===== panel-generated parts (categories / services / fields / charge) ===== */
.v2d .sv-card form{margin:0}
.v2d .control-label{display:block;font-size:13px;color:var(--mu);margin:16px 0 8px;font-weight:400;max-width:none}
.v2d .form-group{margin:0}
.v2d .form-control{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);color:#fff;padding:0 14px;font-size:14px;box-shadow:none;font-weight:600}
.v2d .form-control:focus{outline:2px solid var(--ac);outline-offset:1px;border-color:var(--ac);box-shadow:none}
.v2d select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;color-scheme:dark}
.v2d select option{background:#07121a;color:#fff}
.v2d textarea.form-control{height:auto;min-height:110px;padding:12px 14px}
.v2d .help-block,.v2d #fields small,.v2d #fields .help-block{display:inline-block;margin-top:10px;padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13px;color:var(--mu)}
.v2d #service_description .panel-body{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);font-size:13px;line-height:1.9;color:#dbe7ee;white-space:pre-line;min-height:54px}
.v2d #service_description label{margin-top:16px}
.v2d .alert{border-radius:14px;font-size:13px;padding:12px 16px;margin:0 0 12px;border:1px solid}
.v2d .alert-danger{background:rgba(255,80,100,.12);border-color:rgba(255,80,100,.4);color:#ffb3bd}
.v2d .alert-success{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.4);color:#9ef0c8}
.v2d .alert .close{float:left;background:none;border:0;color:inherit;font-size:20px;line-height:1}
.v2d .alert h4{font-size:15px;margin:0 0 6px}
.v2d .terms{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tx);margin-top:14px}
.v2d .terms input{margin-top:3px;accent-color:var(--ac)}.v2d .terms a{color:var(--ac)}
.v2d .sv-two{align-items:stretch}
.v2d #v2-avg:empty{display:none}
.v2d #v2-avg{padding:0!important;border:0!important;background:none!important;min-width:0!important}
.v2d #v2-avg .form-group,.v2d #v2-avg>div{padding:9px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-width:128px}
.v2d #v2-avg label{font-size:11px;color:var(--mu);margin:0;display:block}
.v2d #v2-avg .form-control,.v2d #v2-avg .panel-body{height:auto;border:0;background:none;padding:0;font-size:14px;font-weight:700;min-height:0}
.v2d .sv-cb #charge{height:auto;border:0;background:none;padding:0;font-size:20px;line-height:1.3;font-weight:800;color:var(--ac);direction:ltr;text-align:start;font-variant-numeric:tabular-nums;width:100%;min-width:90px}
.v2d .sv-cb.svp{animation:v2dk-svpop .45s}
.v2d .sv-go{width:100%}
/* services dropdown (select2 / panel dropdown) — arrow removed, dark teal */
body.v2d-on .select2-container .select2-selection--single{height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);display:flex;align-items:center}
body.v2d-on .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;font-weight:700;font-size:14px;line-height:1.5;padding:0 14px;width:100%}
body.v2d-on .select2-selection__arrow,body.v2d-on .select2-container--default .select2-selection--single .select2-selection__arrow{display:none!important}
body.v2d-on .select2-dropdown,body.v2d-on .select2-results,body.v2d-on .select2-results__options{background:#07121a!important;border-color:rgba(255,255,255,.1)!important;border-radius:16px}
body.v2d-on .select2-search--dropdown .select2-search__field{background:#0b1c26!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px;height:44px;padding:0 12px}
body.v2d-on .y3-opt{border-bottom:1px solid rgba(255,255,255,.08)!important}
body.v2d-on .y3-opt:hover .y3-opt-row,body.v2d-on .select2-results__option--highlighted .y3-opt-row{background:rgba(0,243,247,.08)!important}
.v2d .sv-chip .y3-plat-ic,.v2d .sv-sg .y3-plat-ic{margin:0}
.v2d .sv-search{position:relative}
.v2d .sv-search .form-control{padding:0 46px 0 14px;height:50px}
.v2d .sv-search .sv-sbtn{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ac);padding:0}
.v2d #new-order-search .dropdown-menu,body.v2d-on #new-order-search .dropdown-menu{background:#07121a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px}
.v2d .bn a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mu);min-width:60px;min-height:48px;justify-content:center;text-decoration:none}
.v2d .bn a.cur{color:var(--ac)}
.v2d .acts a.act{text-decoration:none}
.v2d .pop a{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 4px;text-align:center;font-size:12.5px;font-weight:600;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 10px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2);color:var(--tx)}
.v2d .pop a:hover{transform:perspective(400px) translateY(-4px) rotateX(10deg)}
.v2d .pop a .ic{color:var(--ac)}.v2d .pop a.out .ic{color:#ff7b8a}.v2d .pop a.out{color:#ff7b8a}
.v2d .amt [data-m],.v2d .prof [data-m]{unicode-bidi:isolate;direction:ltr;display:inline-block}

/* gear icon + layout polish for the panel page */
.v2d #gear .ic{width:22px;height:22px}
.v2d .sv-two{margin-top:14px}
.v2d .sv-two>div{display:flex;flex-direction:column;justify-content:center}
.v2d .terms{margin-top:16px}
.v2d .sv-go{min-height:56px;margin-top:16px;font-size:16px}
.v2d .sv-why h3{margin:0 0 12px;font-size:18px}
.v2d .sv-price{padding:16px}

/* --- spacing + compact boxes + currency + avatar --- */
.v2d .sv-search{margin-bottom:0}
.v2d .sv-chips{margin-top:18px;padding-top:4px}
.v2d .sv-two{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.v2d .sv-two>div{flex:0 0 auto;width:auto;min-width:0;padding:8px 14px;border-radius:14px}
.v2d #v2-avg:empty{display:none}
.v2d #v2-avg>div,.v2d #v2-avg .form-group{padding:8px 14px;border-radius:14px;min-width:0;width:auto;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d #v2-avg label,.v2d .sv-cb small{font-size:11px;color:var(--mu);margin:0;display:block;white-space:nowrap}
.v2d #v2-avg .form-control,.v2d #v2-avg .panel-body{font-size:14px;font-weight:700;white-space:nowrap;min-height:0}
.v2d .sv-cb{min-width:118px}
.v2d .sv-cb #charge{font-size:19px;width:auto;min-width:72px}
/* avatar */
.v2d .av{position:relative;overflow:hidden}
.v2d .av img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.v2d .uav{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,var(--ac),var(--ac2));color:#04121a;font-weight:800;font-size:15px;overflow:hidden}
.v2d .uav img{width:100%;height:100%;object-fit:cover;display:block}

.v2d .sv-two{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:10px}
.v2d .sv-two>div,.v2d #v2-avg>div,.v2d #v2-avg .form-group{flex:0 1 auto}
.v2d #v2-avg{display:flex}
.v2d .sv-cb{align-self:stretch;display:flex;flex-direction:column;justify-content:center}

.v2d .sv-cb{min-width:0;max-width:170px}
.v2d .sv-cb #charge{min-width:0;width:100%}
/* ===== Yalla3RB dashboard v2 — APPEND AT THE END OF style.css (after v2-append.css) ===== */
@property --v2da{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2d,.v2d *,.v2d *::before,.v2d *::after{box-sizing:border-box}
.v2d{font-size:16px;line-height:normal;text-align:right;isolation:isolate}
.v2d h1,.v2d h2,.v2d h3,.v2d h4{font-family:inherit;font-weight:700;line-height:normal;color:inherit;margin-top:0}
.v2d p{margin:1em 0}.v2d small{font-size:smaller}
.v2d a,.v2d a:hover,.v2d a:focus{color:inherit;text-decoration:none}
.v2d button,.v2d input{line-height:normal}
.v2d .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
body.v2d-on>.y3-top-header,body:has(.v2d)>.y3-top-header{display:none!important}
body.v2d-on{margin:0;background:#050c12;overflow-x:hidden}
@property --v2da{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2d{--bg:#050c12;--card:rgba(255,255,255,.045);--bd:rgba(255,255,255,.09);--tx:#f2f5fa;--mu:#9aa4b5;--v2dac:#00f3f7;--v2dac2:#0fb5d8;color-scheme:dark;box-sizing:border-box;}
.v2d *,.v2d *::before,.v2d *::after{box-sizing:inherit}
.v2d{margin:0;background:radial-gradient(700px 360px at 50% -60px,rgba(0,243,247,.17),transparent),var(--bg);color:var(--tx);font-family:Cairo,system-ui,sans-serif;min-height:100vh}
.v2d button,.v2d input{font-family:inherit;color:inherit}
.v2d button{cursor:pointer}
.v2d svg{display:block}
.v2d .neon{position:relative}
.v2d .neon::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--v2da),transparent 0 72%,var(--nc,rgba(0,243,247,.85)) 86%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:v2dk-spin 6s linear infinite}
@keyframes v2dk-spin{to{--v2da:360deg}}
@media(prefers-reduced-motion:reduce){.v2d .neon::before{animation:none}}
.v2d .card{background:var(--card);border:1px solid var(--bd);border-radius:22px;backdrop-filter:blur(8px)}
.v2d .v2dbtn{min-height:48px;padding:0 20px;border-radius:16px;border:1px solid var(--bd);background:var(--card);font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.v2d .v2dbtn.pri{background:var(--v2dac);color:#04121a;border-color:transparent;font-weight:800;--nc:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(0,243,247,.25)}
.v2d .ib{width:44px;height:44px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:grid;place-items:center;padding:0}
.v2d .top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(5,12,18,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.v2d .logo{font-weight:800;font-size:22px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.v2d .top>div{margin-inline-start:auto}
.v2d .pop{position:absolute;left:0;top:calc(100% + 8px);min-width:220px;padding:8px;border-radius:18px;background:#0a1620;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.6);display:none;z-index:40}
.v2d .pop.on{display:block;animation:v2dk-in .18s ease}
@keyframes v2dk-in{from{opacity:0;transform:translateY(-6px)}}
.v2d .pop button{width:100%;min-height:46px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;background:none;border-radius:12px;font-size:14px;text-align:start}
.v2d .pop button:hover{background:var(--card)}
.v2d .pop .out{color:#ff7b8a}
.v2d .side{position:fixed;top:0;bottom:0;right:0;width:292px;z-index:30;background:linear-gradient(180deg,#0a1620,#06101a);border-left:1px solid var(--bd);padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;transform:translateX(105%);transition:transform .3s;overflow-y:auto}
.v2d .side.on{transform:none}
.v2d .scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:25;display:none}
.v2d .scrim.on{display:block}
.v2d .prof{padding:16px;margin:16px 0 12px;background:linear-gradient(135deg,rgba(0,243,247,.12),rgba(15,181,216,.12))}
.v2d .av{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--v2dac),var(--v2dac2));display:grid;place-items:center;font-weight:800;color:#04121a}
.v2d .nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:14px;color:var(--mu);text-decoration:none;font-size:14px;margin-bottom:2px;transition:.2s}
.v2d .nav a:hover{background:var(--card);color:var(--tx)}
.v2d .nav a.cur{color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:inset -3px 0 0 var(--v2dac)}
.v2d main{padding:20px 16px 110px;max-width:1100px;margin-inline:auto}
.v2d .grid2{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.v2d .bal{padding:16px;border-radius:26px;background:linear-gradient(135deg,rgba(0,243,247,.2),rgba(15,181,216,.18) 55%,rgba(255,255,255,.03)),#0c0f20;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)}
.v2d .bal::after{content:"";position:absolute;width:220px;height:220px;left:-60px;top:-90px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.v2d .lbl{color:var(--mu);font-size:14px;display:flex;align-items:center;justify-content:space-between}
.v2d .amt{font-size:clamp(28px,7vw,42px);font-weight:800;line-height:1.2;letter-spacing:.5px;display:flex;align-items:baseline;gap:5px;margin:2px 0 10px}
.v2d .cur{font-size:.5em;background:linear-gradient(145deg,#7ef3ff,var(--v2dac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.v2d .acts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.v2d .act{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;min-height:84px;font-size:13px;font-weight:600;border-radius:18px;text-decoration:none;color:var(--tx);background:var(--card);border:1px solid var(--bd)}
.v2d .act svg{color:var(--v2dac)}
.v2d h2{font-size:18px;margin:26px 0 12px}
.v2d .cats{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.v2d .cat{flex:none;min-height:56px;padding:6px 16px 6px 12px;border-radius:18px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--bd);font-weight:600;font-size:14px;transition:.2s}
.v2d .cat[aria-expanded=true]{background:rgba(0,243,247,.1);border-color:rgba(0,243,247,.5)}
.v2d .i3{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:inset 0 2px 3px rgba(255,255,255,.55),inset 0 -5px 7px rgba(0,0,0,.35),0 8px 14px rgba(0,0,0,.5);transform:perspective(200px) rotateX(10deg)}
.v2d .i3 svg{width:22px;height:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.v2d .panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}
.v2d .panel.on{grid-template-rows:1fr}
.v2d .panel>div{overflow:hidden}
.v2d .svc{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin-top:8px;border-radius:16px;border:1px solid var(--bd);background:var(--card);text-align:start;font-size:14px}
.v2d .svc small{color:var(--mu);display:block;font-size:12px}
.v2d .svc.sel{border-color:var(--v2dac);background:rgba(0,243,247,.09)}
.v2d .price{color:var(--v2dac);font-weight:800;white-space:nowrap}
.v2d .order{padding:20px;margin-top:14px;display:grid;gap:12px}
.v2d .order label{font-size:13px;color:var(--mu)}
.v2d .order input{width:100%;height:52px;margin-top:6px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.05);padding:0 14px;font-size:15px}
.v2d .order input:focus{outline:2px solid var(--v2dac);outline-offset:1px}
.v2d .tot{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04)}
.v2d .bn{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:16px;right:16px;height:64px;border-radius:24px;background:rgba(10,22,32,.94);border:1px solid var(--bd);display:flex;justify-content:space-around;align-items:center;z-index:15;backdrop-filter:blur(12px)}
.v2d .bn button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mu);min-width:60px;min-height:48px;justify-content:center}
.v2d .bn .on{color:var(--v2dac)}
@media(min-width:700px){.v2d .grid2{grid-template-columns:1fr 1.4fr}
.v2d .cats{flex-wrap:wrap;overflow:visible}}
@media(min-width:1024px){.v2d .side{transform:none}
.v2d .top,.v2d main{margin-right:292px}
.v2d .mb,.v2d .scrim,.v2d .bn,.v2d .close{display:none!important}
.v2d .top{padding-inline:28px}
.v2d main{padding:28px}}
.v2d .bal .v2dbtn{min-height:44px;width:100%;padding:0 12px}
.v2d .trk{height:8px;border-radius:8px;background:rgba(255,255,255,.08);margin:8px 0 6px;overflow:hidden}
.v2d .trk i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));box-shadow:0 0 12px rgba(0,243,247,.6);position:relative;overflow:hidden}
.v2d .trk i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:v2dk-sh 2.4s infinite}
@keyframes v2dk-sh{to{transform:translateX(100%)}}
.v2d .live{font-size:11px;color:#3ddc97;display:flex;align-items:center;gap:5px}
.v2d .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc97;animation:v2dk-bl 1.4s infinite}
@keyframes v2dk-bl{50%{opacity:.25}}
.v2d .pu{transform-box:fill-box;transform-origin:center;animation:v2dk-pu 1.2s ease-out infinite}
@keyframes v2dk-pu{to{transform:scale(2.6);opacity:0}}
.v2d .sbox{width:100%;height:50px;border-radius:16px;border:1px solid var(--bd);background:var(--card);padding:0 16px;font-size:15px}
.v2d .sbox:focus{outline:2px solid var(--v2dac)}
.v2d .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v2d .card+.card,.v2d section.card{margin-bottom:0}
.v2d .side{overflow:visible;padding:0;border-radius:26px 0 0 26px}
.v2d .sin{height:100%;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;border-radius:inherit}
.v2d .nav a::before{opacity:0;transition:opacity .3s}
.v2d .nav a:hover::before,.v2d .nav a.cur::before{opacity:1}
.v2d .nav a span{display:inline-grid;transition:transform .3s}
.v2d .nav a:hover span{animation:v2dk-wob .6s}
@keyframes v2dk-wob{30%{transform:rotate(-16deg) scale(1.2)}65%{transform:rotate(10deg) scale(1.1)}}
.v2d .side.on .nav a span{animation:v2dk-sp .7s cubic-bezier(.2,.8,.3,1.2) both}
.v2d .nav a:nth-child(2) span{animation-delay:.05s!important}
.v2d .nav a:nth-child(3) span{animation-delay:.1s!important}
.v2d .nav a:nth-child(4) span{animation-delay:.15s!important}
.v2d .nav a:nth-child(5) span{animation-delay:.2s!important}
.v2d .nav a:nth-child(6) span{animation-delay:.25s!important}
.v2d .nav a:nth-child(n+7) span{animation-delay:.3s!important}
@keyframes v2dk-sp{from{transform:rotate(-180deg) scale(.4);opacity:0}}
.v2d #menuBtn svg,.v2d #gear svg{transition:transform .45s}
.v2d #menuBtn.open svg{transform:rotate(90deg)}
.v2d #gear:hover svg,.v2d #gear[aria-expanded=true] svg{transform:rotate(90deg)}
.v2d .ords{display:grid;gap:10px}
.v2d .ord{padding:14px 16px}
.v2d .ord small{color:var(--mu);font-size:12px}
.v2d .oh{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.v2d .tag{font-size:12px;padding:3px 10px;border-radius:20px;white-space:nowrap}
.v2d .run{background:rgba(0,243,247,.14);color:var(--v2dac)}
.v2d .ok{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .part{background:rgba(255,184,77,.14);color:#ffb84d}
.v2d .hots{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.v2d .hot{flex:none;width:150px;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--bd);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;font-size:14px;font-weight:600}
.v2d .hot small{color:var(--mu);font-weight:400;font-size:12px}
@media(min-width:700px){.v2d .ords{grid-template-columns:repeat(3,1fr)}
.v2d .hots{flex-wrap:wrap;overflow:visible}}
.v2d .faqs{display:grid;gap:10px}
.v2d .faq summary{min-height:52px;display:flex;align-items:center;padding:0 16px;cursor:pointer;font-weight:600;font-size:14px;list-style:none}
.v2d .faq summary::-webkit-details-marker{display:none}
.v2d .faq summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-inline-end:2px solid var(--v2dac);border-bottom:2px solid var(--v2dac);transform:rotate(45deg);transition:transform .3s}
.v2d .faq[open] summary::after{transform:rotate(-135deg)}
.v2d .faq p{margin:0;padding:0 16px 16px;color:var(--mu);font-size:14px;line-height:1.8}
.v2d .pop{min-width:300px;padding:12px;gap:10px;grid-template-columns:repeat(3,1fr);transform-origin:top left;border-radius:22px;background:linear-gradient(160deg,#171a30,#0c0e1c);box-shadow:0 24px 50px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.14)}
.v2d .pop.on{display:grid;animation:v2dk-pin .35s cubic-bezier(.2,.8,.3,1.2)}
@keyframes v2dk-pin{from{opacity:0;transform:perspective(600px) rotateX(-28deg) scale(.88)}}
.v2d .pop button{flex-direction:column;justify-content:center;gap:8px;min-height:96px;padding:12px 4px;text-align:center;font-size:12.5px;font-weight:600;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 10px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .25s}
.v2d .pop button:hover,.v2d .pop button:focus-visible{transform:perspective(400px) translateY(-4px) rotateX(10deg)}
.v2d .lbl2{font-size:14px;color:var(--mu);margin:16px 0 8px}
.v2d .selbox{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:16px;background:rgba(10,12,24,.9);border:1px solid rgba(0,243,247,.5);font-size:14px;text-align:start}
.v2d .selbox::after{content:"";width:8px;height:8px;border-inline-end:2px solid var(--v2dac);border-bottom:2px solid var(--v2dac);transform:rotate(45deg);transition:transform .3s}
.v2d .selbox[aria-expanded=true]::after{transform:rotate(-135deg)}
.v2d .i3.sm{width:30px;height:30px;border-radius:10px;flex:none}
.v2d .i3.sm svg{width:16px;height:16px}
.v2d .dd{margin-top:8px;border-radius:18px;border:1px solid var(--bd);background:rgba(10,12,24,.95);max-height:340px;overflow-y:auto;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.v2d .row{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 14px;border:0;border-bottom:1px solid var(--bd);background:none;text-align:start;font-size:14px}
.v2d .row:last-child{border-bottom:0}
.v2d .row:hover,.v2d .row.sel{background:rgba(0,243,247,.09)}
.v2d .rn{flex:1}
.v2d .rc{padding:16px}
.v2d .rc-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:rgba(255,255,255,.05);margin-bottom:16px}
.v2d .rc-tabs button{min-height:44px;border:0;border-radius:12px;background:none;font-weight:700;font-size:13px;color:var(--mu);transition:.2s}
.v2d .rc-tabs button[aria-selected=true]{background:var(--v2dac);color:#04121a}
.v2d .rc-p{display:none}
.v2d .rc-p.on{display:block;animation:v2dk-in .3s}
.v2d .rc-hint{margin:0 0 12px;color:var(--mu);font-size:13px;text-align:center}
.v2d .rc-wheel{position:relative;width:min(270px,100%);margin:8px auto 14px}
.v2d .rc-wheel svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 0 22px rgba(0,243,247,.25))}
.v2d #rc-wh{transform-origin:110px 110px;transition:transform 4.4s cubic-bezier(.12,.7,.1,1)}
.v2d .rc-ptr{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-inline:11px solid transparent;border-top:20px solid var(--v2dac);filter:drop-shadow(0 0 8px var(--v2dac));z-index:3}
.v2d .rc-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:4px solid #06101a;background:var(--v2dac);color:#04121a;font-weight:800;font-size:18px;box-shadow:0 0 26px rgba(0,243,247,.55);z-index:2}
.v2d .rc-hub:disabled{filter:grayscale(.5);opacity:.85;cursor:not-allowed}
.v2d .rc-conf{position:absolute;left:50%;top:50%;width:0;height:0;z-index:4}
.v2d .rc-res{display:none;margin-top:6px;padding:14px;border-radius:18px;border:1px dashed rgba(0,243,247,.55);background:rgba(0,243,247,.07);text-align:center}
.v2d .rc-res.on{display:block;animation:v2dk-in .4s}
.v2d .rc-res b{display:block;font-size:24px;margin:2px 0 10px;color:var(--v2dac)}
.v2d .rc-code{display:flex;gap:8px;align-items:center;justify-content:center}
.v2d .rc-code span{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.07);font-weight:800;letter-spacing:2px;direction:ltr}
.v2d .rc-cd{display:block;margin-top:10px;color:var(--mu);font-variant-numeric:tabular-nums}
.v2d .rc-packs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2d .rc-pk{padding:16px 10px;border-radius:18px;border:1px solid var(--bd);background:var(--card);text-align:center;transition:.2s;color:var(--tx)}
.v2d .rc-pk b{display:block;font-size:26px;font-weight:800}
.v2d .rc-pk small{color:var(--v2dac);font-weight:700}
.v2d .rc-pk[aria-pressed=true]{border-color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:0 0 24px -8px var(--v2dac);transform:translateY(-2px)}
.v2d .rc-sum{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);font-size:14px;color:var(--mu)}
.v2d .rc-sum b{color:var(--tx)}
.v2d .rc-sum .rc-big{color:var(--v2dac);font-size:22px;font-variant-numeric:tabular-nums}
.v2d .rc-cp,.v2d .rc-ref{display:flex;gap:8px;margin-top:12px}
.v2d .rc-cp .sbox,.v2d .rc-ref .sbox{flex:1;min-width:0}
.v2d .rc-msg{min-height:20px;margin-top:8px;font-size:13px;color:var(--mu)}
.v2d .rc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.v2d .rc-stats div{padding:12px 6px;border-radius:16px;background:rgba(255,255,255,.05);text-align:center}
.v2d .rc-stats b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.v2d .rc-stats small{color:var(--mu);font-size:12px}
.v2d .rc-calc{padding:14px;border-radius:18px;background:rgba(255,255,255,.04)}
.v2d .rc-row{display:flex;justify-content:space-between;font-size:13px;color:var(--mu);margin-top:4px}
.v2d .rc-row b{color:var(--tx)}
.v2d .rc-earn{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid var(--bd);color:var(--mu)}
.v2d .rc-earn b{font-size:26px;color:var(--v2dac);font-variant-numeric:tabular-nums}
.v2d .rc-note{display:block;margin-top:6px;color:var(--mu);font-size:11px}
.v2d .rc-toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%,10px);padding:10px 18px;border-radius:14px;background:#0a1620;border:1px solid var(--v2dac);font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:60}
.v2d .rc-toast.on{opacity:1;transform:translate(-50%,0)}
.v2d .rc a.v2dbtn{text-decoration:none}
.v2d .rc-big,.v2d #rc-pay,.v2d #rc-earn,.v2d .rc-stats b{direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .rc input[type=range]{width:100%;height:30px;display:block;-webkit-appearance:none;appearance:none;background:none;direction:ltr;margin:4px 0 8px}
.v2d .rc input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));opacity:.9}
.v2d .rc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(0,243,247,.3),0 4px 12px rgba(0,0,0,.5)}
.v2d .rc input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2))}
.v2d .rc input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff}
.v2d .i3{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(180deg,#232738,#1a1d2b);border:1.5px solid rgba(255,255,255,.1);box-shadow:none;transform:none}
.v2d .i3 svg{width:22px;height:22px;filter:none}
.v2d .medal{flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55)) drop-shadow(0 0 12px rgba(201,128,63,.35))}
.v2d .logo img{height:30px;display:block}
.v2d .sv-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:900px){.v2d .sv-grid{grid-template-columns:1.7fr 1fr;align-items:start}}
.v2d .sv-grid>*{min-width:0}
.v2d .sv-card{padding:18px}
.v2d .sv-search{position:relative;margin-bottom:12px}
.v2d .sv-search span{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:var(--v2dac);pointer-events:none}
.v2d .sv-search input{width:100%;height:50px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);padding:0 46px 0 14px;font-size:15px}
.v2d .sv-search input:focus,.v2d .sv-inp input:focus,.v2d .sv-num:focus{outline:2px solid var(--v2dac);outline-offset:1px}
.v2d .sv-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.v2d .sv-chip{flex:none;min-height:44px;padding:0 14px 0 12px;border-radius:30px;border:1px solid var(--bd);background:rgba(255,255,255,.04);display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--tx);transition:.2s}
.v2d .sv-chip[aria-selected=true]{border-color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:0 0 18px -6px var(--v2dac)}
.v2d .sv-inp input{direction:ltr;text-align:left}
.v2d .sv-inp input::placeholder{text-align:left}
.v2d .sv-ci{width:24px;height:24px;display:grid;place-items:center;flex:none}
.v2d .sv-ic{width:24px;height:24px;display:grid;place-items:center;flex:none}
.v2d .sv-ic svg{width:20px;height:20px}
.v2d .sv-ic:empty{display:none}
.v2d .sv-b{white-space:nowrap}
.v2d .sv-b svg{flex:none}
.v2d .sv-ch .v2dbtn{color:var(--tx)}
.v2d .sv-ci svg{width:20px;height:20px}
.v2d .sv-l{display:block;font-size:13px;color:var(--mu);margin:16px 0 8px}
.v2d .sv-dd{position:relative}
.v2d .sv-sel{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-size:14px;text-align:start;color:var(--tx);transition:.2s}
.v2d .sv-sel .sv-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2d .sv-dd.on .sv-sel{border-color:var(--v2dac);background:rgba(0,243,247,.06)}
.v2d .sv-list{display:none;margin-top:8px;max-height:320px;overflow-y:auto;border-radius:18px;border:1px solid var(--bd);background:#07121a;box-shadow:0 20px 44px rgba(0,0,0,.55)}
.v2d .sv-dd.on .sv-list{display:block;animation:v2dk-in .2s}
.v2d .sv-it{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 14px;border:0;border-bottom:1px solid var(--bd);background:none;text-align:start;font-size:13px;color:var(--tx)}
.v2d .sv-it:last-child{border-bottom:0}
.v2d .sv-it:hover{background:rgba(0,243,247,.08)}
.v2d .sv-nm{flex:1;min-width:0}
.v2d .sv-it small{color:var(--v2dac);font-weight:700;white-space:nowrap}
.v2d .sv-empty{padding:18px;text-align:center;color:var(--mu)}
.v2d .sv-info{display:none;margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(160deg,rgba(0,243,247,.08),rgba(255,255,255,.03));border:1px solid rgba(0,243,247,.25)}
.v2d .sv-info.on{display:block;animation:v2dk-in .3s}
.v2d .sv-ih{display:flex;align-items:center;gap:10px;font-size:14px}
.v2d .sv-bs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.v2d .sv-b{font-style:normal;font-size:11px;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;font-weight:700}
.v2d .sv-b.hot{background:rgba(255,140,60,.15);color:#ffb070}
.v2d .sv-b.gr{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .sv-b.fs{background:rgba(0,243,247,.12);color:var(--v2dac)}
.v2d .sv-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v2d .sv-st div{padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.05);text-align:center}
.v2d .sv-st small,.v2d .sv-two small{display:block;color:var(--mu);font-size:11px}
.v2d .sv-st b{font-size:15px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .sv-mt{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--mu)}
.v2d .sv-mt span{width:48px}
.v2d .sv-mt i{flex:1;height:7px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden}
.v2d .sv-mt u{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));box-shadow:0 0 10px rgba(0,243,247,.5);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.v2d .sv-inp{position:relative}
.v2d .sv-inp input,.v2d .sv-num{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);padding:0 14px;font-size:15px}
.v2d .sv-ok{position:absolute;inset-inline-start:14px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--v2dac) center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304121a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");transform:scale(0);transition:.25s}
.v2d .sv-ok.on{transform:scale(1)}
.v2d .sv-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v2d .sv-quick button{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-weight:700;font-size:13px;color:var(--tx)}
.v2d .sv-quick button:hover{border-color:var(--v2dac);color:var(--v2dac)}
.v2d .sv-mm{margin-top:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13px;color:var(--mu);display:inline-block}
.v2d .sv-mm.bad{color:#ff8a98;background:rgba(255,100,120,.1)}
.v2d .sv-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.v2d .sv-two>div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .sv-two b{display:block;font-size:15px;margin-top:2px}
.v2d .sv-cost{font-size:24px!important;color:var(--v2dac);font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.v2d .sv-cost.svp{animation:v2dk-svpop .45s}
@keyframes v2dk-svpop{40%{color:#fff;text-shadow:0 0 18px var(--v2dac)}}
.v2d .sv-go{width:100%;min-height:56px;margin-top:14px;font-size:16px}
.v2d .sv-side{display:grid;gap:12px}
.v2d .sv-why{padding:18px}
.v2d .sv-why h3{margin:0 0 12px;font-size:18px}
.v2d .sv-why ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v2d .sv-why li{display:flex;align-items:center;gap:12px;font-size:14px;color:#dbe7ee}
.v2d .sv-why li span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(0,243,247,.1);color:var(--v2dac);border:1px solid rgba(0,243,247,.25)}
.v2d .sv-ch{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2d .sv-ch .v2dbtn{min-height:50px;font-size:13px;text-decoration:none}
.v2d .sv-ch svg{width:22px;height:22px}
.v2d .sv-sh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .sv-shuf{min-height:42px;padding:0 14px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--v2dac);margin-top:14px}
.v2d .sv-shuf.spin span{animation:v2dk-svsp .6s}
@keyframes v2dk-svsp{to{transform:rotate(360deg)}}
.v2d .sv-sug{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.v2d .sv-sg{flex:none;width:200px;padding:14px;border-radius:20px;border:1px solid var(--bd);background:var(--card);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;color:var(--tx);transition:.2s}
.v2d .sv-sg:hover{border-color:var(--v2dac);transform:translateY(-3px);box-shadow:0 12px 30px -14px var(--v2dac)}
.v2d .sv-sn{font-weight:700;font-size:13px;line-height:1.5}
.v2d .sv-sp{font-size:12px;color:var(--mu)}
.v2d .sv-sa{margin-top:auto;font-size:12px;font-weight:800;color:var(--v2dac)}
@media(min-width:900px){.v2d .sv-sug{flex-wrap:wrap;overflow:visible}
.v2d .sv-sg{flex:1 1 200px}}
.v2d .dft{margin:34px 0 0;background:#08121a;border-top:1px solid rgba(0,243,247,.18);border-radius:26px 26px 0 0;padding:26px 16px 100px}
.v2d .dft-in{max-width:1100px;margin:auto}
.v2d .dft-r1{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2d .dft-r1 img{height:34px;display:block}
.v2d .dft-soc{display:flex;gap:10px}
.v2d .dft-soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#04050b;border:1px solid var(--bd)}
.v2d .dft-soc svg{width:22px;height:22px}
.v2d .dft-ln{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 4px;color:var(--mu);font-size:14px}
.v2d .dft-ln a{color:inherit;text-decoration:none}
.v2d .dft-ln a:hover{color:var(--v2dac)}
.v2d .dft-bt{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--bd);color:var(--mu);font-size:13px}
.v2d .dft-cr{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:40px;background:rgba(37,211,102,.08);border:1px solid rgba(61,220,151,.4);color:var(--tx);font-size:14px;text-decoration:none}
.v2d .dft-cr b{background:linear-gradient(100deg,#7ef3ff,#3ddc97);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2d .dft-cr svg{width:22px;height:22px}
@media(min-width:1024px){.v2d .dft{margin-right:292px;margin-left:0;padding-inline:28px}}
.v2d .sv-live{position:sticky;top:76px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:0 0 14px;border-radius:18px;background:#0a1a24;border:1px solid rgba(0,243,247,.35);box-shadow:0 10px 30px -14px rgba(0,243,247,.5)}
.v2d .sv-live small{display:block;color:var(--mu);font-size:11px}
.v2d .sv-live .sv-cost{font-size:26px!important;line-height:1.2;display:block}
.v2d .sv-lq{font-size:12px;color:var(--mu);text-align:end}
.v2d .sv-desc{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-height:54px}
.v2d .sv-desc p{margin:0;font-size:13px;line-height:1.9;color:#dbe7ee;white-space:pre-line}
.v2d .sv-desc.ph p{color:var(--mu)}
.v2d .sv-two{display:flex;flex-wrap:wrap;gap:10px;grid-template-columns:none}
.v2d .sv-two>div{flex:0 0 auto;min-width:128px;padding:9px 16px;border-radius:14px}
.v2d .sv-two b{font-size:14px;margin-top:1px}
.v2d .sv-two .sv-cost{font-size:20px!important;line-height:1.3}
.v2d .sv-cb{border-color:rgba(0,243,247,.35)!important;background:rgba(0,243,247,.06)!important}
.v2d .card,.v2d .sv-why,.v2d .sv-card{-webkit-backdrop-filter:none;backdrop-filter:none}
.v2d .sv-why{background:rgba(10,24,34,.92)}
.v2d .sin{scrollbar-width:none;-ms-overflow-style:none}
.v2d .sin::-webkit-scrollbar{display:none}
@media(min-width:1024px){.v2d .sin{padding-top:12px;padding-bottom:12px}
.v2d .prof{margin:10px 0 8px;padding:12px}
.v2d .prof .v2dbtn{margin-top:10px;min-height:42px}
.v2d .nav a{min-height:40px;margin-bottom:1px}
.v2d .nav a span{transform:scale(.95)}
.v2d .sin>a.v2dbtn{margin-top:8px!important;min-height:42px}}
@media(min-width:1024px) and (max-height:760px){.v2d .nav a{min-height:36px}
.v2d .prof{padding:10px}}
.v2d{overflow:visible}@supports (overflow:clip){.v2d{overflow-x:clip}}
/* ===== panel-generated parts (categories / services / fields / charge) ===== */
.v2d .sv-card form{margin:0}
.v2d .control-label{display:block;font-size:13px;color:var(--mu);margin:16px 0 8px;font-weight:400;max-width:none}
.v2d .form-group{margin:0}
.v2d .form-control{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);color:#fff;padding:0 14px;font-size:14px;box-shadow:none;font-weight:600}
.v2d .form-control:focus{outline:2px solid var(--ac);outline-offset:1px;border-color:var(--ac);box-shadow:none}
.v2d select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;color-scheme:dark}
.v2d select option{background:#07121a;color:#fff}
.v2d textarea.form-control{height:auto;min-height:110px;padding:12px 14px}
.v2d .help-block,.v2d #fields small,.v2d #fields .help-block{display:inline-block;margin-top:10px;padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13px;color:var(--mu)}
.v2d #service_description .panel-body{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);font-size:13px;line-height:1.9;color:#dbe7ee;white-space:pre-line;min-height:54px}
.v2d #service_description label{margin-top:16px}
.v2d .alert{border-radius:14px;font-size:13px;padding:12px 16px;margin:0 0 12px;border:1px solid}
.v2d .alert-danger{background:rgba(255,80,100,.12);border-color:rgba(255,80,100,.4);color:#ffb3bd}
.v2d .alert-success{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.4);color:#9ef0c8}
.v2d .alert .close{float:left;background:none;border:0;color:inherit;font-size:20px;line-height:1}
.v2d .alert h4{font-size:15px;margin:0 0 6px}
.v2d .terms{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tx);margin-top:14px}
.v2d .terms input{margin-top:3px;accent-color:var(--ac)}.v2d .terms a{color:var(--ac)}
.v2d .sv-two{align-items:stretch}
.v2d #v2-avg:empty{display:none}
.v2d #v2-avg{padding:0!important;border:0!important;background:none!important;min-width:0!important}
.v2d #v2-avg .form-group,.v2d #v2-avg>div{padding:9px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-width:128px}
.v2d #v2-avg label{font-size:11px;color:var(--mu);margin:0;display:block}
.v2d #v2-avg .form-control,.v2d #v2-avg .panel-body{height:auto;border:0;background:none;padding:0;font-size:14px;font-weight:700;min-height:0}
.v2d .sv-cb #charge{height:auto;border:0;background:none;padding:0;font-size:20px;line-height:1.3;font-weight:800;color:var(--ac);direction:ltr;text-align:start;font-variant-numeric:tabular-nums;width:100%;min-width:90px}
.v2d .sv-cb.svp{animation:v2dk-svpop .45s}
.v2d .sv-go{width:100%}
/* services dropdown (select2 / panel dropdown) — arrow removed, dark teal */
body.v2d-on .select2-container .select2-selection--single{height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);display:flex;align-items:center}
body.v2d-on .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;font-weight:700;font-size:14px;line-height:1.5;padding:0 14px;width:100%}
body.v2d-on .select2-selection__arrow,body.v2d-on .select2-container--default .select2-selection--single .select2-selection__arrow{display:none!important}
body.v2d-on .select2-dropdown,body.v2d-on .select2-results,body.v2d-on .select2-results__options{background:#07121a!important;border-color:rgba(255,255,255,.1)!important;border-radius:16px}
body.v2d-on .select2-search--dropdown .select2-search__field{background:#0b1c26!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px;height:44px;padding:0 12px}
body.v2d-on .y3-opt{border-bottom:1px solid rgba(255,255,255,.08)!important}
body.v2d-on .y3-opt:hover .y3-opt-row,body.v2d-on .select2-results__option--highlighted .y3-opt-row{background:rgba(0,243,247,.08)!important}
.v2d .sv-chip .y3-plat-ic,.v2d .sv-sg .y3-plat-ic{margin:0}
.v2d .sv-search{position:relative}
.v2d .sv-search .form-control{padding:0 46px 0 14px;height:50px}
.v2d .sv-search .sv-sbtn{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ac);padding:0}
.v2d #new-order-search .dropdown-menu,body.v2d-on #new-order-search .dropdown-menu{background:#07121a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px}
.v2d .bn a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mu);min-width:60px;min-height:48px;justify-content:center;text-decoration:none}
.v2d .bn a.cur{color:var(--ac)}
.v2d .acts a.act{text-decoration:none}
.v2d .pop a{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 4px;text-align:center;font-size:12.5px;font-weight:600;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 10px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2);color:var(--tx)}
.v2d .pop a:hover{transform:perspective(400px) translateY(-4px) rotateX(10deg)}
.v2d .pop a .ic{color:var(--ac)}.v2d .pop a.out .ic{color:#ff7b8a}.v2d .pop a.out{color:#ff7b8a}
.v2d .amt [data-m],.v2d .prof [data-m]{unicode-bidi:isolate;direction:ltr;display:inline-block}

/* gear icon + layout polish for the panel page */
.v2d #gear .ic{width:22px;height:22px}
.v2d .sv-two{margin-top:14px}
.v2d .sv-two>div{display:flex;flex-direction:column;justify-content:center}
.v2d .terms{margin-top:16px}
.v2d .sv-go{min-height:56px;margin-top:16px;font-size:16px}
.v2d .sv-why h3{margin:0 0 12px;font-size:18px}
.v2d .sv-price{padding:16px}

/* --- spacing + compact boxes + currency + avatar --- */
.v2d .sv-search{margin-bottom:0}
.v2d .sv-chips{margin-top:18px;padding-top:4px}
.v2d .sv-two{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.v2d .sv-two>div{flex:0 0 auto;width:auto;min-width:0;padding:8px 14px;border-radius:14px}
.v2d #v2-avg:empty{display:none}
.v2d #v2-avg>div,.v2d #v2-avg .form-group{padding:8px 14px;border-radius:14px;min-width:0;width:auto;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d #v2-avg label,.v2d .sv-cb small{font-size:11px;color:var(--mu);margin:0;display:block;white-space:nowrap}
.v2d #v2-avg .form-control,.v2d #v2-avg .panel-body{font-size:14px;font-weight:700;white-space:nowrap;min-height:0}
.v2d .sv-cb{min-width:118px}
.v2d .sv-cb #charge{font-size:19px;width:auto;min-width:72px}
/* avatar */
.v2d .av{position:relative;overflow:hidden}
.v2d .av img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.v2d .uav{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,var(--ac),var(--ac2));color:#04121a;font-weight:800;font-size:15px;overflow:hidden}
.v2d .uav img{width:100%;height:100%;object-fit:cover;display:block}

.v2d .sv-two{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:10px}
.v2d .sv-two>div,.v2d #v2-avg>div,.v2d #v2-avg .form-group{flex:0 1 auto}
.v2d #v2-avg{display:flex}
.v2d .sv-cb{align-self:stretch;display:flex;flex-direction:column;justify-content:center}

.v2d .sv-cb{min-width:0;max-width:170px}
.v2d .sv-cb #charge{min-width:0;width:100%}

/* ===================== PAGES: orders / addfunds / services ===================== */
.v2d .pghead{margin:6px 0 18px}
.v2d .pghead h1{font-size:clamp(24px,6vw,34px);margin:0 0 6px}
.v2d .pghead p{margin:0;color:var(--mu);font-size:14px;line-height:1.8}
.v2d .pghead a{color:var(--ac)}
.v2d .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v2d .empty{padding:38px 20px;text-align:center;display:grid;justify-items:center;gap:12px;color:var(--mu)}
.v2d .empty .ic{width:34px;height:34px;color:var(--ac)}
.v2d .empty b{color:var(--tx);font-size:16px}
.v2d .pgn{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:18px 0 4px}
.v2d .pgn a{min-width:42px;min-height:42px;display:grid;place-items:center;padding:0 10px;border-radius:12px;border:1px solid var(--bd);background:var(--card);font-size:14px;font-weight:700}
.v2d .pgn a.cur{background:var(--ac);color:#04121a;border-color:transparent}
.v2d .otop{display:grid;gap:12px;margin-bottom:16px}
.v2d .otop .sv-chips{margin:0;padding-bottom:6px}
.v2d .otop .sv-chip{text-decoration:none;min-height:42px;font-size:13px}
.v2d .dotc{width:9px;height:9px;border-radius:50%;flex:none;background:var(--mu)}
.v2d .dotc.ok{background:#3ddc97}.v2d .dotc.run{background:var(--ac)}.v2d .dotc.part{background:#ffb84d}
.v2d .dotc.bad{background:#ff7b8a}.v2d .dotc.proc{background:#8f9bff}.v2d .dotc.wait{background:#9aa4b5}
.v2d .osearch{position:relative;margin:0}
.v2d .osearch .form-control{padding:0 46px 0 14px;height:50px}
.v2d .ogrid{display:grid;gap:12px}
@media(min-width:760px){.v2d .ogrid{grid-template-columns:1fr 1fr}.v2d .otop{grid-template-columns:1fr 300px;align-items:center}}
@media(min-width:1280px){.v2d .ogrid{grid-template-columns:repeat(3,1fr)}}
.v2d .ocard{padding:16px;display:flex;flex-direction:column;gap:10px}
.v2d .ohead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .obadge{font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.07);color:var(--mu);display:inline-flex;align-items:center;gap:6px}
.v2d .st-ok .obadge{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .st-run .obadge{background:rgba(0,243,247,.12);color:var(--ac)}
.v2d .st-part .obadge{background:rgba(255,184,77,.14);color:#ffb84d}
.v2d .st-bad .obadge{background:rgba(255,123,138,.14);color:#ff7b8a}
.v2d .st-proc .obadge{background:rgba(143,155,255,.14);color:#8f9bff}
.v2d .ocr{font-style:normal;cursor:help;opacity:.8}
.v2d .oid{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--tx);font-weight:800;font-size:14px;padding:0;direction:ltr}
.v2d .oid .ic{width:15px;height:15px;color:var(--mu)}
.v2d .osvc{font-size:14px;line-height:1.7;font-weight:600;min-height:38px}
.v2d .olink{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .olt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#bcd3de;direction:ltr;text-align:left}
.v2d .ocp{background:none;border:0;padding:0;color:var(--ac)}.v2d .ocp .ic{width:16px;height:16px}
.v2d .odet{border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .odet summary{min-height:42px;display:flex;align-items:center;padding:0 12px;font-size:13px;cursor:pointer;list-style:none}
.v2d .odet summary::-webkit-details-marker{display:none}
.v2d .odrow{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;font-size:12px;border-top:1px solid var(--bd);color:var(--mu)}
.v2d .odrow b{color:var(--tx);word-break:break-all}
.v2d .ostats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v2d .ostats>div{padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.04)}
.v2d .ostats small{display:block;color:var(--mu);font-size:11px}
.v2d .ostats b{font-size:14px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .ocharge{color:var(--ac)}
.v2d .obar{display:flex;align-items:center;gap:10px}
.v2d .opct{font-size:11px;color:var(--mu);min-width:34px;direction:ltr}
.v2d .obar i{flex:1;height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}
.v2d .obar u{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--ac),var(--ac2));box-shadow:0 0 10px rgba(0,243,247,.45);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.v2d .obar.done u{background:linear-gradient(90deg,#3ddc97,#18b377);box-shadow:0 0 10px rgba(61,220,151,.45)}
.v2d .ofoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:4px}
.v2d .oacts{display:flex;gap:8px;flex-wrap:wrap}
.v2d .obtn{min-height:38px;padding:0 14px;font-size:13px;border-radius:12px;text-decoration:none}
.v2d .obtn .ic{width:16px;height:16px}
.v2d .obtn.off{opacity:.45;cursor:not-allowed}
.v2d .otag{font-size:12px;color:var(--mu);padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.05)}
.v2d .odate{font-size:11px;color:var(--mu);direction:ltr}
.v2d .afgrid{display:grid;gap:14px}
@media(min-width:900px){.v2d .afgrid{grid-template-columns:1.6fr 1fr;align-items:start}}
.v2d .afgrid>*{min-width:0}
.v2d .afmain{display:grid;gap:14px}
.v2d .afcard{padding:18px}
.v2d .affields>div+div{margin-top:12px}
.v2d .afquick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v2d .afquick button{min-height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-weight:700;font-size:14px;color:var(--tx);direction:ltr}
.v2d .afquick button.on,.v2d .afquick button:hover{border-color:var(--ac);color:var(--ac)}
.v2d .afinfo{padding:18px}
.v2d .afinfo h3{margin:0 0 12px;font-size:17px}
.v2d .afinfo-body{font-size:14px;line-height:2;color:#dbe7ee;word-break:break-word}
.v2d .afinfo-body img{max-width:100%;height:auto;border-radius:12px}
.v2d .afinfo-body table{width:100%;border-collapse:collapse}
.v2d .afinfo-body td,.v2d .afinfo-body th{padding:8px;border:1px solid var(--bd)}
.v2d .afinfo-body a{color:var(--ac)}
.v2d .afhist{padding:18px}
.v2d .afhist h3{margin:0 0 12px;font-size:17px}
.v2d .afhl{display:grid;gap:10px;max-height:560px;overflow:auto;scrollbar-width:none}
.v2d .afhl::-webkit-scrollbar{display:none}
.v2d .afrow{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);display:grid;gap:8px}
.v2d .afr1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .afamt{font-size:18px;font-weight:800;color:#3ddc97;direction:ltr}
.v2d .afmethod{font-size:12px;color:var(--mu);text-align:end}
.v2d .afr2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .afdate{font-size:11px;color:var(--mu);direction:ltr}
.v2d .afinv{font-size:12px;color:var(--ac)}
.v2d .svtop{display:grid;gap:10px;margin:14px 0}
@media(min-width:760px){.v2d .svtop{grid-template-columns:auto auto 1fr;align-items:center}}
.v2d .svsearch{position:relative;margin:0}
.v2d .svsearch .form-control{padding:0 46px 0 14px;height:50px}
.v2d .dropdown{position:relative}
.v2d .dropdown>.v2dbtn{min-height:50px;width:100%;justify-content:space-between;gap:10px;padding:0 16px;font-size:14px}
.v2d .dropdown .dropdown-menu{position:absolute;z-index:40;top:calc(100% + 6px);inset-inline-start:0;min-width:260px;max-height:340px;overflow:auto;margin:0;padding:0;list-style:none;border-radius:16px;background:#07121a;border:1px solid var(--bd);box-shadow:0 20px 44px rgba(0,0,0,.55);display:none}
.v2d .dropdown.open .dropdown-menu,.v2d .dropdown .dropdown-menu.show{display:block}
.v2d .dropdown .dropdown-item{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 14px;font-size:13px;border-bottom:1px solid var(--bd);color:var(--tx)}
.v2d .dropdown .dropdown-item:hover{background:rgba(0,243,247,.08)}
.v2d .cimg{max-width:22px;max-height:22px;border-radius:5px}
.v2d .svwrap{padding:0;overflow:hidden}
.v2d .svtable{width:100%;border-collapse:collapse;font-size:13px}
.v2d .svtable thead th{position:sticky;top:0;z-index:2;background:#0a1620;color:var(--mu);font-weight:600;font-size:12px;padding:12px 14px;text-align:start;border-bottom:1px solid var(--bd);white-space:nowrap}
.v2d .svtable td{padding:12px 14px;border-bottom:1px solid var(--bd);vertical-align:middle}
.v2d .svtable tbody tr:hover td{background:rgba(0,243,247,.05)}
.v2d .svhide{display:none!important}
.v2d .svcatrow td{padding:14px;background:rgba(0,243,247,.05)}
.v2d .svchip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:30px;background:rgba(0,243,247,.1);border:1px solid rgba(0,243,247,.3);font-size:14px}
.v2d .svid{color:var(--mu);direction:ltr;font-variant-numeric:tabular-nums}
.v2d .service-name{line-height:1.7;min-width:220px}
.v2d .svrate{color:var(--ac);font-weight:800;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.v2d .svmm,.v2d .svavg{color:var(--mu);direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.v2d .svact{white-space:nowrap}
.v2d .svact .v2dbtn{min-height:38px;padding:0 14px;font-size:13px;border-radius:12px;text-decoration:none}
.v2d .svact .ic{width:16px;height:16px}
.v2d .svdesc{margin-inline-start:6px}
.v2d .wfav{width:42px}.v2d .wid{width:72px}
.v2d .favorite-active{color:#ffc84d}
.v2d .svtext{padding:18px;margin-top:14px;line-height:2;font-size:14px;color:#dbe7ee}
@media(max-width:759px){
 .v2d .svtable,.v2d .svtable tbody,.v2d .svtable tr,.v2d .svtable td{display:block;width:auto}
 .v2d .svtable thead{display:none}
 .v2d .svtable tbody tr{padding:14px;border-bottom:1px solid var(--bd)}
 .v2d .svtable tbody tr.svcatrow{padding:12px 14px 4px}
 .v2d .svtable td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:12px}
 .v2d .svtable td::before{content:attr(data-label);color:var(--mu);font-size:12px}
 .v2d .service-name{min-width:0;font-weight:600}
 .v2d .svtable td.service-name::before{content:none}
 .v2d .svact{padding-top:10px!important}
 .v2d .svact::before{content:none}
 .v2d .wfav{position:absolute;inset-inline-end:14px}
 .v2d .svtable tbody tr{position:relative}
}
.v2d .ogrid{grid-template-columns:minmax(0,1fr)}
.v2d .ogrid>*{min-width:0}
.v2d .ocard>*{min-width:0}
@media(min-width:760px){.v2d .ogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1280px){.v2d .ogrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.v2d .svtable .service-name{width:40%}
.v2d .svtable .svact{text-align:end}
.v2d .svwrap{overflow-x:auto}
/* ===== Yalla3RB dashboard v2 — APPEND AT THE END OF style.css (after v2-append.css) ===== */
@property --v2da{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2d,.v2d *,.v2d *::before,.v2d *::after{box-sizing:border-box}
.v2d{font-size:16px;line-height:normal;text-align:right;isolation:isolate}
.v2d h1,.v2d h2,.v2d h3,.v2d h4{font-family:inherit;font-weight:700;line-height:normal;color:inherit;margin-top:0}
.v2d p{margin:1em 0}.v2d small{font-size:smaller}
.v2d a,.v2d a:hover,.v2d a:focus{color:inherit;text-decoration:none}
.v2d button,.v2d input{line-height:normal}
.v2d .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
body.v2d-on>.y3-top-header,body:has(.v2d)>.y3-top-header{display:none!important}
body.v2d-on{margin:0;background:#050c12;overflow-x:hidden}
@property --v2da{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2d{--bg:#050c12;--card:rgba(255,255,255,.045);--bd:rgba(255,255,255,.09);--tx:#f2f5fa;--mu:#9aa4b5;--v2dac:#00f3f7;--v2dac2:#0fb5d8;color-scheme:dark;box-sizing:border-box;}
.v2d *,.v2d *::before,.v2d *::after{box-sizing:inherit}
.v2d{margin:0;background:radial-gradient(700px 360px at 50% -60px,rgba(0,243,247,.17),transparent),var(--bg);color:var(--tx);font-family:Cairo,system-ui,sans-serif;min-height:100vh}
.v2d button,.v2d input{font-family:inherit;color:inherit}
.v2d button{cursor:pointer}
.v2d svg{display:block}
.v2d .neon{position:relative}
.v2d .neon::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--v2da),transparent 0 72%,var(--nc,rgba(0,243,247,.85)) 86%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:v2dk-spin 6s linear infinite}
@keyframes v2dk-spin{to{--v2da:360deg}}
@media(prefers-reduced-motion:reduce){.v2d .neon::before{animation:none}}
.v2d .card{background:var(--card);border:1px solid var(--bd);border-radius:22px;backdrop-filter:blur(8px)}
.v2d .v2dbtn{min-height:48px;padding:0 20px;border-radius:16px;border:1px solid var(--bd);background:var(--card);font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.v2d .v2dbtn.pri{background:var(--v2dac);color:#04121a;border-color:transparent;font-weight:800;--nc:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(0,243,247,.25)}
.v2d .ib{width:44px;height:44px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:grid;place-items:center;padding:0}
.v2d .top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(5,12,18,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.v2d .logo{font-weight:800;font-size:22px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.v2d .top>div{margin-inline-start:auto}
.v2d .pop{position:absolute;left:0;top:calc(100% + 8px);min-width:220px;padding:8px;border-radius:18px;background:#0a1620;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.6);display:none;z-index:40}
.v2d .pop.on{display:block;animation:v2dk-in .18s ease}
@keyframes v2dk-in{from{opacity:0;transform:translateY(-6px)}}
.v2d .pop button{width:100%;min-height:46px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;background:none;border-radius:12px;font-size:14px;text-align:start}
.v2d .pop button:hover{background:var(--card)}
.v2d .pop .out{color:#ff7b8a}
.v2d .side{position:fixed;top:0;bottom:0;right:0;width:292px;z-index:30;background:linear-gradient(180deg,#0a1620,#06101a);border-left:1px solid var(--bd);padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;transform:translateX(105%);transition:transform .3s;overflow-y:auto}
.v2d .side.on{transform:none}
.v2d .scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:25;display:none}
.v2d .scrim.on{display:block}
.v2d .prof{padding:16px;margin:16px 0 12px;background:linear-gradient(135deg,rgba(0,243,247,.12),rgba(15,181,216,.12))}
.v2d .av{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--v2dac),var(--v2dac2));display:grid;place-items:center;font-weight:800;color:#04121a}
.v2d .nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:14px;color:var(--mu);text-decoration:none;font-size:14px;margin-bottom:2px;transition:.2s}
.v2d .nav a:hover{background:var(--card);color:var(--tx)}
.v2d .nav a.cur{color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:inset -3px 0 0 var(--v2dac)}
.v2d main{padding:20px 16px 110px;max-width:1100px;margin-inline:auto}
.v2d .grid2{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.v2d .bal{padding:16px;border-radius:26px;background:linear-gradient(135deg,rgba(0,243,247,.2),rgba(15,181,216,.18) 55%,rgba(255,255,255,.03)),#0c0f20;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)}
.v2d .bal::after{content:"";position:absolute;width:220px;height:220px;left:-60px;top:-90px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.v2d .lbl{color:var(--mu);font-size:14px;display:flex;align-items:center;justify-content:space-between}
.v2d .amt{font-size:clamp(28px,7vw,42px);font-weight:800;line-height:1.2;letter-spacing:.5px;display:flex;align-items:baseline;gap:5px;margin:2px 0 10px}
.v2d .cur{font-size:.5em;background:linear-gradient(145deg,#7ef3ff,var(--v2dac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.v2d .acts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.v2d .act{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;min-height:84px;font-size:13px;font-weight:600;border-radius:18px;text-decoration:none;color:var(--tx);background:var(--card);border:1px solid var(--bd)}
.v2d .act svg{color:var(--v2dac)}
.v2d h2{font-size:18px;margin:26px 0 12px}
.v2d .cats{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.v2d .cat{flex:none;min-height:56px;padding:6px 16px 6px 12px;border-radius:18px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--bd);font-weight:600;font-size:14px;transition:.2s}
.v2d .cat[aria-expanded=true]{background:rgba(0,243,247,.1);border-color:rgba(0,243,247,.5)}
.v2d .i3{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:inset 0 2px 3px rgba(255,255,255,.55),inset 0 -5px 7px rgba(0,0,0,.35),0 8px 14px rgba(0,0,0,.5);transform:perspective(200px) rotateX(10deg)}
.v2d .i3 svg{width:22px;height:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.v2d .panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}
.v2d .panel.on{grid-template-rows:1fr}
.v2d .panel>div{overflow:hidden}
.v2d .svc{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin-top:8px;border-radius:16px;border:1px solid var(--bd);background:var(--card);text-align:start;font-size:14px}
.v2d .svc small{color:var(--mu);display:block;font-size:12px}
.v2d .svc.sel{border-color:var(--v2dac);background:rgba(0,243,247,.09)}
.v2d .price{color:var(--v2dac);font-weight:800;white-space:nowrap}
.v2d .order{padding:20px;margin-top:14px;display:grid;gap:12px}
.v2d .order label{font-size:13px;color:var(--mu)}
.v2d .order input{width:100%;height:52px;margin-top:6px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.05);padding:0 14px;font-size:15px}
.v2d .order input:focus{outline:2px solid var(--v2dac);outline-offset:1px}
.v2d .tot{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04)}
.v2d .bn{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:16px;right:16px;height:64px;border-radius:24px;background:rgba(10,22,32,.94);border:1px solid var(--bd);display:flex;justify-content:space-around;align-items:center;z-index:15;backdrop-filter:blur(12px)}
.v2d .bn button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mu);min-width:60px;min-height:48px;justify-content:center}
.v2d .bn .on{color:var(--v2dac)}
@media(min-width:700px){.v2d .grid2{grid-template-columns:1fr 1.4fr}
.v2d .cats{flex-wrap:wrap;overflow:visible}}
@media(min-width:1024px){.v2d .side{transform:none}
.v2d .top,.v2d main{margin-right:292px}
.v2d .mb,.v2d .scrim,.v2d .bn,.v2d .close{display:none!important}
.v2d .top{padding-inline:28px}
.v2d main{padding:28px}}
.v2d .bal .v2dbtn{min-height:44px;width:100%;padding:0 12px}
.v2d .trk{height:8px;border-radius:8px;background:rgba(255,255,255,.08);margin:8px 0 6px;overflow:hidden}
.v2d .trk i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));box-shadow:0 0 12px rgba(0,243,247,.6);position:relative;overflow:hidden}
.v2d .trk i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:v2dk-sh 2.4s infinite}
@keyframes v2dk-sh{to{transform:translateX(100%)}}
.v2d .live{font-size:11px;color:#3ddc97;display:flex;align-items:center;gap:5px}
.v2d .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc97;animation:v2dk-bl 1.4s infinite}
@keyframes v2dk-bl{50%{opacity:.25}}
.v2d .pu{transform-box:fill-box;transform-origin:center;animation:v2dk-pu 1.2s ease-out infinite}
@keyframes v2dk-pu{to{transform:scale(2.6);opacity:0}}
.v2d .sbox{width:100%;height:50px;border-radius:16px;border:1px solid var(--bd);background:var(--card);padding:0 16px;font-size:15px}
.v2d .sbox:focus{outline:2px solid var(--v2dac)}
.v2d .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v2d .card+.card,.v2d section.card{margin-bottom:0}
.v2d .side{overflow:visible;padding:0;border-radius:26px 0 0 26px}
.v2d .sin{height:100%;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;border-radius:inherit}
.v2d .nav a::before{opacity:0;transition:opacity .3s}
.v2d .nav a:hover::before,.v2d .nav a.cur::before{opacity:1}
.v2d .nav a span{display:inline-grid;transition:transform .3s}
.v2d .nav a:hover span{animation:v2dk-wob .6s}
@keyframes v2dk-wob{30%{transform:rotate(-16deg) scale(1.2)}65%{transform:rotate(10deg) scale(1.1)}}
.v2d .side.on .nav a span{animation:v2dk-sp .7s cubic-bezier(.2,.8,.3,1.2) both}
.v2d .nav a:nth-child(2) span{animation-delay:.05s!important}
.v2d .nav a:nth-child(3) span{animation-delay:.1s!important}
.v2d .nav a:nth-child(4) span{animation-delay:.15s!important}
.v2d .nav a:nth-child(5) span{animation-delay:.2s!important}
.v2d .nav a:nth-child(6) span{animation-delay:.25s!important}
.v2d .nav a:nth-child(n+7) span{animation-delay:.3s!important}
@keyframes v2dk-sp{from{transform:rotate(-180deg) scale(.4);opacity:0}}
.v2d #menuBtn svg,.v2d #gear svg{transition:transform .45s}
.v2d #menuBtn.open svg{transform:rotate(90deg)}
.v2d #gear:hover svg,.v2d #gear[aria-expanded=true] svg{transform:rotate(90deg)}
.v2d .ords{display:grid;gap:10px}
.v2d .ord{padding:14px 16px}
.v2d .ord small{color:var(--mu);font-size:12px}
.v2d .oh{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.v2d .tag{font-size:12px;padding:3px 10px;border-radius:20px;white-space:nowrap}
.v2d .run{background:rgba(0,243,247,.14);color:var(--v2dac)}
.v2d .ok{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .part{background:rgba(255,184,77,.14);color:#ffb84d}
.v2d .hots{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.v2d .hot{flex:none;width:150px;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--bd);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;font-size:14px;font-weight:600}
.v2d .hot small{color:var(--mu);font-weight:400;font-size:12px}
@media(min-width:700px){.v2d .ords{grid-template-columns:repeat(3,1fr)}
.v2d .hots{flex-wrap:wrap;overflow:visible}}
.v2d .faqs{display:grid;gap:10px}
.v2d .faq summary{min-height:52px;display:flex;align-items:center;padding:0 16px;cursor:pointer;font-weight:600;font-size:14px;list-style:none}
.v2d .faq summary::-webkit-details-marker{display:none}
.v2d .faq summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-inline-end:2px solid var(--v2dac);border-bottom:2px solid var(--v2dac);transform:rotate(45deg);transition:transform .3s}
.v2d .faq[open] summary::after{transform:rotate(-135deg)}
.v2d .faq p{margin:0;padding:0 16px 16px;color:var(--mu);font-size:14px;line-height:1.8}
.v2d .pop{min-width:300px;padding:12px;gap:10px;grid-template-columns:repeat(3,1fr);transform-origin:top left;border-radius:22px;background:linear-gradient(160deg,#171a30,#0c0e1c);box-shadow:0 24px 50px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.14)}
.v2d .pop.on{display:grid;animation:v2dk-pin .35s cubic-bezier(.2,.8,.3,1.2)}
@keyframes v2dk-pin{from{opacity:0;transform:perspective(600px) rotateX(-28deg) scale(.88)}}
.v2d .pop button{flex-direction:column;justify-content:center;gap:8px;min-height:96px;padding:12px 4px;text-align:center;font-size:12.5px;font-weight:600;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 10px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .25s}
.v2d .pop button:hover,.v2d .pop button:focus-visible{transform:perspective(400px) translateY(-4px) rotateX(10deg)}
.v2d .lbl2{font-size:14px;color:var(--mu);margin:16px 0 8px}
.v2d .selbox{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:16px;background:rgba(10,12,24,.9);border:1px solid rgba(0,243,247,.5);font-size:14px;text-align:start}
.v2d .selbox::after{content:"";width:8px;height:8px;border-inline-end:2px solid var(--v2dac);border-bottom:2px solid var(--v2dac);transform:rotate(45deg);transition:transform .3s}
.v2d .selbox[aria-expanded=true]::after{transform:rotate(-135deg)}
.v2d .i3.sm{width:30px;height:30px;border-radius:10px;flex:none}
.v2d .i3.sm svg{width:16px;height:16px}
.v2d .dd{margin-top:8px;border-radius:18px;border:1px solid var(--bd);background:rgba(10,12,24,.95);max-height:340px;overflow-y:auto;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.v2d .row{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 14px;border:0;border-bottom:1px solid var(--bd);background:none;text-align:start;font-size:14px}
.v2d .row:last-child{border-bottom:0}
.v2d .row:hover,.v2d .row.sel{background:rgba(0,243,247,.09)}
.v2d .rn{flex:1}
.v2d .rc{padding:16px}
.v2d .rc-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:rgba(255,255,255,.05);margin-bottom:16px}
.v2d .rc-tabs button{min-height:44px;border:0;border-radius:12px;background:none;font-weight:700;font-size:13px;color:var(--mu);transition:.2s}
.v2d .rc-tabs button[aria-selected=true]{background:var(--v2dac);color:#04121a}
.v2d .rc-p{display:none}
.v2d .rc-p.on{display:block;animation:v2dk-in .3s}
.v2d .rc-hint{margin:0 0 12px;color:var(--mu);font-size:13px;text-align:center}
.v2d .rc-wheel{position:relative;width:min(270px,100%);margin:8px auto 14px}
.v2d .rc-wheel svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 0 22px rgba(0,243,247,.25))}
.v2d #rc-wh{transform-origin:110px 110px;transition:transform 4.4s cubic-bezier(.12,.7,.1,1)}
.v2d .rc-ptr{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-inline:11px solid transparent;border-top:20px solid var(--v2dac);filter:drop-shadow(0 0 8px var(--v2dac));z-index:3}
.v2d .rc-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:4px solid #06101a;background:var(--v2dac);color:#04121a;font-weight:800;font-size:18px;box-shadow:0 0 26px rgba(0,243,247,.55);z-index:2}
.v2d .rc-hub:disabled{filter:grayscale(.5);opacity:.85;cursor:not-allowed}
.v2d .rc-conf{position:absolute;left:50%;top:50%;width:0;height:0;z-index:4}
.v2d .rc-res{display:none;margin-top:6px;padding:14px;border-radius:18px;border:1px dashed rgba(0,243,247,.55);background:rgba(0,243,247,.07);text-align:center}
.v2d .rc-res.on{display:block;animation:v2dk-in .4s}
.v2d .rc-res b{display:block;font-size:24px;margin:2px 0 10px;color:var(--v2dac)}
.v2d .rc-code{display:flex;gap:8px;align-items:center;justify-content:center}
.v2d .rc-code span{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.07);font-weight:800;letter-spacing:2px;direction:ltr}
.v2d .rc-cd{display:block;margin-top:10px;color:var(--mu);font-variant-numeric:tabular-nums}
.v2d .rc-packs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2d .rc-pk{padding:16px 10px;border-radius:18px;border:1px solid var(--bd);background:var(--card);text-align:center;transition:.2s;color:var(--tx)}
.v2d .rc-pk b{display:block;font-size:26px;font-weight:800}
.v2d .rc-pk small{color:var(--v2dac);font-weight:700}
.v2d .rc-pk[aria-pressed=true]{border-color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:0 0 24px -8px var(--v2dac);transform:translateY(-2px)}
.v2d .rc-sum{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);font-size:14px;color:var(--mu)}
.v2d .rc-sum b{color:var(--tx)}
.v2d .rc-sum .rc-big{color:var(--v2dac);font-size:22px;font-variant-numeric:tabular-nums}
.v2d .rc-cp,.v2d .rc-ref{display:flex;gap:8px;margin-top:12px}
.v2d .rc-cp .sbox,.v2d .rc-ref .sbox{flex:1;min-width:0}
.v2d .rc-msg{min-height:20px;margin-top:8px;font-size:13px;color:var(--mu)}
.v2d .rc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.v2d .rc-stats div{padding:12px 6px;border-radius:16px;background:rgba(255,255,255,.05);text-align:center}
.v2d .rc-stats b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.v2d .rc-stats small{color:var(--mu);font-size:12px}
.v2d .rc-calc{padding:14px;border-radius:18px;background:rgba(255,255,255,.04)}
.v2d .rc-row{display:flex;justify-content:space-between;font-size:13px;color:var(--mu);margin-top:4px}
.v2d .rc-row b{color:var(--tx)}
.v2d .rc-earn{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid var(--bd);color:var(--mu)}
.v2d .rc-earn b{font-size:26px;color:var(--v2dac);font-variant-numeric:tabular-nums}
.v2d .rc-note{display:block;margin-top:6px;color:var(--mu);font-size:11px}
.v2d .rc-toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%,10px);padding:10px 18px;border-radius:14px;background:#0a1620;border:1px solid var(--v2dac);font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:60}
.v2d .rc-toast.on{opacity:1;transform:translate(-50%,0)}
.v2d .rc a.v2dbtn{text-decoration:none}
.v2d .rc-big,.v2d #rc-pay,.v2d #rc-earn,.v2d .rc-stats b{direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .rc input[type=range]{width:100%;height:30px;display:block;-webkit-appearance:none;appearance:none;background:none;direction:ltr;margin:4px 0 8px}
.v2d .rc input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));opacity:.9}
.v2d .rc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(0,243,247,.3),0 4px 12px rgba(0,0,0,.5)}
.v2d .rc input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2))}
.v2d .rc input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff}
.v2d .i3{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(180deg,#232738,#1a1d2b);border:1.5px solid rgba(255,255,255,.1);box-shadow:none;transform:none}
.v2d .i3 svg{width:22px;height:22px;filter:none}
.v2d .medal{flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55)) drop-shadow(0 0 12px rgba(201,128,63,.35))}
.v2d .logo img{height:30px;display:block}
.v2d .sv-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:900px){.v2d .sv-grid{grid-template-columns:1.7fr 1fr;align-items:start}}
.v2d .sv-grid>*{min-width:0}
.v2d .sv-card{padding:18px}
.v2d .sv-search{position:relative;margin-bottom:12px}
.v2d .sv-search span{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:var(--v2dac);pointer-events:none}
.v2d .sv-search input{width:100%;height:50px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);padding:0 46px 0 14px;font-size:15px}
.v2d .sv-search input:focus,.v2d .sv-inp input:focus,.v2d .sv-num:focus{outline:2px solid var(--v2dac);outline-offset:1px}
.v2d .sv-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.v2d .sv-chip{flex:none;min-height:44px;padding:0 14px 0 12px;border-radius:30px;border:1px solid var(--bd);background:rgba(255,255,255,.04);display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--tx);transition:.2s}
.v2d .sv-chip[aria-selected=true]{border-color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:0 0 18px -6px var(--v2dac)}
.v2d .sv-inp input{direction:ltr;text-align:left}
.v2d .sv-inp input::placeholder{text-align:left}
.v2d .sv-ci{width:24px;height:24px;display:grid;place-items:center;flex:none}
.v2d .sv-ic{width:24px;height:24px;display:grid;place-items:center;flex:none}
.v2d .sv-ic svg{width:20px;height:20px}
.v2d .sv-ic:empty{display:none}
.v2d .sv-b{white-space:nowrap}
.v2d .sv-b svg{flex:none}
.v2d .sv-ch .v2dbtn{color:var(--tx)}
.v2d .sv-ci svg{width:20px;height:20px}
.v2d .sv-l{display:block;font-size:13px;color:var(--mu);margin:16px 0 8px}
.v2d .sv-dd{position:relative}
.v2d .sv-sel{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-size:14px;text-align:start;color:var(--tx);transition:.2s}
.v2d .sv-sel .sv-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2d .sv-dd.on .sv-sel{border-color:var(--v2dac);background:rgba(0,243,247,.06)}
.v2d .sv-list{display:none;margin-top:8px;max-height:320px;overflow-y:auto;border-radius:18px;border:1px solid var(--bd);background:#07121a;box-shadow:0 20px 44px rgba(0,0,0,.55)}
.v2d .sv-dd.on .sv-list{display:block;animation:v2dk-in .2s}
.v2d .sv-it{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 14px;border:0;border-bottom:1px solid var(--bd);background:none;text-align:start;font-size:13px;color:var(--tx)}
.v2d .sv-it:last-child{border-bottom:0}
.v2d .sv-it:hover{background:rgba(0,243,247,.08)}
.v2d .sv-nm{flex:1;min-width:0}
.v2d .sv-it small{color:var(--v2dac);font-weight:700;white-space:nowrap}
.v2d .sv-empty{padding:18px;text-align:center;color:var(--mu)}
.v2d .sv-info{display:none;margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(160deg,rgba(0,243,247,.08),rgba(255,255,255,.03));border:1px solid rgba(0,243,247,.25)}
.v2d .sv-info.on{display:block;animation:v2dk-in .3s}
.v2d .sv-ih{display:flex;align-items:center;gap:10px;font-size:14px}
.v2d .sv-bs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.v2d .sv-b{font-style:normal;font-size:11px;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;font-weight:700}
.v2d .sv-b.hot{background:rgba(255,140,60,.15);color:#ffb070}
.v2d .sv-b.gr{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .sv-b.fs{background:rgba(0,243,247,.12);color:var(--v2dac)}
.v2d .sv-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v2d .sv-st div{padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.05);text-align:center}
.v2d .sv-st small,.v2d .sv-two small{display:block;color:var(--mu);font-size:11px}
.v2d .sv-st b{font-size:15px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .sv-mt{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--mu)}
.v2d .sv-mt span{width:48px}
.v2d .sv-mt i{flex:1;height:7px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden}
.v2d .sv-mt u{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));box-shadow:0 0 10px rgba(0,243,247,.5);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.v2d .sv-inp{position:relative}
.v2d .sv-inp input,.v2d .sv-num{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);padding:0 14px;font-size:15px}
.v2d .sv-ok{position:absolute;inset-inline-start:14px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--v2dac) center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304121a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");transform:scale(0);transition:.25s}
.v2d .sv-ok.on{transform:scale(1)}
.v2d .sv-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v2d .sv-quick button{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-weight:700;font-size:13px;color:var(--tx)}
.v2d .sv-quick button:hover{border-color:var(--v2dac);color:var(--v2dac)}
.v2d .sv-mm{margin-top:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13px;color:var(--mu);display:inline-block}
.v2d .sv-mm.bad{color:#ff8a98;background:rgba(255,100,120,.1)}
.v2d .sv-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.v2d .sv-two>div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .sv-two b{display:block;font-size:15px;margin-top:2px}
.v2d .sv-cost{font-size:24px!important;color:var(--v2dac);font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.v2d .sv-cost.svp{animation:v2dk-svpop .45s}
@keyframes v2dk-svpop{40%{color:#fff;text-shadow:0 0 18px var(--v2dac)}}
.v2d .sv-go{width:100%;min-height:56px;margin-top:14px;font-size:16px}
.v2d .sv-side{display:grid;gap:12px}
.v2d .sv-why{padding:18px}
.v2d .sv-why h3{margin:0 0 12px;font-size:18px}
.v2d .sv-why ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v2d .sv-why li{display:flex;align-items:center;gap:12px;font-size:14px;color:#dbe7ee}
.v2d .sv-why li span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(0,243,247,.1);color:var(--v2dac);border:1px solid rgba(0,243,247,.25)}
.v2d .sv-ch{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2d .sv-ch .v2dbtn{min-height:50px;font-size:13px;text-decoration:none}
.v2d .sv-ch svg{width:22px;height:22px}
.v2d .sv-sh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .sv-shuf{min-height:42px;padding:0 14px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--v2dac);margin-top:14px}
.v2d .sv-shuf.spin span{animation:v2dk-svsp .6s}
@keyframes v2dk-svsp{to{transform:rotate(360deg)}}
.v2d .sv-sug{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.v2d .sv-sg{flex:none;width:200px;padding:14px;border-radius:20px;border:1px solid var(--bd);background:var(--card);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;color:var(--tx);transition:.2s}
.v2d .sv-sg:hover{border-color:var(--v2dac);transform:translateY(-3px);box-shadow:0 12px 30px -14px var(--v2dac)}
.v2d .sv-sn{font-weight:700;font-size:13px;line-height:1.5}
.v2d .sv-sp{font-size:12px;color:var(--mu)}
.v2d .sv-sa{margin-top:auto;font-size:12px;font-weight:800;color:var(--v2dac)}
@media(min-width:900px){.v2d .sv-sug{flex-wrap:wrap;overflow:visible}
.v2d .sv-sg{flex:1 1 200px}}
.v2d .dft{margin:34px 0 0;background:#08121a;border-top:1px solid rgba(0,243,247,.18);border-radius:26px 26px 0 0;padding:26px 16px 100px}
.v2d .dft-in{max-width:1100px;margin:auto}
.v2d .dft-r1{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2d .dft-r1 img{height:34px;display:block}
.v2d .dft-soc{display:flex;gap:10px}
.v2d .dft-soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#04050b;border:1px solid var(--bd)}
.v2d .dft-soc svg{width:22px;height:22px}
.v2d .dft-ln{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 4px;color:var(--mu);font-size:14px}
.v2d .dft-ln a{color:inherit;text-decoration:none}
.v2d .dft-ln a:hover{color:var(--v2dac)}
.v2d .dft-bt{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--bd);color:var(--mu);font-size:13px}
.v2d .dft-cr{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:40px;background:rgba(37,211,102,.08);border:1px solid rgba(61,220,151,.4);color:var(--tx);font-size:14px;text-decoration:none}
.v2d .dft-cr b{background:linear-gradient(100deg,#7ef3ff,#3ddc97);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2d .dft-cr svg{width:22px;height:22px}
@media(min-width:1024px){.v2d .dft{margin-right:292px;margin-left:0;padding-inline:28px}}
.v2d .sv-live{position:sticky;top:76px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:0 0 14px;border-radius:18px;background:#0a1a24;border:1px solid rgba(0,243,247,.35);box-shadow:0 10px 30px -14px rgba(0,243,247,.5)}
.v2d .sv-live small{display:block;color:var(--mu);font-size:11px}
.v2d .sv-live .sv-cost{font-size:26px!important;line-height:1.2;display:block}
.v2d .sv-lq{font-size:12px;color:var(--mu);text-align:end}
.v2d .sv-desc{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-height:54px}
.v2d .sv-desc p{margin:0;font-size:13px;line-height:1.9;color:#dbe7ee;white-space:pre-line}
.v2d .sv-desc.ph p{color:var(--mu)}
.v2d .sv-two{display:flex;flex-wrap:wrap;gap:10px;grid-template-columns:none}
.v2d .sv-two>div{flex:0 0 auto;min-width:128px;padding:9px 16px;border-radius:14px}
.v2d .sv-two b{font-size:14px;margin-top:1px}
.v2d .sv-two .sv-cost{font-size:20px!important;line-height:1.3}
.v2d .sv-cb{border-color:rgba(0,243,247,.35)!important;background:rgba(0,243,247,.06)!important}
.v2d .card,.v2d .sv-why,.v2d .sv-card{-webkit-backdrop-filter:none;backdrop-filter:none}
.v2d .sv-why{background:rgba(10,24,34,.92)}
.v2d .sin{scrollbar-width:none;-ms-overflow-style:none}
.v2d .sin::-webkit-scrollbar{display:none}
@media(min-width:1024px){.v2d .sin{padding-top:12px;padding-bottom:12px}
.v2d .prof{margin:10px 0 8px;padding:12px}
.v2d .prof .v2dbtn{margin-top:10px;min-height:42px}
.v2d .nav a{min-height:40px;margin-bottom:1px}
.v2d .nav a span{transform:scale(.95)}
.v2d .sin>a.v2dbtn{margin-top:8px!important;min-height:42px}}
@media(min-width:1024px) and (max-height:760px){.v2d .nav a{min-height:36px}
.v2d .prof{padding:10px}}
.v2d{overflow:visible}@supports (overflow:clip){.v2d{overflow-x:clip}}
/* ===== panel-generated parts (categories / services / fields / charge) ===== */
.v2d .sv-card form{margin:0}
.v2d .control-label{display:block;font-size:13px;color:var(--mu);margin:16px 0 8px;font-weight:400;max-width:none}
.v2d .form-group{margin:0}
.v2d .form-control{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);color:#fff;padding:0 14px;font-size:14px;box-shadow:none;font-weight:600}
.v2d .form-control:focus{outline:2px solid var(--ac);outline-offset:1px;border-color:var(--ac);box-shadow:none}
.v2d select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;color-scheme:dark}
.v2d select option{background:#07121a;color:#fff}
.v2d textarea.form-control{height:auto;min-height:110px;padding:12px 14px}
.v2d .help-block,.v2d #fields small,.v2d #fields .help-block{display:inline-block;margin-top:10px;padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13px;color:var(--mu)}
.v2d #service_description .panel-body{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);font-size:13px;line-height:1.9;color:#dbe7ee;white-space:pre-line;min-height:54px}
.v2d #service_description label{margin-top:16px}
.v2d .alert{border-radius:14px;font-size:13px;padding:12px 16px;margin:0 0 12px;border:1px solid}
.v2d .alert-danger{background:rgba(255,80,100,.12);border-color:rgba(255,80,100,.4);color:#ffb3bd}
.v2d .alert-success{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.4);color:#9ef0c8}
.v2d .alert .close{float:left;background:none;border:0;color:inherit;font-size:20px;line-height:1}
.v2d .alert h4{font-size:15px;margin:0 0 6px}
.v2d .terms{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tx);margin-top:14px}
.v2d .terms input{margin-top:3px;accent-color:var(--ac)}.v2d .terms a{color:var(--ac)}
.v2d .sv-two{align-items:stretch}
.v2d #v2-avg:empty{display:none}
.v2d #v2-avg{padding:0!important;border:0!important;background:none!important;min-width:0!important}
.v2d #v2-avg .form-group,.v2d #v2-avg>div{padding:9px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-width:128px}
.v2d #v2-avg label{font-size:11px;color:var(--mu);margin:0;display:block}
.v2d #v2-avg .form-control,.v2d #v2-avg .panel-body{height:auto;border:0;background:none;padding:0;font-size:14px;font-weight:700;min-height:0}
.v2d .sv-cb #charge{height:auto;border:0;background:none;padding:0;font-size:20px;line-height:1.3;font-weight:800;color:var(--ac);direction:ltr;text-align:start;font-variant-numeric:tabular-nums;width:100%;min-width:90px}
.v2d .sv-cb.svp{animation:v2dk-svpop .45s}
.v2d .sv-go{width:100%}
/* services dropdown (select2 / panel dropdown) — arrow removed, dark teal */
body.v2d-on .select2-container .select2-selection--single{height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);display:flex;align-items:center}
body.v2d-on .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;font-weight:700;font-size:14px;line-height:1.5;padding:0 14px;width:100%}
body.v2d-on .select2-selection__arrow,body.v2d-on .select2-container--default .select2-selection--single .select2-selection__arrow{display:none!important}
body.v2d-on .select2-dropdown,body.v2d-on .select2-results,body.v2d-on .select2-results__options{background:#07121a!important;border-color:rgba(255,255,255,.1)!important;border-radius:16px}
body.v2d-on .select2-search--dropdown .select2-search__field{background:#0b1c26!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px;height:44px;padding:0 12px}
body.v2d-on .y3-opt{border-bottom:1px solid rgba(255,255,255,.08)!important}
body.v2d-on .y3-opt:hover .y3-opt-row,body.v2d-on .select2-results__option--highlighted .y3-opt-row{background:rgba(0,243,247,.08)!important}
.v2d .sv-chip .y3-plat-ic,.v2d .sv-sg .y3-plat-ic{margin:0}
.v2d .sv-search{position:relative}
.v2d .sv-search .form-control{padding:0 46px 0 14px;height:50px}
.v2d .sv-search .sv-sbtn{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ac);padding:0}
.v2d #new-order-search .dropdown-menu,body.v2d-on #new-order-search .dropdown-menu{background:#07121a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px}
.v2d .bn a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mu);min-width:60px;min-height:48px;justify-content:center;text-decoration:none}
.v2d .bn a.cur{color:var(--ac)}
.v2d .acts a.act{text-decoration:none}
.v2d .pop a{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 4px;text-align:center;font-size:12.5px;font-weight:600;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 10px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2);color:var(--tx)}
.v2d .pop a:hover{transform:perspective(400px) translateY(-4px) rotateX(10deg)}
.v2d .pop a .ic{color:var(--ac)}.v2d .pop a.out .ic{color:#ff7b8a}.v2d .pop a.out{color:#ff7b8a}
.v2d .amt [data-m],.v2d .prof [data-m]{unicode-bidi:isolate;direction:ltr;display:inline-block}

/* gear icon + layout polish for the panel page */
.v2d #gear .ic{width:22px;height:22px}
.v2d .sv-two{margin-top:14px}
.v2d .sv-two>div{display:flex;flex-direction:column;justify-content:center}
.v2d .terms{margin-top:16px}
.v2d .sv-go{min-height:56px;margin-top:16px;font-size:16px}
.v2d .sv-why h3{margin:0 0 12px;font-size:18px}
.v2d .sv-price{padding:16px}

/* --- spacing + compact boxes + currency + avatar --- */
.v2d .sv-search{margin-bottom:0}
.v2d .sv-chips{margin-top:18px;padding-top:4px}
.v2d .sv-two{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.v2d .sv-two>div{flex:0 0 auto;width:auto;min-width:0;padding:8px 14px;border-radius:14px}
.v2d #v2-avg:empty{display:none}
.v2d #v2-avg>div,.v2d #v2-avg .form-group{padding:8px 14px;border-radius:14px;min-width:0;width:auto;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d #v2-avg label,.v2d .sv-cb small{font-size:11px;color:var(--mu);margin:0;display:block;white-space:nowrap}
.v2d #v2-avg .form-control,.v2d #v2-avg .panel-body{font-size:14px;font-weight:700;white-space:nowrap;min-height:0}
.v2d .sv-cb{min-width:118px}
.v2d .sv-cb #charge{font-size:19px;width:auto;min-width:72px}
/* avatar */
.v2d .av{position:relative;overflow:hidden}
.v2d .av img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.v2d .uav{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,var(--ac),var(--ac2));color:#04121a;font-weight:800;font-size:15px;overflow:hidden}
.v2d .uav img{width:100%;height:100%;object-fit:cover;display:block}

.v2d .sv-two{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:10px}
.v2d .sv-two>div,.v2d #v2-avg>div,.v2d #v2-avg .form-group{flex:0 1 auto}
.v2d #v2-avg{display:flex}
.v2d .sv-cb{align-self:stretch;display:flex;flex-direction:column;justify-content:center}

.v2d .sv-cb{min-width:0;max-width:170px}
.v2d .sv-cb #charge{min-width:0;width:100%}

/* ===================== PAGES: orders / addfunds / services ===================== */
.v2d .pghead{margin:6px 0 18px}
.v2d .pghead h1{font-size:clamp(24px,6vw,34px);margin:0 0 6px}
.v2d .pghead p{margin:0;color:var(--mu);font-size:14px;line-height:1.8}
.v2d .pghead a{color:var(--ac)}
.v2d .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v2d .empty{padding:38px 20px;text-align:center;display:grid;justify-items:center;gap:12px;color:var(--mu)}
.v2d .empty .ic{width:34px;height:34px;color:var(--ac)}
.v2d .empty b{color:var(--tx);font-size:16px}
.v2d .pgn{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:18px 0 4px}
.v2d .pgn a{min-width:42px;min-height:42px;display:grid;place-items:center;padding:0 10px;border-radius:12px;border:1px solid var(--bd);background:var(--card);font-size:14px;font-weight:700}
.v2d .pgn a.cur{background:var(--ac);color:#04121a;border-color:transparent}
.v2d .otop{display:grid;gap:12px;margin-bottom:16px}
.v2d .otop .sv-chips{margin:0;padding-bottom:6px}
.v2d .otop .sv-chip{text-decoration:none;min-height:42px;font-size:13px}
.v2d .dotc{width:9px;height:9px;border-radius:50%;flex:none;background:var(--mu)}
.v2d .dotc.ok{background:#3ddc97}.v2d .dotc.run{background:var(--ac)}.v2d .dotc.part{background:#ffb84d}
.v2d .dotc.bad{background:#ff7b8a}.v2d .dotc.proc{background:#8f9bff}.v2d .dotc.wait{background:#9aa4b5}
.v2d .osearch{position:relative;margin:0}
.v2d .osearch .form-control{padding:0 46px 0 14px;height:50px}
.v2d .ogrid{display:grid;gap:12px}
@media(min-width:760px){.v2d .ogrid{grid-template-columns:1fr 1fr}.v2d .otop{grid-template-columns:1fr 300px;align-items:center}}
@media(min-width:1280px){.v2d .ogrid{grid-template-columns:repeat(3,1fr)}}
.v2d .ocard{padding:16px;display:flex;flex-direction:column;gap:10px}
.v2d .ohead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .obadge{font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.07);color:var(--mu);display:inline-flex;align-items:center;gap:6px}
.v2d .st-ok .obadge{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .st-run .obadge{background:rgba(0,243,247,.12);color:var(--ac)}
.v2d .st-part .obadge{background:rgba(255,184,77,.14);color:#ffb84d}
.v2d .st-bad .obadge{background:rgba(255,123,138,.14);color:#ff7b8a}
.v2d .st-proc .obadge{background:rgba(143,155,255,.14);color:#8f9bff}
.v2d .ocr{font-style:normal;cursor:help;opacity:.8}
.v2d .oid{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--tx);font-weight:800;font-size:14px;padding:0;direction:ltr}
.v2d .oid .ic{width:15px;height:15px;color:var(--mu)}
.v2d .osvc{font-size:14px;line-height:1.7;font-weight:600;min-height:38px}
.v2d .olink{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .olt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#bcd3de;direction:ltr;text-align:left}
.v2d .ocp{background:none;border:0;padding:0;color:var(--ac)}.v2d .ocp .ic{width:16px;height:16px}
.v2d .odet{border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .odet summary{min-height:42px;display:flex;align-items:center;padding:0 12px;font-size:13px;cursor:pointer;list-style:none}
.v2d .odet summary::-webkit-details-marker{display:none}
.v2d .odrow{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;font-size:12px;border-top:1px solid var(--bd);color:var(--mu)}
.v2d .odrow b{color:var(--tx);word-break:break-all}
.v2d .ostats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v2d .ostats>div{padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.04)}
.v2d .ostats small{display:block;color:var(--mu);font-size:11px}
.v2d .ostats b{font-size:14px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .ocharge{color:var(--ac)}
.v2d .obar{display:flex;align-items:center;gap:10px}
.v2d .opct{font-size:11px;color:var(--mu);min-width:34px;direction:ltr}
.v2d .obar i{flex:1;height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}
.v2d .obar u{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--ac),var(--ac2));box-shadow:0 0 10px rgba(0,243,247,.45);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.v2d .obar.done u{background:linear-gradient(90deg,#3ddc97,#18b377);box-shadow:0 0 10px rgba(61,220,151,.45)}
.v2d .ofoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:4px}
.v2d .oacts{display:flex;gap:8px;flex-wrap:wrap}
.v2d .obtn{min-height:38px;padding:0 14px;font-size:13px;border-radius:12px;text-decoration:none}
.v2d .obtn .ic{width:16px;height:16px}
.v2d .obtn.off{opacity:.45;cursor:not-allowed}
.v2d .otag{font-size:12px;color:var(--mu);padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.05)}
.v2d .odate{font-size:11px;color:var(--mu);direction:ltr}
.v2d .afgrid{display:grid;gap:14px}
@media(min-width:900px){.v2d .afgrid{grid-template-columns:1.6fr 1fr;align-items:start}}
.v2d .afgrid>*{min-width:0}
.v2d .afmain{display:grid;gap:14px}
.v2d .afcard{padding:18px}
.v2d .affields>div+div{margin-top:12px}
.v2d .afquick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v2d .afquick button{min-height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-weight:700;font-size:14px;color:var(--tx);direction:ltr}
.v2d .afquick button.on,.v2d .afquick button:hover{border-color:var(--ac);color:var(--ac)}
.v2d .afinfo{padding:18px}
.v2d .afinfo h3{margin:0 0 12px;font-size:17px}
.v2d .afinfo-body{font-size:14px;line-height:2;color:#dbe7ee;word-break:break-word}
.v2d .afinfo-body img{max-width:100%;height:auto;border-radius:12px}
.v2d .afinfo-body table{width:100%;border-collapse:collapse}
.v2d .afinfo-body td,.v2d .afinfo-body th{padding:8px;border:1px solid var(--bd)}
.v2d .afinfo-body a{color:var(--ac)}
.v2d .afhist{padding:18px}
.v2d .afhist h3{margin:0 0 12px;font-size:17px}
.v2d .afhl{display:grid;gap:10px;max-height:560px;overflow:auto;scrollbar-width:none}
.v2d .afhl::-webkit-scrollbar{display:none}
.v2d .afrow{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);display:grid;gap:8px}
.v2d .afr1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .afamt{font-size:18px;font-weight:800;color:#3ddc97;direction:ltr}
.v2d .afmethod{font-size:12px;color:var(--mu);text-align:end}
.v2d .afr2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .afdate{font-size:11px;color:var(--mu);direction:ltr}
.v2d .afinv{font-size:12px;color:var(--ac)}
.v2d .svtop{display:grid;gap:10px;margin:14px 0}
@media(min-width:760px){.v2d .svtop{grid-template-columns:auto auto 1fr;align-items:center}}
.v2d .svsearch{position:relative;margin:0}
.v2d .svsearch .form-control{padding:0 46px 0 14px;height:50px}
.v2d .dropdown{position:relative}
.v2d .dropdown>.v2dbtn{min-height:50px;width:100%;justify-content:space-between;gap:10px;padding:0 16px;font-size:14px}
.v2d .dropdown .dropdown-menu{position:absolute;z-index:40;top:calc(100% + 6px);inset-inline-start:0;min-width:260px;max-height:340px;overflow:auto;margin:0;padding:0;list-style:none;border-radius:16px;background:#07121a;border:1px solid var(--bd);box-shadow:0 20px 44px rgba(0,0,0,.55);display:none}
.v2d .dropdown.open .dropdown-menu,.v2d .dropdown .dropdown-menu.show{display:block}
.v2d .dropdown .dropdown-item{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 14px;font-size:13px;border-bottom:1px solid var(--bd);color:var(--tx)}
.v2d .dropdown .dropdown-item:hover{background:rgba(0,243,247,.08)}
.v2d .cimg{max-width:22px;max-height:22px;border-radius:5px}
.v2d .svwrap{padding:0;overflow:hidden}
.v2d .svtable{width:100%;border-collapse:collapse;font-size:13px}
.v2d .svtable thead th{position:sticky;top:0;z-index:2;background:#0a1620;color:var(--mu);font-weight:600;font-size:12px;padding:12px 14px;text-align:start;border-bottom:1px solid var(--bd);white-space:nowrap}
.v2d .svtable td{padding:12px 14px;border-bottom:1px solid var(--bd);vertical-align:middle}
.v2d .svtable tbody tr:hover td{background:rgba(0,243,247,.05)}
.v2d .svhide{display:none!important}
.v2d .svcatrow td{padding:14px;background:rgba(0,243,247,.05)}
.v2d .svchip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:30px;background:rgba(0,243,247,.1);border:1px solid rgba(0,243,247,.3);font-size:14px}
.v2d .svid{color:var(--mu);direction:ltr;font-variant-numeric:tabular-nums}
.v2d .service-name{line-height:1.7;min-width:220px}
.v2d .svrate{color:var(--ac);font-weight:800;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.v2d .svmm,.v2d .svavg{color:var(--mu);direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.v2d .svact{white-space:nowrap}
.v2d .svact .v2dbtn{min-height:38px;padding:0 14px;font-size:13px;border-radius:12px;text-decoration:none}
.v2d .svact .ic{width:16px;height:16px}
.v2d .svdesc{margin-inline-start:6px}
.v2d .wfav{width:42px}.v2d .wid{width:72px}
.v2d .favorite-active{color:#ffc84d}
.v2d .svtext{padding:18px;margin-top:14px;line-height:2;font-size:14px;color:#dbe7ee}
@media(max-width:759px){
 .v2d .svtable,.v2d .svtable tbody,.v2d .svtable tr,.v2d .svtable td{display:block;width:auto}
 .v2d .svtable thead{display:none}
 .v2d .svtable tbody tr{padding:14px;border-bottom:1px solid var(--bd)}
 .v2d .svtable tbody tr.svcatrow{padding:12px 14px 4px}
 .v2d .svtable td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:12px}
 .v2d .svtable td::before{content:attr(data-label);color:var(--mu);font-size:12px}
 .v2d .service-name{min-width:0;font-weight:600}
 .v2d .svtable td.service-name::before{content:none}
 .v2d .svact{padding-top:10px!important}
 .v2d .svact::before{content:none}
 .v2d .wfav{position:absolute;inset-inline-end:14px}
 .v2d .svtable tbody tr{position:relative}
}
.v2d .ogrid{grid-template-columns:minmax(0,1fr)}
.v2d .ogrid>*{min-width:0}
.v2d .ocard>*{min-width:0}
@media(min-width:760px){.v2d .ogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1280px){.v2d .ogrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.v2d .svtable .service-name{width:40%}
.v2d .svtable .svact{text-align:end}
.v2d .svwrap{overflow-x:auto}

/* ===================== PAGES: account / api / tickets ===================== */
.v2d .ltr{direction:ltr;unicode-bidi:isolate;text-align:left}
.v2d .acchead{padding:16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}
.v2d .accid{display:flex;align-items:center;gap:12px;min-width:0}
.v2d .uav.big{width:54px;height:54px;border-radius:18px;font-size:22px}
.v2d .accid b{display:block;font-size:17px}
.v2d .accid small{color:var(--mu);font-size:12px;direction:ltr;unicode-bidi:isolate;display:block}
.v2d .accstats{display:flex;gap:8px;flex-wrap:wrap}
.v2d .accstats>div{padding:9px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-width:104px}
.v2d .accstats small{display:block;color:var(--mu);font-size:11px}
.v2d .accstats b{font-size:16px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .acctabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.v2d .acctabs::-webkit-scrollbar{display:none}
.v2d .acctabs .sv-chip{text-decoration:none;min-height:44px}
.v2d .accgrid{display:grid;gap:14px}
@media(min-width:900px){.v2d .accgrid{grid-template-columns:1fr 1fr}}
.v2d .accgrid>*{min-width:0}
.v2d .accbox{padding:18px}
.v2d .accbox h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:17px}
.v2d .accbox h3 .ic{width:20px;height:20px;color:var(--ac)}
.v2d .accbox form{margin:0}
.v2d .accbtn{width:100%;min-height:50px;margin-top:16px}
.v2d .accnote{margin:10px 0 0;font-size:12.5px;color:var(--mu);line-height:1.9}
.v2d .accnote.warn{color:#ffb070}
.v2d .accnote a{color:var(--ac)}
.v2d .keyrow{display:flex;gap:8px;align-items:center}
.v2d .keyrow .form-control{flex:1;min-width:0}
.v2d .keyb{min-height:54px;padding:0 14px;border-radius:14px;flex:none;font-size:13px}
.v2d .keyb .ic{width:18px;height:18px}
.v2d .keyb.on{color:var(--ac);border-color:var(--ac)}
.v2d .modal{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.7);display:none;overflow:auto;padding:30px 16px}
.v2d .modal.in,.v2d .modal.show{display:block}
.v2d .modal-dialog{max-width:460px;margin:auto}
.v2d .modal-content{border-radius:22px;background:#0b1620;border:1px solid var(--bd);box-shadow:0 24px 60px rgba(0,0,0,.6)}
.v2d .modal-header,.v2d .modal-footer{padding:16px 18px;display:flex;align-items:center;gap:10px}
.v2d .modal-header{border-bottom:1px solid var(--bd);justify-content:space-between}
.v2d .modal-footer{border-top:1px solid var(--bd);justify-content:flex-end}
.v2d .modal-title{margin:0;font-size:17px}
.v2d .modal-body{padding:16px 18px}
.v2d .modal .close{background:none;border:0;color:var(--mu);font-size:22px;line-height:1}
.v2d .modal .v2dbtn{min-height:46px;padding:0 18px}
.v2d .apitop{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.v2d .apibox{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .apibox small{color:var(--mu);font-size:12px;direction:ltr}
.v2d .apitag{padding:6px 14px;border-radius:12px;background:rgba(0,243,247,.12);color:var(--ac);font-size:13px;font-weight:800;direction:ltr}
.v2d .apirow{padding:14px 16px;margin-bottom:12px}
.v2d .apirow>small{display:block;color:var(--mu);font-size:12px;margin-bottom:8px;direction:ltr}
.v2d .apigrid{display:grid;gap:14px}
@media(min-width:1024px){.v2d .apigrid{grid-template-columns:minmax(0,1fr) 240px;align-items:start}}
.v2d .apigrid>*{min-width:0}
.v2d .apimain{display:grid;gap:14px}
.v2d .apisec{padding:18px;scroll-margin-top:90px}
.v2d .apish{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.v2d .apish h3{margin:0;font-size:18px}
.v2d .apiact{padding:5px 12px;border-radius:12px;background:rgba(0,243,247,.1);color:var(--ac);font-size:12px;font-weight:700}
.v2d .apitabs{margin-bottom:12px}
.v2d .apitable{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}
.v2d .apitable th{padding:10px 12px;background:rgba(255,255,255,.04);color:var(--mu);font-size:12px;text-align:start;border:1px solid var(--bd);direction:ltr}
.v2d .apitable td{padding:10px 12px;border:1px solid var(--bd)}
.v2d .apipar code{padding:3px 9px;border-radius:8px;background:rgba(0,243,247,.1);color:var(--ac);font-size:12px;font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;display:inline-block}
.v2d .wpar{width:34%}
.v2d .apiex{border-radius:16px;border:1px solid var(--bd);overflow:hidden}
.v2d .apiexh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(255,255,255,.04);font-size:13px}
.v2d .apiexh .keyb{min-height:36px;padding:0 12px;font-size:12px}
.v2d .apipre{margin:0;padding:14px;max-height:320px;overflow:auto;background:#06111a;color:#bcd3de;font-size:12px;line-height:1.8;font-family:ui-monospace,Menlo,Consolas,monospace;white-space:pre;scrollbar-width:thin}
.v2d .apiphp{width:100%;min-height:52px;text-decoration:none}
.v2d .apinav{padding:10px}
.v2d .apinav nav{display:grid;gap:2px;max-height:70vh;overflow:auto;scrollbar-width:none}
.v2d .apinav nav::-webkit-scrollbar{display:none}
.v2d .apinav a{display:block;padding:11px 14px;border-radius:12px;font-size:13px;color:var(--mu)}
.v2d .apinav a:hover{background:rgba(255,255,255,.05);color:var(--tx)}
.v2d .apinav a.cur{background:rgba(0,243,247,.1);color:var(--ac);font-weight:700}
@media(max-width:1023px){.v2d .apiside{order:-1}.v2d .apinav nav{display:flex;overflow-x:auto;gap:6px}.v2d .apinav a{white-space:nowrap}}
.v2d .tkgrid{display:grid;gap:14px}
@media(min-width:1024px){.v2d .tkgrid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}
.v2d .tkgrid>*{min-width:0}
.v2d .tkform{padding:18px}
.v2d .tkform h3,.v2d .tkhead h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:18px}
.v2d .tkform h3 .ic,.v2d .tkhead h3 .ic{width:20px;height:20px;color:var(--ac)}
.v2d .tkform form{margin:0}
.v2d .tkup{margin-top:14px}
.v2d .tkup .tickets-uploader{min-height:56px;border:1px dashed rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:10px;color:var(--mu);font-size:13px}
.v2d .tkup .btn,.v2d .tkup button{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.05);color:var(--tx);font-size:13px}
.v2d .tkfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.v2d .tkfoot .accnote{margin:0}
.v2d .tkbtn{min-height:52px;padding:0 24px;font-size:15px}
.v2d .tkside{display:grid;gap:12px}
.v2d .tklist{padding:16px}
.v2d .tkhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.v2d .tkcount{min-width:28px;height:28px;padding:0 9px;border-radius:14px;background:var(--ac);color:#04121a;font-weight:800;font-size:13px;display:grid;place-items:center}
.v2d .tksearch{position:relative;margin:0 0 12px}
.v2d .tksearch .form-control{padding:0 46px 0 14px;height:48px}
.v2d .tkrows{display:grid;gap:10px;max-height:520px;overflow:auto;scrollbar-width:none}
.v2d .tkrows::-webkit-scrollbar{display:none}
.v2d .tkrow{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);transition:.2s}
.v2d .tkrow:hover{border-color:var(--ac);transform:translateY(-2px)}
.v2d .tkrow.isnew{border-color:rgba(0,243,247,.4)}
.v2d .tkr1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .tkid{font-weight:800;font-size:13px}
.v2d .tkst{font-size:11px;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.07);color:var(--mu)}
.v2d .tkrow.isnew .tkst{background:rgba(0,243,247,.14);color:var(--ac)}
.v2d .tkth{font-size:14px;font-weight:600;line-height:1.6}
.v2d .tktime{font-size:11px;color:var(--mu);direction:ltr}
.v2d .tkback{display:inline-block;margin-bottom:8px;color:var(--ac);font-size:13px}
.v2d .tkchat{padding:18px}
.v2d .tkmsgs{display:grid;gap:16px;margin-bottom:18px}
.v2d .tkmsg{display:grid;gap:6px;max-width:86%}
.v2d .tkmsg.me{justify-self:end;justify-items:end}
.v2d .tkmsg.sup{justify-self:start;justify-items:start}
.v2d .tkbub{padding:14px 16px;border-radius:18px;font-size:14px;line-height:1.9;word-break:break-word}
.v2d .tkmsg.me .tkbub{background:linear-gradient(160deg,rgba(0,243,247,.16),rgba(0,243,247,.06));border:1px solid rgba(0,243,247,.3);border-end-end-radius:6px}
.v2d .tkmsg.sup .tkbub{background:rgba(255,255,255,.05);border:1px solid var(--bd);border-end-start-radius:6px}
.v2d .tkinfo{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--mu)}
.v2d .tkinfo strong{color:var(--tx);font-size:12px}
.v2d .tkfiles{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}
.v2d .tkfiles a{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ac);direction:ltr}
.v2d .tkfiles .ic{width:15px;height:15px}
.v2d .tkreply{margin:0;padding-top:16px;border-top:1px solid var(--bd)}
.v2d .uav,.v2d .uav.big{background-image:linear-gradient(145deg,var(--ac),var(--ac2))}
.v2d .accid b{word-break:break-word}