@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');
:root{--ink:#13201c;--muted:#708078;--line:#dfe6e1;--paper:#f5f7f4;--panel:#fff;--dark:#102a23;--gold:#c9a466;--shadow:0 26px 80px rgba(16,42,35,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Tajawal',sans-serif;line-height:1.65}button,input,select,textarea{font:inherit}.builder-header{height:82px;padding:0 clamp(18px,4vw,62px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.system-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.system-brand img{width:46px;height:46px;object-fit:contain}.system-brand b,.system-brand small{display:block}.system-brand b{font:800 15px 'Alexandria';letter-spacing:.08em}.system-brand small{font:600 8px 'Alexandria';color:#829087;letter-spacing:.16em}.header-progress{display:flex;align-items:center;gap:9px;font-size:12px;color:#52645c}.header-progress i,.preview-note span{width:8px;height:8px;border-radius:50%;background:#30b878;box-shadow:0 0 0 5px #30b8781c;animation:pulse 1.8s infinite}.back-link{font:600 12px 'Alexandria';color:var(--ink);text-decoration:none;border-bottom:1px solid #8fa097;padding-bottom:4px}.builder-shell{display:grid;grid-template-columns:minmax(470px,620px) minmax(0,1fr);direction:rtl;min-height:calc(100vh - 82px)}.form-panel{padding:54px clamp(28px,4vw,70px) 80px;background:#fff;border-left:1px solid var(--line)}.panel-heading{display:flex;gap:20px;align-items:flex-start}.panel-heading .step{font:600 12px 'Alexandria';color:var(--gold);border-top:2px solid var(--gold);padding-top:7px}.panel-heading small{font:700 11px 'Alexandria';color:#829087}.panel-heading h1{margin:7px 0 0;font:800 clamp(34px,3vw,48px)/1.3 'Alexandria';letter-spacing:-.05em}.intro{font-size:14px;color:var(--muted);max-width:490px;margin:18px 0 34px}.form-alert{padding:14px 16px;margin-bottom:20px;border-radius:12px;color:#8a382f;background:#fff0ed;border-right:4px solid #c55b4e}.upgrade-link{display:inline-flex;padding:13px 19px;border-radius:11px;background:var(--dark);color:#fff;text-decoration:none}fieldset{border:0;padding:0;margin:0 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:16px}legend{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:0 0 13px;margin-bottom:17px;border-bottom:1px solid var(--line)}legend b{font:700 16px 'Alexandria'}legend span{font-size:11px;color:#96a29c}label{display:block;font-size:12px;font-weight:700;color:#425149}.wide{grid-column:1/-1}input,select,textarea{width:100%;margin-top:7px;padding:13px 14px;color:var(--ink);background:#f8faf8;border:1px solid #dce4df;border-radius:11px;outline:0;transition:.2s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2f6d5d;box-shadow:0 0 0 4px #2f6d5d13;background:#fff}label>small{display:block;color:#9aa49f;font-weight:500;margin-top:4px}.slug-field{direction:ltr;display:flex;align-items:center;margin-top:7px;border:1px solid #dce4df;border-radius:11px;background:#f8faf8;overflow:hidden}.slug-field span{padding:0 0 0 13px;color:#9aa49f}.slug-field input{border:0;margin:0;background:transparent;box-shadow:none}.theme-summary{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8faf8}.palette{display:flex;direction:ltr}.palette i{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 10px #0002;margin-left:-7px}.theme-summary>div:nth-child(2){flex:1}.theme-summary b,.theme-summary small{display:block}.theme-summary b{font:700 12px 'Alexandria'}.theme-summary small{font-size:10px;color:#87958e}.theme-summary button{border:0;background:transparent;color:#255c4d;font-weight:700;cursor:pointer}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fff}.segmented b,.segmented small{display:block}.segmented small{color:#8b9891;font-weight:500}.segmented input:checked+span{border-color:#2c6c5a;background:#edf6f2;box-shadow:inset 0 0 0 1px #2c6c5a}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid var(--line)}.submit-row small,.submit-row b{display:block}.submit-row small{font-size:10px;color:#86948d}.submit-row b{font:700 12px 'Alexandria'}.submit-row button{min-width:210px;padding:16px 20px;border:0;border-radius:12px;background:linear-gradient(135deg,#173c32,#0e2922);color:#fff;font:700 13px 'Alexandria';cursor:pointer;box-shadow:0 15px 35px #153c3038}.submit-row button span{margin-right:25px}.preview-panel{direction:rtl;min-width:0;padding:40px clamp(22px,3.2vw,52px);background:radial-gradient(circle at 10% 10%,#d9e7df 0,transparent 28%),#edf1ed;position:relative}.preview-toolbar{max-width:1040px;margin:auto;height:48px;padding:0 14px;display:grid;grid-template-columns:90px 1fr 90px;align-items:center;direction:ltr;background:#fff;border:1px solid #dce3df;border-radius:15px 15px 0 0}.preview-toolbar>div:first-child{display:flex;gap:6px}.preview-toolbar>div:first-child i{width:8px;height:8px;border-radius:50%;background:#d9dedb}.preview-toolbar>span{justify-self:center;direction:ltr;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 16px;border-radius:8px;background:#f5f7f5;color:#7a8781;font-size:10px}.preview-toolbar b{color:#33483f}.view-toggle{justify-self:end;display:flex}.view-toggle button{width:32px;height:30px;border:0;background:transparent;border-radius:7px;color:#829087;cursor:pointer}.view-toggle button.active{background:#e9f1ed;color:#163c31}.preview-stage{max-width:1040px;min-height:655px;margin:auto;display:grid;place-items:start center;padding:22px;background:#d9dfdb;border-radius:0 0 15px 15px;overflow:auto}.clinic-preview{--clinic-primary:#173b32;--clinic-accent:#c9a56b;--clinic-surface:#f6f1e7;--clinic-radius:18px;width:100%;min-width:680px;min-height:610px;overflow:hidden;background:var(--clinic-surface);border-radius:4px;box-shadow:var(--shadow);transition:width .35s,border-radius .25s}.preview-ad{height:28px;display:grid;place-items:center;background:var(--clinic-primary);color:#fff;font-size:8px;letter-spacing:.04em}.clinic-nav{height:68px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffeb;border-bottom:1px solid #152b2218}.clinic-logo{display:flex;align-items:center;gap:8px}.clinic-logo>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--clinic-accent);color:#fff;font:800 17px 'Alexandria'}.clinic-logo b,.clinic-logo small{display:block}.clinic-logo b{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 10px 'Alexandria'}.clinic-logo small{font:600 5px 'Alexandria';letter-spacing:.15em;color:#7c8a83}.fake-links{display:flex;gap:24px;font-size:8px;font-weight:700}.nav-try,.primary-action{border:0;background:var(--clinic-primary);color:#fff;border-radius:calc(var(--clinic-radius) * .55);font-weight:700}.nav-try{padding:9px 13px;font-size:8px}.clinic-hero{min-height:455px;padding:54px 6%;display:grid;grid-template-columns:1.05fr .95fr;gap:5%;align-items:center;background:linear-gradient(130deg,var(--clinic-surface) 0 58%,color-mix(in srgb,var(--clinic-surface),var(--clinic-primary) 13%) 58%)}.preview-copy .eyebrow{font-size:8px;color:#65766e}.preview-copy .eyebrow i{display:inline-block;width:22px;height:1px;background:var(--clinic-accent);vertical-align:middle;margin-left:7px}.preview-copy h2{margin:15px 0;font:800 clamp(28px,3vw,49px)/1.3 'Alexandria';letter-spacing:-.05em}.preview-copy p{font-size:10px;color:#68766f;max-width:380px}.preview-actions{display:flex;align-items:center;gap:20px;margin:25px 0;font-size:8px;font-weight:700}.primary-action{padding:12px 16px}.primary-action span{margin-right:18px}.preview-trust{display:flex;gap:18px;padding-top:17px;border-top:1px solid #20342b20}.preview-trust span{padding-right:9px;border-right:2px solid var(--clinic-accent)}.preview-trust b,.preview-trust small{display:block}.preview-trust b{font-size:8px}.preview-trust small{font-size:7px;color:#78857f}.preview-portrait{min-height:330px;display:grid;place-items:center;position:relative}.portrait-halo{position:absolute;width:280px;height:280px;border:1px solid color-mix(in srgb,var(--clinic-accent),transparent 35%);border-radius:50%;box-shadow:0 0 0 38px #fff4}.portrait-shape{width:205px;height:310px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:110px 110px calc(var(--clinic-radius) * .6) calc(var(--clinic-radius) * .6);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--clinic-accent),#f1d8c9 55%) 0 12%,#a88d82 30%,var(--clinic-primary) 70%);box-shadow:0 22px 45px #122d2450}.portrait-shape span{font-size:72px;color:#ffffff30}.portrait-shape i{position:absolute;left:0;right:0;height:1px;background:#fff;box-shadow:0 0 12px #fff;animation:scan 3.5s infinite}.doctor-chip{position:absolute;bottom:3px;right:0;max-width:190px;padding:11px 14px;background:#fff;border-radius:calc(var(--clinic-radius) * .6);box-shadow:0 10px 25px #152e2530}.doctor-chip small,.doctor-chip b{display:block}.doctor-chip small{font-size:7px;color:#7c8a83}.doctor-chip b{font:700 9px 'Alexandria';margin-top:2px}.clinic-footer{min-height:58px;padding:12px 5%;display:flex;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid #152b2215;font-size:9px}.clinic-footer small{color:#89958f}.private-notice{padding:8px;text-align:center;background:#fff0d8;color:#74591e;font-size:8px;font-weight:700}.preview-note{text-align:center;font-size:11px;color:#66766e}.preview-note span{display:inline-block;margin-left:7px;width:7px;height:7px}.clinic-preview.hero-centered .clinic-hero{grid-template-columns:1fr;text-align:center}.clinic-preview.hero-centered .preview-copy{max-width:610px;margin:auto}.clinic-preview.hero-centered .preview-copy p{margin-left:auto;margin-right:auto}.clinic-preview.hero-centered .preview-actions,.clinic-preview.hero-centered .preview-trust{justify-content:center}.clinic-preview.hero-centered .preview-portrait{display:none}.clinic-preview.hero-editorial .clinic-hero{grid-template-columns:.86fr 1.14fr;background:linear-gradient(110deg,var(--clinic-surface) 0 49%,var(--clinic-primary) 49%)}.clinic-preview.hero-editorial .preview-portrait{order:-1}.clinic-preview.hero-editorial .portrait-shape{box-shadow:18px 18px 0 color-mix(in srgb,var(--clinic-accent),transparent 15%)}.preview-stage.mobile .clinic-preview{width:390px;min-width:390px;border-radius:28px}.preview-stage.mobile .fake-links{display:none}.preview-stage.mobile .clinic-nav{padding:0 18px}.preview-stage.mobile .clinic-hero{display:block;min-height:590px;padding:34px 24px;text-align:right;background:linear-gradient(180deg,var(--clinic-surface),color-mix(in srgb,var(--clinic-surface),var(--clinic-primary) 13%))}.preview-stage.mobile .preview-copy h2{font-size:36px}.preview-stage.mobile .preview-portrait{min-height:300px;margin-top:20px}.preview-stage.mobile .portrait-shape{height:270px}.preview-stage.mobile .clinic-footer{display:grid;gap:2px}.preview-stage.mobile .clinic-preview.hero-centered .preview-portrait{display:none}.preview-stage.mobile .clinic-preview.hero-editorial .preview-portrait{display:grid;order:initial}.preview-stage.mobile .clinic-preview.hero-editorial .clinic-hero{display:flex;flex-direction:column-reverse}.preview-stage.mobile .preview-ad{font-size:7px}@keyframes scan{0%,100%{top:20%}50%{top:80%}}@keyframes pulse{50%{box-shadow:0 0 0 8px #30b87809}}
@media(max-width:1180px){.builder-shell{grid-template-columns:500px minmax(0,1fr)}.preview-panel{padding:30px 20px}.preview-stage{justify-content:start}.clinic-preview{min-width:720px}}
@media(max-width:900px){.builder-header{height:72px}.header-progress{display:none}.builder-shell{display:flex;flex-direction:column}.form-panel{order:2;padding:40px 22px 70px;border:0}.preview-panel{order:1;padding:18px 14px 28px;position:static}.preview-stage{min-height:630px;padding:14px}.clinic-preview{width:390px;min-width:390px;border-radius:24px}.view-toggle{display:none}.fake-links{display:none}.clinic-nav{padding:0 16px}.clinic-hero,.clinic-preview.hero-editorial .clinic-hero{display:block;min-height:530px;padding:30px 22px;background:linear-gradient(180deg,var(--clinic-surface),color-mix(in srgb,var(--clinic-surface),var(--clinic-primary) 13%));text-align:right}.preview-copy h2{font-size:34px}.preview-portrait{min-height:270px;margin-top:18px}.portrait-shape{height:250px}.clinic-preview.hero-centered .preview-portrait{display:none}.clinic-preview.hero-editorial .preview-portrait{display:grid;order:initial}.clinic-preview.hero-editorial .clinic-hero{display:flex;flex-direction:column-reverse}.clinic-footer{display:grid;gap:2px}.preview-note{margin-bottom:0}}
@media(max-width:560px){.system-brand img{width:38px;height:38px}.system-brand small{display:none}.back-link{font-size:10px}.preview-panel{padding-left:0;padding-right:0}.preview-toolbar{border-radius:0;border-left:0;border-right:0}.preview-stage{justify-content:start;border-radius:0;padding:10px;min-height:590px}.clinic-preview{width:360px;min-width:360px}.clinic-logo b{max-width:130px}.clinic-hero{min-height:490px;padding:28px 19px}.preview-copy h2{font-size:31px}.preview-portrait{min-height:250px}.portrait-halo{width:230px;height:230px}.portrait-shape{width:175px;height:225px}.panel-heading h1{font-size:36px}fieldset{grid-template-columns:1fr}fieldset label,.wide{grid-column:1}.segmented{grid-template-columns:1fr}.submit-row{align-items:stretch;flex-direction:column}.submit-row button{width:100%}.theme-summary{align-items:flex-start;flex-wrap:wrap}.theme-summary button{margin-right:auto}}