.okl-page{margin:0!important;min-height:100vh;background:linear-gradient(180deg,#fffde8 0%,#fff39b 38%,#ffe449 100%)!important;color:#222742;font-family:Tajawal,Arial,sans-serif;line-height:1.6;direction:rtl}
.okl-page *{box-sizing:border-box}.okl-shell{width:min(100% - 32px,680px);margin:0 auto;padding:28px 0 18px}.okl-profile{text-align:center;margin-bottom:25px}.okl-portrait{display:block;width:96px!important;height:96px!important;object-fit:cover;border-radius:50%;margin:0 auto 12px}.okl-profile h1{font-size:32px;line-height:1.2;margin:0 0 12px;font-weight:700;color:#222742}.okl-bio-fr{font-size:15px;font-weight:600;margin:0 0 7px}.okl-bio{max-width:550px;margin:0 auto;font-size:16px;line-height:1.65}.okl-social{display:flex;justify-content:center;gap:9px;direction:ltr;margin:16px 0 12px}.okl-social a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;text-decoration:none;transition:transform .15s}.okl-social svg{width:22px;height:22px}.okl-social a:hover{transform:translateY(-2px)}.okl-social-instagram{background:#a21c3c}.okl-social-tiktok,.okl-social-x{background:#111}.okl-social-youtube{background:#c4302b}.okl-social-facebook{background:#3d5d98}.okl-followers{font-size:18px;font-weight:700;color:#b93687;margin:0;line-height:1.4}.okl-followers span{display:block;font-size:12px;color:#383844;font-weight:400;margin-top:3px}.okl-buttons{display:flex;flex-direction:column;gap:13px}.okl-button{display:flex;align-items:center;justify-content:center;position:relative;gap:12px;min-height:52px;padding:12px 20px;border:2px solid rgba(255,255,255,.92);border-radius:28px;background:#242378;color:#fff!important;text-decoration:none!important;text-align:center;font-size:16px;line-height:1.5;box-shadow:0 2px 4px rgba(30,30,90,.06);transition:background .15s,transform .15s}.okl-button:hover{background:#343397;transform:translateY(-1px)}.okl-button-copy{display:block}.okl-button-title{display:block}.okl-button-description{display:block;color:#e0e2ff;font-size:12px;margin-top:3px}.okl-arrow{position:absolute;left:19px;font-size:25px;line-height:1;opacity:.85}.okl-badge{position:absolute;right:12px;background:#fff4ab;color:#343363;font-size:11px;font-weight:700;padding:2px 9px;border-radius:15px}.okl-button:has(.okl-badge){padding-right:60px;padding-left:60px}.okl-mini-profile{margin:0 0 24px}.okl-mini-profile a{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#222742;font-size:19px;font-weight:700}.okl-mini-profile img{width:40px!important;height:40px!important;border-radius:50%;object-fit:cover}.okl-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;color:#555568;margin-bottom:12px}.okl-breadcrumb a{color:#242378;text-decoration:underline;text-underline-offset:3px}.okl-page-title{font-size:28px;color:#222742;line-height:1.4;margin:0 0 16px;text-align:center}.okl-intro{text-align:center;font-size:16px;margin:0 0 20px}.okl-back{display:block;width:max-content;max-width:100%;margin:24px auto 0;text-decoration:none!important;color:#242378!important;font-size:15px;font-weight:700;padding:9px 18px;border:1px solid #242378;border-radius:24px}.okl-footer{text-align:center;margin-top:32px;font-size:11px;color:#56516a}.okl-article{background:rgba(255,255,255,.88);border:1px solid #ffffff;border-radius:18px;padding:24px;margin-bottom:22px;line-height:1.9;font-size:17px;overflow-wrap:anywhere}.okl-article h2{font-size:23px;margin:28px 0 12px}.okl-article h3{font-size:19px}.okl-article img,.okl-article iframe{max-width:100%;height:auto}.okl-article a{color:#242378;text-decoration:underline}.okl-article p:first-child{margin-top:0}.okl-article p:last-child{margin-bottom:0}.okl-updated{font-size:12px;color:#595564;margin:0 0 18px}.okl-search{margin:0 0 16px}.okl-search label{display:block;font-size:13px;margin-bottom:5px}.okl-search input{width:100%;border:1px solid #cebd60;border-radius:14px;padding:12px;background:#fffcdf;color:#222742;font:inherit}.okl-no-results,.okl-empty{text-align:center;margin:22px 0}.okl-page [hidden]{display:none!important}.okl-preview{background:#242378;color:#fff;font-size:13px;text-align:center;padding:8px}.okl-skip{position:absolute;top:-100px;right:15px;z-index:999999;background:white;color:#242378;padding:10px;border-radius:8px}.okl-skip:focus{top:10px}.okl-page a:focus-visible,.okl-page button:focus-visible,.okl-page input:focus-visible{outline:3px solid #c63d87;outline-offset:4px}
@media(max-width:480px){.okl-shell{width:calc(100% - 24px);padding-top:22px}.okl-profile{margin-bottom:20px}.okl-portrait{width:82px!important;height:82px!important;margin-bottom:10px}.okl-profile h1{font-size:28px;margin-bottom:8px}.okl-bio-fr{font-size:13px}.okl-bio{font-size:14px;line-height:1.6}.okl-social{margin:12px 0 10px;gap:8px}.okl-social a{width:38px;height:38px}.okl-followers{font-size:17px}.okl-button{font-size:15px;min-height:50px;padding:11px 24px}.okl-buttons{gap:11px}.okl-page-title{font-size:25px}.okl-article{padding:18px;font-size:16px}.okl-mini-profile{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.okl-button,.okl-social a{transition:none;transform:none!important}}