@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..600;1,400..600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;800;900&display=swap";:root{--font-serif:"Lora", Georgia, serif;--font-sans:"Plus Jakarta Sans", sans-serif;--font-serif-ar:"Tajawal", sans-serif;--font-sans-ar:"IBM Plex Sans Arabic", sans-serif;--ink:#1f2421;--muted:#4a544f;--subtle:#7a8580;--green:#3a5043;--green-dark:#23322a;--green-light:#526e5c;--accent:#bd7a5c;--danger:#a64e46;--glass-bg:#ffffff6b;--glass-border:#ffffff8c;--glass-shadow:0 16px 48px #2d423612;--dur-fast:.15s;--dur-mid:.28s;--ease-out:cubic-bezier(.25, .8, .25, 1)}[lang=ar]{--font-serif:var(--font-serif-ar);--font-sans:var(--font-sans-ar)}[lang=ar] *{letter-spacing:normal!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@keyframes fluid-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body{font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(-45deg,#fdfbf9,#f5efeb,#e8ece9,#e5eaeb,#f2ece8) 0 0/400% 400%;min-height:100vh;line-height:1.6;animation:40s infinite fluid-bg}a{color:inherit;text-decoration:none}.glass-header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#ffffff59;border-bottom:1px solid #ffffff73;justify-content:space-between;align-items:center;height:80px;padding:0 6%;display:flex;position:sticky;top:0}.desktop-nav{align-items:center;gap:24px;display:flex}.desktop-nav a{color:var(--muted);transition:color var(--dur-fast), border-color var(--dur-fast);border-bottom:2px solid #0000;padding:6px 2px;font-size:14.5px;font-weight:500}.desktop-nav a:hover{color:var(--ink)}.desktop-nav a.active{color:var(--ink);border-color:var(--ink)}.menu-button{color:var(--ink);cursor:pointer;background:0 0;border:0;display:none}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(110%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform var(--dur-mid) var(--ease-out), box-shadow var(--dur-mid), border-color var(--dur-fast);border-radius:20px;padding:32px}.glass-card:hover{border-color:#ffffffd9;transform:translateY(-2px);box-shadow:0 24px 64px #2d42361f}.glass-card-static{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(110%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:32px}.btn-primary{background:var(--green);color:#fff;cursor:pointer;transition:all var(--dur-mid) var(--ease-out);border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:12px 28px;font-size:14.5px;font-weight:600;display:inline-flex;box-shadow:0 6px 20px #3a50432e}.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 12px 28px #3a504347}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--green);cursor:pointer;transition:all var(--dur-mid) var(--ease-out);background:#ffffff8c;border:1px solid #3a50431f;border-radius:999px;justify-content:center;align-items:center;padding:12px 28px;font-size:14.5px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#ffffffd9;border-color:#3a504359;transform:translateY(-2px)}.btn-link{color:var(--green);transition:color var(--dur-fast);align-items:center;gap:6px;font-size:14.5px;font-weight:600;display:inline-flex}.btn-link:hover{color:var(--green-dark)}.h1,.h2,.h3{font-family:var(--font-serif);color:var(--ink);font-weight:500;line-height:1.15}.h1{letter-spacing:-.02em;font-size:clamp(40px,5.2vw,68px)}.h2{letter-spacing:-.01em;font-size:clamp(32px,4vw,54px)}.h3{font-size:clamp(22px,2.8vw,34px)}.lead{color:var(--muted);font-size:clamp(16px,1.8vw,20px);font-weight:400;line-height:1.7}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:11px;font-weight:700}.main-content{min-height:calc(100vh - 160px);padding:60px 6%}.page-container{max-width:1280px;margin:0 auto}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.home-test-hero{grid-template-columns:minmax(0,.95fr) minmax(360px,.8fr);align-items:stretch;gap:44px;display:grid}.home-test-copy{flex-direction:column;justify-content:center;min-height:560px;display:flex}.home-test-meta{width:fit-content;color:var(--green-dark);background:#ffffff9e;border:1px solid #3a50431f;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.test-preview-panel{background-blend-mode:screen;background:linear-gradient(145deg,#ffffffc7,#ffffff57),url(/assets/img/boundary-notebook.jpg) 50%/cover;border:1px solid #ffffffb3;border-radius:24px;flex-direction:column;justify-content:center;gap:22px;min-height:560px;padding:clamp(26px,4vw,44px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #2d42361f}.test-preview-panel:before{content:"";pointer-events:none;background:linear-gradient(#fdfbf970,#e8ece9bd);position:absolute;inset:0}.test-preview-panel>*{z-index:1;position:relative}.test-preview-topline{color:var(--green-dark);justify-content:space-between;align-items:center;gap:14px;font-size:13px;font-weight:700;display:flex}.test-preview-topline span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.test-preview-panel h2{max-width:520px;font-family:var(--font-serif);color:var(--ink);font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.14}.test-preview-progress{background:#3a50431f;border-radius:999px;height:7px;overflow:hidden}.test-preview-progress span{background:var(--green);border-radius:inherit;width:34%;height:100%;display:block}.test-preview-questions{gap:12px;display:grid}.test-preview-question{background:#ffffffa3;border:1px solid #ffffffb8;border-radius:16px;grid-template-columns:42px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.test-preview-question span{color:var(--accent);font-family:var(--font-serif);font-size:20px;line-height:1}.test-preview-question p{color:var(--green-dark);font-size:14.5px;line-height:1.5}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.visual-wrapper{aspect-ratio:4/3;border:1px solid #ffffff80;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 50px #2d42361a}.visual-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.visual-wrapper:hover img{transform:scale(1.03)}.result-share-card{background:linear-gradient(150deg,#ffffffd6,#ffffff7a),linear-gradient(135deg,#fdfbf9,#e8ece9 55%,#f2ece8);border:1px solid #3a504324;border-radius:22px;gap:22px;margin:0 0 28px;padding:28px;display:grid;box-shadow:0 18px 46px #2d42361a}.result-share-card span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.result-share-card h2{font-family:var(--font-serif);color:var(--green-dark);margin-bottom:10px;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.12}.result-share-card p{color:var(--muted);font-size:15px;line-height:1.65}.result-share-rule{background:#3a504312;border-radius:16px;padding:18px}.result-share-rule strong{color:var(--green);margin-bottom:10px;display:block}.result-share-rule p+p{margin-top:8px}.result-share-card footer{border-top:1px solid #3a50431f;justify-content:space-between;align-items:end;gap:18px;padding-top:18px;display:flex}.result-share-card footer span{max-width:360px;color:var(--muted);letter-spacing:normal;text-transform:none;margin:0;font-size:13px}.result-share-card footer strong{color:var(--green-dark);font-size:16px}.selection-card{cursor:pointer;transition:all var(--dur-mid) var(--ease-out);background:#ffffff80;border:1px solid #fff9;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;display:flex}.selection-card:hover{border-color:var(--green);background:#fffc}.selection-card.selected{border-color:var(--green);background:#ffffffe6;box-shadow:0 4px 16px #3a50430f}.selection-card input[type=radio],.selection-card input[type=checkbox]{appearance:none;width:22px;height:22px;transition:all var(--dur-fast);border:1.5px solid #b8b0a5;flex-shrink:0;place-content:center;display:inline-grid}.selection-card input[type=radio]{border-radius:50%}.selection-card input[type=checkbox]{border-radius:6px}.selection-card input[type=radio]:checked{border-color:var(--green);background:radial-gradient(circle, var(--green) 0 44%, transparent 48%)}.selection-card input[type=checkbox]:checked{border-color:var(--green);background-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px}.selection-card.disabled{opacity:.4;cursor:not-allowed}.stat-box{text-align:center;background:#ffffff73;border:1px solid #ffffff80;border-radius:16px;padding:24px}.stat-number{font-family:var(--font-serif);color:var(--green);margin-bottom:6px;font-size:48px;font-weight:500}.task-item{align-items:flex-start;gap:14px;padding:12px 0;display:flex}.task-checkbox{border:1.5px solid var(--subtle);color:#0000;cursor:pointer;width:24px;height:24px;transition:all var(--dur-fast);background:#fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.task-item.done .task-checkbox{background:var(--green);border-color:var(--green);color:#fff}.timeline-list{flex-direction:column;gap:16px;display:flex}.timeline-row{transition:all var(--dur-mid) var(--ease-out);background:#fff6;border:1px solid #ffffff80;border-radius:16px;grid-template-columns:80px 1fr auto;align-items:center;padding:20px 24px;display:grid}.timeline-row:hover{border-color:var(--green);background:#ffffffd9;transform:translate(4px)}.timeline-number{font-family:var(--font-serif);color:var(--accent);font-size:20px}.form-input,.form-textarea{width:100%;font-family:var(--font-sans);color:var(--ink);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);background:#ffffffd9;border:1px solid #0000001a;border-radius:10px;padding:14px 16px}.form-input:focus,.form-textarea:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 4px #3a50431f}.glass-footer{color:#c0bcb5;background:#121815;border-top:1px solid #ffffff0d;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:60px 6% 30px;display:grid}.glass-footer h3{text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:20px;font-size:11px}.glass-footer a{transition:color var(--dur-fast);margin:10px 0;font-size:14px;display:block}.glass-footer a:hover{color:#fff}.footer-newsletter{gap:8px;display:flex}.footer-newsletter input{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:10px 14px}.footer-newsletter button{background:var(--green);color:#fff;cursor:pointer;transition:background var(--dur-fast);border:0;border-radius:8px;padding:10px 18px;font-weight:600}.footer-newsletter button:hover{background:var(--green-light)}@media (width<=960px){.hero-grid,.grid-2,.grid-3,.home-test-hero{grid-template-columns:1fr;gap:32px}.home-test-copy,.test-preview-panel{min-height:auto}.glass-footer{grid-template-columns:1fr}.timeline-row{grid-template-columns:60px 1fr}.desktop-nav,.header-cta{display:none!important}.menu-button{display:block!important}.glass-header{height:70px;padding:0 20px}}@media (width<=560px){.result-share-card footer{flex-direction:column;align-items:start}.test-preview-question{grid-template-columns:34px 1fr}}.welcome-banner{animation:slide-down-fade .6s var(--ease-out) both;background:linear-gradient(135deg,#ffeee8bf 0%,#e8f5e9bf 100%)!important;border:1.5px solid #fffc!important;border-radius:24px!important;box-shadow:0 20px 50px #2d423614!important}.onboarding-step-badge{background:var(--green);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}