:root{--purple:#2f0b5f;--orange:#ff7800;--muted:rgba(255,255,255,.78)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;min-height:100vh;background:#f4f0f8}
.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}
.card{width:min(1120px,100%);min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;border-radius:34px;overflow:hidden;color:#fff;position:relative;box-shadow:0 24px 70px rgba(31,13,65,.25);background:radial-gradient(circle at 8% 8%,rgba(255,145,0,.95),transparent 28%),radial-gradient(circle at 78% 38%,rgba(103,27,152,.75),transparent 35%),linear-gradient(135deg,#f47700 0%,#65175e 36%,#220952 100%)}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 12%,rgba(255,255,255,.14) 0 2px,transparent 3px) 0 0/18px 18px;opacity:.7}
.card:after{content:"";position:absolute;left:-120px;bottom:-180px;width:620px;height:280px;border-radius:50%;border:36px solid rgba(255,122,0,.28);transform:rotate(-9deg)}
.lang-toggle{position:absolute;top:22px;right:22px;z-index:5;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;padding:10px 14px;border-radius:999px;font-weight:800;cursor:pointer}
.left,.right{position:relative;z-index:2;padding:58px 56px}.brand{display:flex;align-items:center;gap:26px;margin-bottom:44px}
.logo-mark{width:150px;height:92px;border:8px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;font-style:italic;color:#fff;transform:skew(-10deg) rotate(-5deg);box-shadow:0 0 0 8px rgba(255,255,255,.18)}
.brand:after{content:"";height:106px;width:2px;background:rgba(255,255,255,.68)}
.brand-text h1{font-size:42px;line-height:.9;margin:0}.brand-text p{text-transform:uppercase;font-size:11px;letter-spacing:1.4px;margin:13px 0 0;color:var(--muted)}
.intro h2{font-size:31px;margin:0 0 14px}.intro h2:after{content:"";display:block;width:70px;height:4px;border-radius:20px;background:var(--orange);margin-top:16px}
.intro p{color:var(--muted);font-size:17px;line-height:1.6;max-width:500px}
.links{margin-top:26px;display:grid;gap:13px}.links a{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.7);background:rgba(255,255,255,.12);font-weight:900;flex:0 0 44px}.whatsapp{background:#22c55e}.instagram{background:linear-gradient(135deg,#f97316,#d946ef)}.linkedin{background:#0a66c2}.ai{background:linear-gradient(135deg,#7c3aed,#ff7800)}
.links b{font-size:18px;display:block}.links small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.right{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.right h3{font-size:34px;margin:0 0 24px;letter-spacing:1px}.right h3:before,.right h3:after{content:"";display:inline-block;width:62px;height:3px;background:var(--orange);vertical-align:middle;margin:0 18px}
.qr-box{
    width:min(340px,80vw);
    aspect-ratio:1;
    border-radius:30px;
    border:4px solid rgba(255,255,255,.88);
    padding:14px;
    box-shadow:0 16px 40px rgba(0,0,0,.25);
    background:rgba(255,255,255,.10);
    margin:auto;
}
.qr-placeholder{width:100%;height:100%;border-radius:20px;background:linear-gradient(90deg,#1f0b4e 10px,transparent 10px) 0 0/28px 28px,linear-gradient(#1f0b4e 10px,transparent 10px) 0 0/28px 28px,#fff;color:#321064;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;border:8px solid #fff}
.qr-placeholder span{font-size:74px;color:var(--orange)}.qr-placeholder small{background:#fff;padding:6px 10px;border-radius:999px;color:#321064}
.assistant-note{margin-top:26px;display:flex;align-items:center;gap:14px;text-align:left;max-width:420px}.assistant-note span{font-size:38px}.assistant-note p{font-size:20px;line-height:1.35;margin:0;color:#fff}
.arabic .assistant-note{text-align:right}.arabic .links a{flex-direction:row-reverse;text-align:right}.arabic .brand{flex-direction:row-reverse;text-align:right}.arabic .card{font-family:Tahoma,Arial,sans-serif}
@media(max-width:860px){.card{grid-template-columns:1fr}.left,.right{padding:34px 24px}.brand{margin-bottom:28px}.brand-text h1{font-size:34px}.logo-mark{width:118px;height:76px;font-size:34px}.brand:after{height:84px}.right h3{font-size:24px}.right h3:before,.right h3:after{width:30px;margin:0 8px}}
.real-qr{
    width:100%;
    max-width:290px;
    background:#fff;
    padding:12px;
    border-radius:20px;
    display:block;
    margin:auto;
}
@media(max-width:768px){
.qr-box{
    width:min(250px,72vw);
    padding:10px;
}

.real-qr{
    max-width:210px;
}

}
@media(max-width:768px){

.hero{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.right{
    order:1;
    text-align:center;
}

.left{
    order:2;
}

.qr-box{
    width:min(220px,68vw);
    margin:20px auto;
    padding:10px;
}

.real-qr{
    max-width:180px;
}

.scan-title{
    font-size:34px;
    line-height:1.2;
}

.connect-note{
    text-align:center;
    font-size:15px;
}

.links{
    margin-top:10px;
}

}