:root{--bg:#f6f5fb;--surface:#fff;--ink:#241f3d;--muted:#7a7391;--primary:#4b3f72;--primary-dark:#332a52;--line:#e7e3f3;--warn-bg:#fbf3e3;--warn-ink:#6b4d10;--warn-line:#efd9a8;--wa:#25d366;--wa-dark:#1da851}body{background:var(--bg);color:var(--ink);direction:rtl;margin:0;font-family:Tahoma,Segoe UI,Arial,sans-serif;line-height:1.85}html[lang=en] body{direction:ltr}html:not([lang=en]) .t-en,html[lang=en] .t-ar,body>header,body>footer{display:none}body>main{padding:0}.hero{background:linear-gradient(160deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-align:center;padding:44px 20px 64px;position:relative;overflow:hidden}.lang-toggle{color:#fff;cursor:pointer;z-index:9;background:#ffffff29;border:1px solid #fff6;border-radius:20px;padding:7px 12px;font-size:12.5px;font-weight:700;position:absolute;top:14px;left:14px}html[lang=en] .lang-toggle{left:auto;right:14px}.lang-toggle:hover{background:#ffffff47}.hero-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.hero .eyebrow{color:#cbb8f5;letter-spacing:.3px;font-size:13px;font-weight:700}.hero h1{margin:10px 0 8px;font-size:30px}.hero .sub{color:#ffffffd9;margin:0;font-size:14.5px}.hero-hex{opacity:.14;width:340px;height:340px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.hero-hex polygon{fill:none;stroke:#fff;stroke-width:2px}.wrap{z-index:2;max-width:700px;margin:-30px auto 60px;padding:0 16px;position:relative}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-top:16px;padding:22px 20px;box-shadow:0 8px 24px #241f3d0f}.card h2{color:var(--primary-dark);margin:0 0 10px;font-size:17px}.seo-article h3{color:var(--primary-dark);margin:18px 0 8px;font-size:15px}.seo-article p{color:#4a4358;margin:0 0 12px;font-size:14.5px}.cat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.cat-chip{border:1.5px solid var(--c);border-right:5px solid var(--c);background:var(--surface);border-radius:12px;padding:10px}html[lang=en] .cat-chip{border-right:1.5px solid var(--c);border-left:5px solid var(--c)}.cat-emoji{font-size:18px}.cat-name{color:var(--ink);margin-top:4px;font-size:13px;font-weight:700;display:block}.cat-desc{color:var(--muted);margin-top:3px;font-size:11.5px;line-height:1.6;display:block}.howto{color:#4a4358;margin:0;padding-right:20px;font-size:14px}html[lang=en] .howto{padding-left:20px;padding-right:0}.howto li{margin-bottom:6px}.disclaimer{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:12px;margin-top:16px;padding:13px 15px;font-size:12.5px}.start-btn,.submit-btn,.reset-btn{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:12px;width:100%;margin-top:18px;padding:15px;font-family:inherit;font-size:16px;font-weight:700;transition:background .15s;display:block}.start-btn:hover,.submit-btn:hover,.reset-btn:hover{background:var(--primary-dark)}.wa-btn{cursor:pointer;background:var(--wa);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s;display:flex}.mem-start-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;font-size:13px;display:inline-flex}.mem-start-btn:hover{background:#f1edfa}.wa-btn:hover{background:var(--wa-dark)}#quiz-section,#result-section{display:none}.progress-fill{background:var(--primary);width:0%;height:100%;transition:width .2s}.progress-label{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}.cat-header{color:var(--ink);align-items:center;gap:8px;margin:22px 0 10px;font-size:14.5px;font-weight:700;display:flex}.cat-header:first-child{margin-top:4px}.cat-header .dot{border-radius:50%;flex:none;width:10px;height:10px}.question{border-bottom:1px solid var(--line);padding:16px 0}.question:last-child{border-bottom:none}.question.missing{animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(4px)}75%{transform:translate(-4px)}}.q-num{border:1.5px solid var(--primary);width:24px;height:24px;color:var(--primary-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:8px;font-size:11.5px;font-weight:700;display:inline-flex}html[lang=en] .q-num{margin-left:0;margin-right:8px}.q-text{align-items:flex-start;gap:2px;font-size:14.5px;font-weight:700;display:flex}.options{flex-direction:column;gap:8px;margin-top:10px;display:flex}.opt{border:1.5px solid var(--line);cursor:pointer;color:#4a4358;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;transition:all .15s;display:flex}.opt:hover{border-color:var(--primary)}.opt input{accent-color:var(--primary);flex:none;width:16px;height:16px}.opt.checked{border-color:var(--primary);background:#f1edfa}.memory-box{background:var(--primary-dark);color:#fff;text-align:center;border-radius:12px;margin-top:10px;padding:20px}.memory-box .study-content{letter-spacing:1px;direction:ltr;font-size:22px;font-weight:700}.memory-box .study-timer{color:#cbb8f5;margin-top:8px;font-size:12px}.memory-hidden-note{color:var(--muted);text-align:center;margin-top:10px;font-size:13px}.options.locked{opacity:.35;pointer-events:none}.profile-summary{text-align:center;margin-bottom:18px}.profile-summary .top-line{color:var(--muted);font-size:14px}.profile-summary .top-cat{color:var(--primary-dark);margin-top:2px;font-size:20px;font-weight:700}.radar-wrap{justify-content:center;margin:10px 0 20px;display:flex}.cat-result-list{flex-direction:column;gap:10px;display:flex}.cat-result-row{align-items:center;gap:10px;display:flex}.cat-result-row .rr-emoji{text-align:center;width:22px;font-size:16px}.cat-result-row .rr-label{width:120px;color:var(--ink);flex:none;font-size:13px}.cat-result-row .rr-track{background:var(--line);border-radius:10px;flex:1;height:10px;overflow:hidden}.cat-result-row .rr-fill{border-radius:10px;height:100%}.cat-result-row .rr-pct{color:var(--muted);text-align:left;width:38px;font-size:12px}.site-footer{text-align:center;color:var(--muted);margin-top:24px;font-size:12px}@media (width<=420px){.hero h1{font-size:25px}.cat-grid{grid-template-columns:1fr}.cat-result-row .rr-label{width:92px;font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}