.registration-guide-body { background:#f7f4f9; }
.registration-hero { position:relative; overflow:hidden; min-height:720px; padding:150px 0 90px; background:radial-gradient(circle at 12% 12%,rgba(247,147,30,.18),transparent 25%),linear-gradient(135deg,#fff 0%,#f3edf7 100%); }
.registration-hero::after { content:""; position:absolute; top:-200px; inset-inline-end:-180px; width:560px; height:560px; border:90px solid rgba(102,45,145,.055); border-radius:50%; }
.registration-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; }
.registration-hero-copy { max-width:650px; }
.registration-kicker { display:inline-flex; padding:8px 16px; color:#662d91; border:1px solid rgba(102,45,145,.3); border-radius:999px; font-weight:700; }
.registration-hero h1 { margin:22px 0 18px; color:#24152d; font-size:clamp(46px,5vw,76px); line-height:1.12; text-align:inherit; }
.registration-lead { color:#342d38; font-size:22px; line-height:1.8; }
.registration-summary { margin-top:10px; color:#746b79; line-height:1.9; }
.registration-primary-button { display:inline-flex; margin-top:30px; padding:13px 27px; color:#fff; border-radius:14px; background:#662d91; font-weight:700; }
.registration-primary-button:hover { color:#fff; background:#f7931e; transform:translateY(-2px); }
.registration-hero-media { position:relative; padding:0 35px 35px 0; }
body.rtl .registration-hero-media { padding:0 0 35px 35px; }
.registration-image-frame { overflow:hidden; height:450px; border-radius:34px; box-shadow:0 30px 70px rgba(63,34,80,.2); }
.registration-image-frame img { width:100%; height:100%; object-fit:cover; }
.registration-floating-card { position:absolute; bottom:0; inset-inline-start:0; display:flex; align-items:center; gap:14px; width:260px; padding:18px 22px; color:#fff; border:4px solid #f7f4f9; border-radius:20px; background:#f7931e; box-shadow:0 16px 35px rgba(0,0,0,.16); }
.registration-floating-card strong { font-size:38px; line-height:1; }
.registration-floating-card span { line-height:1.5; font-weight:600; }
.registration-steps-section { padding:105px 0; background:#fff; }
.registration-section-heading { max-width:720px; margin:0 auto 55px; text-align:center; }
.registration-section-heading > span { color:#f7931e; font-weight:700; }
.registration-section-heading h2 { margin:10px 0 0; text-align:center; font-size:clamp(34px,4vw,54px); line-height:1.35; }
.registration-steps { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.registration-steps::before { content:""; position:absolute; top:60px; right:10%; left:10%; height:2px; background:linear-gradient(90deg,transparent,#d7c3e5 12%,#d7c3e5 88%,transparent); }
.registration-step { position:relative; z-index:1; min-height:330px; padding:28px 24px; text-align:center; border:1px solid #eadff0; border-radius:24px; background:#fff; box-shadow:0 15px 36px rgba(69,38,89,.08); transition:transform .25s ease,box-shadow .25s ease; }
.registration-step:hover { transform:translateY(-8px); box-shadow:0 25px 50px rgba(69,38,89,.15); }
.registration-step-number { position:absolute; top:18px; inset-inline-start:20px; color:#d9c9e3; font-size:18px; font-weight:700; }
.registration-step-icon { width:78px; height:78px; display:flex; align-items:center; justify-content:center; margin:8px auto 28px; border-radius:23px; color:#662d91; background:#f2eaf7; }
.registration-step-icon svg { width:40px; height:40px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.registration-step h3 { margin:0 0 13px; text-align:center; font-size:21px; line-height:1.5; }
.registration-step p { margin:0; color:#746d78; line-height:1.8; }
.registration-ready { padding:0 0 100px; background:#fff; }
.registration-ready-card { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:48px 55px; color:#fff; border-radius:30px; background:linear-gradient(120deg,#351744,#662d91); box-shadow:0 24px 55px rgba(70,35,91,.22); }
.registration-ready-card span { color:#f4c591; }
.registration-ready-card h2 { margin:8px 0 0; color:#fff; text-align:inherit; font-size:clamp(28px,3vw,42px); }
.registration-ready-card > a { flex:0 0 auto; display:flex; align-items:center; gap:12px; padding:14px 28px; color:#151515; border-radius:14px; background:#f7931e; font-weight:700; }
.registration-ready-card > a:hover { color:#fff; }
.registration-ready-card > a span { color:inherit; font-size:24px; }
.registration-empty { grid-column:1/-1; text-align:center; }
body.rtl .registration-hero-copy { text-align:right; }
body.ltr .registration-hero-copy { text-align:left; }
@media (max-width:991px) { .registration-hero { min-height:auto; padding:125px 0 75px; } .registration-hero-inner { grid-template-columns:1fr; gap:50px; } .registration-hero-copy { margin:auto; text-align:center !important; } .registration-image-frame { height:390px; } .registration-steps { grid-template-columns:repeat(2,1fr); } .registration-steps::before { display:none; } .registration-ready-card { flex-direction:column; text-align:center; } .registration-ready-card h2 { text-align:center; } }
@media (max-width:576px) { .registration-hero h1 { font-size:41px; } .registration-lead { font-size:18px; } .registration-image-frame { height:300px; } .registration-floating-card { width:220px; padding:14px 17px; } .registration-steps-section { padding:75px 0; } .registration-steps { grid-template-columns:1fr; } .registration-step { min-height:auto; } .registration-ready { padding-bottom:70px; } .registration-ready-card { padding:35px 22px; border-radius:23px; } }