:root{--bg:#050505;--panel:#0b0b0b;--panel2:#11100e;--gold:#caa75a;--gold2:#f1d58f;--text:#f5f5f2;--muted:#aaa79e;--line:#352d1e;--line2:#1b1915;--danger:#b45f5f;--ok:#b8d3a6}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#3a3a3a #111}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,"Noto Sans Arabic",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:50;height:68px;background:rgba(5,5,5,.97);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px}.nav{display:flex;gap:20px;font-size:14px}.nav a:hover,.lang:hover{color:var(--gold2)}.brand{font-family:Georgia,serif;font-weight:800;letter-spacing:4px;color:var(--gold2);font-size:23px}.tools{display:flex;justify-content:flex-end;gap:16px;align-items:center}.lang{color:var(--gold);cursor:pointer}.hero{min-height:calc(100vh - 68px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:44px 22px}.emblem{font-family:Georgia,serif;color:var(--gold2);font-size:70px;letter-spacing:8px;text-shadow:0 0 22px rgba(202,167,90,.18)}.hero h1,.page-title{font-family:Georgia,"Times New Roman",serif;color:var(--gold2)}.hero h1{font-size:37px;margin:10px 0 8px}.tagline{max-width:900px;color:#fff;opacity:.84;line-height:1.7}.goldline{width:230px;height:1px;background:var(--gold);margin:26px auto;position:relative}.goldline:after{content:'◌';position:absolute;left:50%;top:-9px;transform:translateX(-50%);background:var(--bg);padding:0 8px;color:var(--gold)}.portals{position:relative;width:min(1080px,94vw);height:320px;margin-top:18px}.portal{position:absolute;width:225px;transition:.18s ease}.portal .ico{font-size:34px;color:var(--gold)}.portal h3{font-family:Georgia,serif;color:var(--gold2);font-size:24px;margin:8px 0 5px}.portal p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.portal:hover{transform:scale(1.04);filter:drop-shadow(0 0 9px rgba(202,167,90,.25))}.portals:has(.portal:hover) .portal:not(:hover){opacity:.48}.p1{left:4%;top:7%}.p2{right:4%;top:11%}.p3{left:25%;bottom:3%}.p4{right:25%;bottom:0}.section{max-width:1180px;margin:auto;padding:72px 26px}.page-title{text-align:center;font-size:50px;margin:0 0 12px}.subtitle{text-align:center;color:var(--muted);max-width:780px;margin:0 auto 54px;line-height:1.8}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.list{display:grid;gap:28px}.item{padding:22px 0;border-bottom:1px solid var(--line2)}.item h3{font-family:Georgia,serif;color:var(--gold2);font-size:23px;margin:0 0 7px}.item p{margin:0;color:var(--muted);line-height:1.85}.btn{display:inline-block;padding:11px 18px;border:1px solid var(--gold);background:#070707;color:var(--gold2);border-radius:0;cursor:pointer;transition:.18s}.btn:hover{box-shadow:0 0 14px rgba(202,167,90,.25)}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin:36px 0}.feature{border-left:1px solid var(--gold);padding-left:15px}.feature b{color:var(--gold2)}.feature p{color:var(--muted);margin:5px 0 0;line-height:1.65}.offers{display:grid;gap:44px}.offer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.offer h3{font-family:Georgia,serif;color:var(--gold2);font-size:29px;margin:0}.price{font-size:25px;margin:10px 0;color:#fff}.steps{counter-reset:step;display:grid;gap:24px}.step{position:relative;padding-left:52px;min-height:40px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2)}.faq{margin-top:68px}.faq details{border-bottom:1px solid #222;padding:17px 0}.faq summary{cursor:pointer;color:var(--gold2);font-weight:600}.faq p{color:var(--muted);line-height:1.8}.crew-group{margin:60px 0}.crew-art{font-size:48px;color:var(--gold);margin-bottom:18px}.crew-group h2{font-family:Georgia,serif;color:var(--gold2);font-size:32px;margin:0 0 24px}.crew-row{display:grid;grid-template-columns:1.5fr 1.5fr 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #171717}.crew-row span:nth-child(2),.crew-row span:nth-child(3){color:var(--muted)}.contact-list{max-width:760px;margin:auto}.contact-link{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line2);color:var(--gold2)}.policy{max-width:850px;margin:auto;color:#ddd;line-height:1.9}.policy h2{color:var(--gold2);font-family:Georgia,serif}.footer{border-top:1px solid var(--line);padding:34px 26px;color:var(--muted);font-size:13px}.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer a{display:block;margin:8px 0}.footer .policy-links{border-top:1px solid var(--line2);padding-top:18px;grid-column:1/-1}.checkout{max-width:760px;margin:auto}.formrow{display:grid;gap:7px;margin:14px 0}.formrow input,.formrow select,.formrow textarea{background:#090909;border:1px solid #2a2417;color:#eee;padding:12px;outline:none}.formrow input:focus,.formrow select:focus{border-color:var(--gold)}.summary{border:1px solid var(--line);padding:22px;margin:25px 0;background:var(--panel)}.notice{border-left:2px solid var(--gold);padding:12px 15px;background:#0b0a08;color:#ddd;line-height:1.7}.toast{position:fixed;right:20px;bottom:20px;background:#111;border:1px solid var(--gold);color:var(--gold2);padding:12px 16px;opacity:0;transform:translateY(10px);transition:.18s;z-index:100}.toast.show{opacity:1;transform:none}.rtl{direction:rtl}.rtl .feature{border-left:0;border-right:1px solid var(--gold);padding-left:0;padding-right:15px}.rtl .step{padding-left:0;padding-right:52px}.rtl .step:before{left:auto;right:0}.rtl .crew-row{text-align:right}
@media(max-width:760px){.topbar{height:auto;min-height:64px;grid-template-columns:auto 1fr;padding:0 12px}.brand{grid-column:1;grid-row:1}.nav{grid-column:2;grid-row:1;justify-content:flex-end;gap:8px;font-size:10.5px;flex-wrap:wrap}.tools{grid-column:1/-1;justify-content:center;padding-bottom:7px}.emblem{font-size:48px}.hero h1{font-size:28px}.portals{height:auto;display:grid;gap:28px}.portal{position:static;width:auto}.page-title{font-size:39px}.section{padding:54px 18px}.split,.features,.footer-inner{grid-template-columns:1fr}.crew-row{grid-template-columns:1fr;gap:5px}.footer .policy-links{grid-column:auto}.contact-link{align-items:flex-start;gap:20px}}

/* DR M logo integration */
.brand-logo{display:flex;align-items:center;justify-content:center;height:54px;min-width:120px;text-decoration:none}
.brand-logo img{display:block;max-height:48px;width:auto;object-fit:contain}
.hero-logo{display:flex;justify-content:center;align-items:center;margin:10px auto 18px;max-width:560px}
.hero-logo img{display:block;width:min(560px,88vw);height:auto;object-fit:contain}
@media (max-width:700px){.brand-logo{height:46px;min-width:86px}.brand-logo img{max-height:40px}.hero-logo img{width:min(430px,94vw)}}

/* Home first-screen optimization */
.hero{
    min-height:calc(100vh - 68px);
    justify-content:flex-start;
    padding:18px 22px 10px;
}

.hero-logo{
    margin:0 auto 8px;
    max-width:380px;
}

.hero-logo img{
    width:min(380px,72vw);
}

.hero h1{
    font-size:31px;
    margin:4px 0 4px;
}

.tagline{
    font-size:14px;
    line-height:1.45;
    max-width:820px;
}

.goldline{
    margin:14px auto;
}

.portals{
    height:250px;
    margin-top:4px;
}

.portal h3{
    font-size:21px;
}

.portal .ico{
    font-size:30px;
}

@media(max-width:760px){
    .hero{
        padding:14px 14px 18px;
    }

    .hero-logo img{
        width:min(300px,86vw);
    }

    .hero h1{
        font-size:24px;
    }

    .tagline{
        font-size:12px;
    }
}

/* Final home viewport fit */
.hero-logo{
    max-width:300px;
    margin:0 auto 4px;
}

.hero-logo img{
    width:min(300px,62vw);
}

.hero h1{
    font-size:27px;
    margin:2px 0 2px;
}

.tagline{
    font-size:12px;
    line-height:1.3;
}

.goldline{
    margin:9px auto;
}

.portals{
    height:210px;
    margin-top:0;
}

.portal{
    transform:scale(.92);
}

.home-policy-footer{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
    padding:12px 18px 16px;
    border-top:1px solid rgba(202,167,90,.18);
    background:#050505;
    font-size:12px;
}

.home-policy-footer a{
    color:#9f9d96;
    text-decoration:none;
}

.home-policy-footer a:hover{
    color:#f1d58f;
}

@media(max-width:700px){
    .home-policy-footer{
        gap:12px;
        font-size:11px;
        padding:10px 12px 14px;
    }
}

@media (max-width: 760px){
    .home-policy-footer{
        position:static !important;
        clear:both;
        margin-top:28px !important;
        padding:14px 10px 18px !important;
        width:100%;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:8px 16px;
        text-align:center;
    }
}
