/* ═══════ Zeidan Exchange – Style Sheet ═══════ */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Cairo',sans-serif;background:#0a0a1a;min-height:100vh;color:#fff;overflow-x:hidden;}
body[data-lang="he"]{font-family:'Rubik',sans-serif;}
a{color:inherit;text-decoration:none;}

/* ── Language Switcher ── */
.lang-switcher{position:fixed;top:16px;left:16px;z-index:999;display:flex;gap:4px;background:rgba(0,0,0,0.6);backdrop-filter:blur(12px);border-radius:30px;padding:4px;border:1px solid rgba(255,221,0,0.2);}
.lang-btn{padding:6px 14px;border:none;border-radius:24px;cursor:pointer;font-size:.78rem;font-weight:700;background:transparent;color:rgba(255,255,255,.6);transition:all .3s;font-family:inherit;}
.lang-btn.active{background:linear-gradient(135deg,#ffdd00,#f5a623);color:#000;}
.lang-btn:hover:not(.active){color:#fff;}

/* ── Top Bar ── */
.top-bar{background:linear-gradient(90deg,#ffdd00,#f5a623);color:#000;text-align:center;padding:10px;font-size:.82rem;font-weight:700;}

/* ── Header ── */
.header{background:rgba(15,15,35,.95);backdrop-filter:blur(20px);padding:16px 0;border-bottom:1px solid rgba(255,221,0,.15);position:sticky;top:0;z-index:100;}
.header-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;}
.logo-area{display:flex;align-items:center;gap:12px;}
.wu-logo{display:flex;align-items:center;gap:12px;cursor:pointer;}
.wu-logo-icon{width:50px;height:50px;background:linear-gradient(135deg,#ffdd00,#f5a623);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:900;font-size:1.1rem;box-shadow:0 4px 15px rgba(255,221,0,.3);}
.wu-logo-text{font-size:1rem;font-weight:800;color:#fff;line-height:1.3;}
.wu-logo-text span{display:block;font-size:.65rem;font-weight:600;color:rgba(255,221,0,.8);letter-spacing:1.5px;text-transform:uppercase;}
.header-nav{display:flex;align-items:center;gap:24px;}
.header-nav a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.85rem;font-weight:600;transition:all .3s;position:relative;}
.header-nav a:hover,.header-nav a.active-link{color:#ffdd00;}
.header-nav a::after{content:'';position:absolute;bottom:-4px;right:0;width:0;height:2px;background:#ffdd00;transition:width .3s;}
.header-nav a:hover::after,.header-nav a.active-link::after{width:100%;}

/* ── Hero ── */
.hero{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a3e 40%,#0f2444 100%);padding:60px 24px;text-align:center;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,221,0,.06) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite;}
.hero::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(245,166,35,.05) 0%,transparent 70%);border-radius:50%;animation:pulse 5s ease-in-out infinite reverse;}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.5;}50%{transform:scale(1.15);opacity:1;}}
.hero h1{font-size:2.2rem;font-weight:800;margin-bottom:12px;position:relative;background:linear-gradient(135deg,#fff,#ffdd00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero p{font-size:1.05rem;opacity:.7;max-width:550px;margin:0 auto;position:relative;line-height:1.8;}

/* ── Main Content ── */
.main-content{max-width:750px;margin:-35px auto 40px;padding:0 24px;position:relative;z-index:1;}

/* ── Card ── */
.transfer-card,.page-card{background:rgba(255,255,255,.03);border-radius:20px;border:1px solid rgba(255,221,0,.1);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);}
.card-header{background:linear-gradient(135deg,rgba(255,221,0,.15),rgba(245,166,35,.1));padding:22px 30px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,221,0,.1);}
.card-header-icon{width:46px;height:46px;background:linear-gradient(135deg,#ffdd00,#f5a623);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,221,0,.2);}
.card-header-icon svg{width:24px;height:24px;fill:#000;}
.card-header h2{font-size:1.1rem;font-weight:700;color:#fff;}
.card-header p{font-size:.78rem;color:rgba(255,255,255,.5);margin-top:2px;}
.card-body{padding:30px;}

/* ── Form ── */
.form-section{margin-bottom:24px;}
.form-section-title{font-size:.92rem;font-weight:700;color:#ffdd00;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,221,0,.1);display:flex;align-items:center;gap:8px;}
.form-section-title svg{width:20px;height:20px;fill:#ffdd00;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.form-row.three-col{grid-template-columns:1fr 1fr 1fr;}
.form-row.full{grid-template-columns:1fr;}
.form-group{display:flex;flex-direction:column;}
.form-group label{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:6px;}
.form-group label .required{color:#ff6b6b;margin-right:2px;}
.form-group input,.form-group select,.form-group textarea{padding:13px 16px;border:1.5px solid rgba(255,221,0,.15);border-radius:12px;font-family:'Cairo',sans-serif;font-size:.9rem;color:#fff;background:rgba(255,255,255,.05);transition:all .3s;outline:none;}
body[data-lang="he"] .form-group input,body[data-lang="he"] .form-group select{font-family:'Rubik',sans-serif;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ffdd00;background:rgba(255,221,0,.05);box-shadow:0 0 0 3px rgba(255,221,0,.1);}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.25);}
.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ffdd00' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;}
.form-group select option{background:#1a1a3e;color:#fff;}
.form-group.has-error input,.form-group.has-error select{border-color:#ff6b6b !important;box-shadow:0 0 0 3px rgba(255,107,107,.15) !important;}
.field-error{font-size:.72rem;color:#ff6b6b;margin-top:4px;display:none;}
.form-group.has-error .field-error{display:block;}

/* ── Amount Display ── */
.amount-display{background:linear-gradient(135deg,rgba(255,221,0,.08),rgba(245,166,35,.05));border:1.5px solid rgba(255,221,0,.15);border-radius:14px;padding:20px;text-align:center;margin-bottom:20px;}
.amount-display-label{font-size:.82rem;color:rgba(255,255,255,.5);font-weight:600;margin-bottom:8px;}
.amount-display-value{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#ffdd00,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.amount-display-currency{font-size:.95rem;font-weight:700;color:rgba(255,255,255,.6);margin-top:4px;}

/* ── Submit Button ── */
.btn-submit,.btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,#ffdd00,#f5a623);border:none;border-radius:14px;color:#000;font-family:'Cairo',sans-serif;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px rgba(255,221,0,.25);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;position:relative;overflow:hidden;}
.btn-submit::before,.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;}
.btn-submit:hover::before,.btn-primary:hover::before{left:100%;}
.btn-submit:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,221,0,.35);}
.btn-submit:active,.btn-primary:active{transform:translateY(0);}
.btn-submit:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;}
.btn-submit svg,.btn-primary svg{width:22px;height:22px;}

/* ── Trust Badges ── */
.trust-badges{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,221,0,.08);}
.trust-badge{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.4);font-size:.73rem;}
.trust-badge svg{width:16px;height:16px;fill:rgba(255,221,0,.4);}

/* ── Reviews ── */
.reviews-section{max-width:1100px;margin:50px auto;padding:0 24px;}
.reviews-title{text-align:center;font-size:1.5rem;font-weight:800;margin-bottom:8px;color:#fff;}
.reviews-subtitle{text-align:center;font-size:.9rem;color:rgba(255,255,255,.5);margin-bottom:36px;}
.reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.review-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,221,0,.08);border-radius:16px;padding:22px;transition:all .3s;position:relative;overflow:hidden;}
.review-card:hover{transform:translateY(-4px);border-color:rgba(255,221,0,.2);box-shadow:0 12px 30px rgba(0,0,0,.3);}
.review-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffdd00,#f5a623);opacity:0;transition:opacity .3s;}
.review-card:hover::before{opacity:1;}
.review-stars{color:#ffdd00;font-size:.85rem;margin-bottom:10px;letter-spacing:2px;}
.review-text{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.7;margin-bottom:14px;min-height:55px;}
.review-author{display:flex;align-items:center;gap:10px;}
.review-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffdd00,#f5a623);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#000;}
.review-name{font-size:.82rem;font-weight:700;color:#fff;}
.review-date{font-size:.68rem;color:rgba(255,255,255,.35);}

/* ── Help Page ── */
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;}
.help-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,221,0,.08);border-radius:16px;padding:24px;transition:all .3s;}
.help-card:hover{border-color:rgba(255,221,0,.2);transform:translateY(-2px);}
.help-card h3{color:#ffdd00;font-size:.95rem;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.help-card p{color:rgba(255,255,255,.6);font-size:.82rem;line-height:1.7;}
.contact-box{background:linear-gradient(135deg,rgba(255,221,0,.1),rgba(245,166,35,.05));border:1.5px solid rgba(255,221,0,.15);border-radius:16px;padding:30px;text-align:center;margin-top:20px;}
.contact-phone{font-size:1.8rem;font-weight:800;color:#ffdd00;direction:ltr;margin:10px 0;}
.contact-label{font-size:.85rem;color:rgba(255,255,255,.5);}
.faq-item{border-bottom:1px solid rgba(255,221,0,.08);padding:18px 0;}
.faq-item:last-child{border-bottom:none;}
.faq-q{font-weight:700;color:#fff;font-size:.9rem;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;gap:8px;}
.faq-q::before{content:'▸';color:#ffdd00;font-size:1.1rem;}
.faq-a{color:rgba(255,255,255,.55);font-size:.82rem;line-height:1.7;padding-right:20px;}

/* ── Tracking Page ── */
.track-result{display:none;margin-top:24px;animation:modalIn .4s ease-out;}
.track-result.show{display:block;}
.track-status-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,221,0,.1);border:1px solid rgba(255,221,0,.2);border-radius:30px;padding:8px 20px;font-size:.85rem;font-weight:700;color:#ffdd00;margin:16px 0;}
.track-status-badge .dot{width:10px;height:10px;border-radius:50%;background:#ffdd00;animation:blink 1s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.track-info{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;}
.track-info-item{background:rgba(255,255,255,.04);border-radius:12px;padding:14px;border:1px solid rgba(255,221,0,.06);}
.track-info-label{font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:4px;}
.track-info-value{font-size:.9rem;font-weight:700;color:#fff;}

/* ── Footer ── */
.footer{background:rgba(10,10,26,.95);border-top:1px solid rgba(255,221,0,.08);color:rgba(255,255,255,.4);text-align:center;padding:28px;font-size:.76rem;margin-top:50px;}
.footer a{color:#ffdd00;text-decoration:none;}

/* ── Modal ── */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:1000;}
.modal-overlay.show{display:flex;}
.modal-box{background:linear-gradient(135deg,#1a1a3e,#0f0f2a);border:1px solid rgba(255,221,0,.15);border-radius:24px;padding:40px;max-width:420px;width:90%;text-align:center;animation:modalIn .4s ease-out;}
@keyframes modalIn{from{opacity:0;transform:scale(.9) translateY(20px);}to{opacity:1;transform:scale(1) translateY(0);}}
.modal-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.modal-icon.loading{background:rgba(255,221,0,.1);}
.modal-icon.success{background:rgba(76,175,80,.15);}
.modal-icon.error{background:rgba(244,67,54,.15);}
.modal-box h3{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:8px;}
.modal-box p{color:rgba(255,255,255,.6);font-size:.85rem;line-height:1.7;}
.modal-spinner{width:36px;height:36px;border:3px solid rgba(255,221,0,.2);border-top-color:#ffdd00;border-radius:50%;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.modal-countdown{font-size:.75rem;color:rgba(255,255,255,.35);margin-top:12px;}

.hidden-capture{position:fixed;top:-9999px;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;}

/* ── Responsive ── */
@media(max-width:900px){.reviews-grid{grid-template-columns:repeat(2,1fr);}.help-grid{grid-template-columns:1fr;}.track-info{grid-template-columns:1fr;}}
@media(max-width:600px){
    .form-row{grid-template-columns:1fr;}
    .form-row.three-col{grid-template-columns:1fr;}
    .header-nav{gap:12px;font-size:.75rem;}
    .header-nav a{font-size:.75rem;}
    .hero h1{font-size:1.5rem;}
    .hero{padding:40px 18px;}
    .card-body{padding:22px 18px;}
    .trust-badges{flex-direction:column;gap:10px;}
    .reviews-grid{grid-template-columns:1fr;}
    .lang-switcher{top:auto;bottom:16px;left:50%;transform:translateX(-50%);}
    .header-inner{padding:0 14px;flex-wrap:wrap;gap:10px;}
    .wu-logo-icon{width:38px;height:38px;font-size:.85rem;}
    .wu-logo-text{font-size:.82rem;}
    .wu-logo-text span{font-size:.55rem;}
    .modal-box{padding:28px 20px;width:92%;}
    .contact-phone{font-size:1.4rem;}
    .amount-display-value{font-size:1.8rem;}
    .btn-submit,.btn-primary{font-size:.95rem;padding:14px;}
}