@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&family=Readex+Pro:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--font-body: "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand: "Readex Pro", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand-logo: url(/logo.png);--primary: #073b66;--primary-light: #0f5688;--primary-dark: #052743;--primary-glow: rgba(7, 59, 102, .32);--secondary: #d8a72c;--secondary-light: #edc75e;--secondary-glow: rgba(216, 167, 44, .34);--accent: #d8a72c;--accent-light: #edc75e;--accent-glow: rgba(216, 167, 44, .34);--gold: #d8a72c;--gold-light: #edc75e;--gold-glow: rgba(216, 167, 44, .36);--warning: #c48a17;--info: #0f5688;--bg-primary: #fffaf0;--bg-secondary: #ffffff;--bg-tertiary: #f4ead6;--bg-gradient: linear-gradient(135deg, #071f35 0%, #073b66 56%, #a87310 100%);--text-primary: #08263f;--text-secondary: #596a75;--text-light: #8b99a3;--border: rgba(7, 59, 102, .18);--shadow: rgba(8, 38, 63, .08);--shadow-md: rgba(8, 38, 63, .15);--shadow-lg: rgba(8, 38, 63, .24);--shadow-glow: 0 0 40px rgba(216, 167, 44, .24);--glass-bg: rgba(255, 252, 246, .88);--glass-border: rgba(255, 255, 255, .58);--glass-blur: blur(20px);--radius: 20px;--radius-sm: 12px;--radius-lg: 28px;--radius-xl: 36px;--transition: all .4s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s ease}body{font-family:var(--font-body);direction:rtl;background:linear-gradient(135deg,#fffaf0,#f4ead6 52%,#e7eef5);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-brand);font-weight:700;color:var(--text-primary);line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary);line-height:1.8}button{font-family:var(--font-brand);font-weight:600;border:none;border-radius:var(--radius-sm);padding:12px 24px;cursor:pointer;transition:var(--transition);font-size:1rem;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.back-btn,.hl-back-btn,.ch-back-btn,.toolkit-back-btn,.community-back-btn{background:linear-gradient(135deg,#1e3a5f,#0c4a6e)!important;color:#fff!important;border:2px solid rgba(255,255,255,.4)!important;padding:12px 25px!important;border-radius:50px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;display:inline-flex;align-items:center;gap:8px}.back-btn:hover,.hl-back-btn:hover,.ch-back-btn:hover,.toolkit-back-btn:hover,.community-back-btn:hover{background:linear-gradient(135deg,#073b66,#d8a72c)!important;transform:translate(-5px);box-shadow:0 6px 20px #0006}.card{background:var(--bg-secondary);border-radius:var(--radius);padding:24px;box-shadow:0 4px 16px var(--shadow);transition:var(--transition);border:1px solid var(--border)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-md)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.card{padding:16px}button{padding:10px 20px;font-size:.95rem}}.app{min-height:100vh;width:100%}.welcome-screen{min-height:100vh;position:relative;display:grid;place-items:center;padding:clamp(18px,4vw,56px);overflow:hidden;background:#0c4a3f}.welcome-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.9) contrast(1.05);transform:scale(1.04)}.welcome-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#06282df0,#0b585cbd,#744a1fa8),radial-gradient(circle at 75% 20%,rgba(212,168,83,.25),transparent 34%)}.welcome-content{position:relative;z-index:1;width:min(1120px,100%);min-height:min(760px,calc(100vh - 48px));display:grid;align-content:center;gap:24px;color:#fff}.brand-mark{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:8px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#f7e4b2;font-weight:800;background:#ffffff1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-cross{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d4a8533d}.welcome-text{max-width:760px}.welcome-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#f7e4b2;font-weight:800}.app-title{color:#fff;font-size:clamp(4rem,12vw,8.2rem);line-height:.9;margin-bottom:12px;text-shadow:0 18px 40px rgba(0,0,0,.32)}.app-subtitle{color:#fff;font-size:clamp(1.45rem,3vw,2.3rem);font-weight:800;margin-bottom:12px}.app-description{max-width:680px;color:#ffffffdb;font-size:clamp(1rem,1.8vw,1.22rem);line-height:1.9}.start-btn{width:fit-content;min-width:240px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 28px;border-radius:16px;background:linear-gradient(135deg,#d4a853,#0ea5e9);color:#fff;box-shadow:0 16px 42px #0000003d}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:980px;margin-top:10px}.feature-card{min-height:146px;padding:18px;border-radius:8px;background:#ffffff21;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.feature-card svg{color:#f7d887;margin-bottom:12px}.feature-card h3{color:#fff;font-size:1.05rem;margin-bottom:8px}.feature-card p{color:#ffffffc7;line-height:1.7;font-size:.95rem}@media(max-width:768px){.welcome-screen{place-items:start center;padding:18px}.welcome-bg-image{opacity:.24}.welcome-overlay{background:linear-gradient(180deg,#06282df2,#0b585cd6,#744a1fb3)}.welcome-content{min-height:calc(100vh - 36px);gap:18px}.app-title{font-size:clamp(4.4rem,23vw,6rem)}.start-btn{width:100%}.features-grid{grid-template-columns:1fr}.feature-card{min-height:auto;padding:16px}}@media(prefers-reduced-motion:reduce){.welcome-bg-image,.start-btn,.feature-card{transition:none}}.personality-test{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f093fb,#f5576c)}.test-container{max-width:700px;width:100%;background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:0 20px 60px #0000004d}.test-header{text-align:center;margin-bottom:30px}.quiz-start-container{max-width:760px}.quiz-start-header{margin-bottom:24px}.quiz-kicker,.result-name{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto 12px;padding:7px 14px;border:1px solid rgba(212,168,83,.28);border-radius:999px;font-size:.92rem;font-weight:900}.name-field{display:grid;gap:8px;margin:0 0 18px;color:var(--text-primary);font-weight:900}.name-field input{width:100%;min-height:58px;border-radius:18px;padding:14px 18px;font:inherit;font-weight:700;text-align:right;transition:var(--transition-fast)}.name-error{margin:-4px 0 16px;color:#b45309;font-weight:800;text-align:center}.quiz-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 26px}.quiz-preview-card{min-height:132px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--bg-tertiary);text-align:center}.quiz-preview-card span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:12px;border-radius:50%;background:#fff;color:var(--primary);font-weight:900}.quiz-preview-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.quiz-start-btn{width:100%;padding:17px;font-size:1.2rem}.test-header h2{font-size:2rem;margin-bottom:10px;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#f093fb,#f5576c);transition:width .5s ease;border-radius:10px}.progress-text{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:30px}.question-card{margin-bottom:20px}.question-text{font-size:1.4rem;text-align:center;margin-bottom:30px;color:var(--text-primary);line-height:1.6}.options-list{display:flex;flex-direction:column;gap:15px}.option-btn{display:flex;align-items:center;gap:15px;padding:20px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius);text-align:right;cursor:pointer;transition:var(--transition);font-size:1.05rem}.option-btn:hover{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;transform:translate(-5px);border-color:transparent}.option-number{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#fff;border-radius:50%;font-weight:700;color:#f5576c;flex-shrink:0}.option-btn:hover .option-number{background:#ffffffe6}.option-text{flex:1;line-height:1.5}.result-container{text-align:center;max-width:600px}.result-header{margin-bottom:40px;position:relative}.biblical-icon{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:5rem;margin:0 auto 25px;box-shadow:0 15px 40px #0000004d;animation:pulse 2s infinite}.biblical-title{font-size:2.8rem;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.biblical-subtitle{font-size:1.3rem;color:var(--text-secondary);margin-bottom:20px}.info-button{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:2rem;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #667eea66;margin:20px auto;display:flex;align-items:center;justify-content:center;animation:bounce 2s infinite}.info-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #667eea99}.question-mark{font-weight:700;font-family:Cairo,sans-serif}.result-message{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:20px;border-radius:var(--radius);margin:25px 0;font-size:1.1rem}.result-message p{color:#fff}.start-journey-btn{width:100%;font-size:1.3rem;padding:18px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s ease-out;box-shadow:0 20px 60px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:20px;left:20px;width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);border:none;font-size:2rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);z-index:10}.modal-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.modal-header{text-align:center;padding:40px 40px 30px;background:linear-gradient(135deg,#f8fafc,#e0e7ff);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;margin:0 auto 20px;box-shadow:0 10px 30px #0003;animation:pulse 2s infinite}.modal-header h2{font-size:2.2rem;margin-bottom:10px;color:var(--text-primary)}.modal-subtitle{font-size:1.2rem;color:var(--text-secondary)}.modal-body{padding:30px 40px}.modal-body h3{font-size:1.5rem;margin-bottom:20px;color:var(--text-primary)}.traits-section{margin-bottom:35px}.traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.trait-card{background:var(--bg-tertiary);padding:25px;border-radius:var(--radius);transition:var(--transition);border-left:4px solid var(--primary)}.trait-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-md)}.trait-icon{font-size:2.5rem;margin-bottom:15px;display:block}.trait-card h4{font-size:1.2rem;margin-bottom:10px;color:var(--text-primary)}.trait-card p{font-size:1rem;color:var(--text-secondary);line-height:1.6}.strengths-section,.service-section{margin-bottom:35px}.strengths-list,.service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.strength-item,.service-item{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);padding:15px 20px;border-radius:var(--radius-sm);font-size:1.05rem;color:var(--text-primary);transition:var(--transition)}.strength-item:hover,.service-item:hover{background:var(--bg-secondary);box-shadow:0 4px 12px var(--shadow);transform:translate(-5px)}.check-icon{width:25px;height:25px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.star-icon{font-size:1.3rem;flex-shrink:0}.verse-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:var(--radius);text-align:center;margin-top:35px}.verse-icon{font-size:3rem;margin-bottom:15px}.verse-text{font-size:1.3rem;font-weight:600;line-height:1.8;margin-bottom:15px;font-style:italic;color:#fff}.verse-reference{font-size:1.1rem;opacity:.9;color:#fff}.modal-btn{width:calc(100% - 80px);margin:0 40px 40px;font-size:1.2rem;padding:16px}@media(max-width:768px){.test-container{padding:25px}.test-header h2{font-size:1.6rem}.quiz-preview-grid{grid-template-columns:1fr}.quiz-preview-card{min-height:auto;padding:16px}.question-text{font-size:1.2rem}.option-btn{padding:15px;font-size:1rem}.biblical-icon{width:120px;height:120px;font-size:4rem}.biblical-title{font-size:2rem}.biblical-subtitle{font-size:1.1rem}.info-button{width:45px;height:45px;font-size:1.8rem}.modal-content{max-height:95vh;border-radius:var(--radius)}.modal-header{padding:30px 20px 20px}.modal-icon{width:80px;height:80px;font-size:3rem}.modal-header h2{font-size:1.8rem}.modal-subtitle{font-size:1rem}.modal-body{padding:20px}.modal-body h3{font-size:1.3rem}.traits-grid{grid-template-columns:1fr}.trait-card{padding:20px}.trait-icon{font-size:2rem}.trait-card h4{font-size:1.1rem}.strengths-list,.service-list{grid-template-columns:1fr}.verse-section{padding:20px}.verse-text{font-size:1.1rem}.verse-reference{font-size:1rem}.modal-btn{width:calc(100% - 40px);margin:0 20px 30px}.modal-close{top:15px;left:15px;width:35px;height:35px;font-size:1.5rem}}.dashboard{min-height:100vh;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd);position:relative}.dashboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(20,184,166,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(212,168,83,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.dashboard-container{max-width:1280px;margin:0 auto;position:relative;z-index:1}.dashboard-header{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:35px;margin-bottom:30px;box-shadow:0 10px 40px var(--shadow-md),inset 0 1px 1px #fff9;border:1px solid var(--glass-border)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.user-info{display:flex;align-items:center;gap:24px}.user-avatar{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;box-shadow:0 10px 30px var(--shadow-md),0 0 30px var(--primary-glow);border:3px solid rgba(255,255,255,.5)}.user-info h1{font-size:2.2rem;margin-bottom:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-kicker{display:inline-flex;margin-bottom:8px;color:#9a6a23;font-size:.95rem;font-weight:800}.personality-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);padding:10px 20px;border-radius:25px;font-weight:600;color:var(--text-primary);box-shadow:0 4px 12px var(--shadow);border:1px solid var(--border)}.badge-icon{font-size:1.4rem}.points-display{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#0ea5e9,#14b8a6,#d4a853);background-size:200% 200%;animation:gradientShift 5s ease infinite;padding:24px 35px;border-radius:var(--radius-lg);color:#fff;box-shadow:0 10px 30px #0ea5e966,0 0 40px #0ea5e933}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.points-icon{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.points-label{font-size:1rem;opacity:.9;font-weight:500}.points-value{font-size:2.4rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}.progress-section{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:30px}.progress-card,.wave-progress-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:30px;box-shadow:0 8px 32px var(--shadow),inset 0 1px 1px #ffffff80;border:1px solid var(--glass-border)}.progress-card h3,.wave-progress-card h3{margin-bottom:24px;color:var(--text-primary);font-size:1.3rem;display:flex;align-items:center;gap:10px}.progress-stats{display:flex;justify-content:space-around;margin-bottom:24px}.stat{text-align:center}.stat-value{display:block;font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.progress-bar-large{width:100%;height:14px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill-large{height:100%;background:linear-gradient(90deg,#0ea5e9,#14b8a6,#d4a853);background-size:200% 100%;border-radius:12px;transition:width 1s ease;animation:progressShimmer 2s linear infinite;box-shadow:0 0 20px var(--primary-glow)}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wave-circles{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:10px;flex-wrap:wrap}.wave-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;background:var(--bg-tertiary);color:var(--text-secondary);border:3px solid var(--border);transition:var(--transition);box-shadow:0 4px 12px var(--shadow)}.wave-circle.active{background:linear-gradient(135deg,#0ea5e9,#14b8a6);color:#fff;border-color:var(--primary);animation:circlePulse 2s infinite;box-shadow:0 8px 20px var(--primary-glow),0 0 30px var(--primary-glow)}@keyframes circlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.wave-circle.completed{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;border-color:var(--accent);box-shadow:0 8px 20px var(--accent-glow)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:35px}.action-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;text-align:right;color:inherit;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:35px;box-shadow:0 8px 32px var(--shadow),inset 0 1px 1px #ffffff80;border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.action-card:focus-visible{outline:4px solid rgba(212,168,83,.45);outline-offset:4px}.action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.6s}.action-card:hover:before{left:100%}.action-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px var(--shadow-lg),0 0 50px var(--primary-glow)}.action-icon{width:80px;height:80px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:24px;box-shadow:0 10px 25px var(--shadow-md),0 0 30px #0000001a}.action-card h3{font-size:1.5rem;margin-bottom:12px;color:var(--text-primary)}.action-card p{color:var(--text-secondary);margin-bottom:18px;line-height:1.6}.action-title{display:block;font-size:1.5rem;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.action-description{display:block;color:var(--text-secondary);margin-bottom:18px;line-height:1.6;font-weight:500}.action-badge{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:8px 18px;border-radius:25px;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px var(--primary-glow)}.rewards-section{margin-bottom:35px}.rewards-section h2{margin-bottom:24px;text-align:center;font-size:1.8rem;background:linear-gradient(135deg,var(--primary) 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.reward-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:30px;text-align:center;box-shadow:0 8px 32px var(--shadow),inset 0 1px 1px #ffffff80;border:1px solid var(--glass-border);transition:var(--transition)}.reward-card:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 15px 40px var(--shadow-md),0 0 40px var(--gold-glow)}.reward-icon{font-size:4rem;margin-bottom:18px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.reward-card h4{font-size:1.3rem;margin-bottom:12px;color:var(--text-primary)}.reward-card p{font-size:1rem;color:var(--text-secondary);margin-bottom:18px;line-height:1.5}.reward-points{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;padding:10px 20px;border-radius:25px;display:inline-block;font-weight:700;box-shadow:0 4px 12px var(--accent-glow)}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.stat-box{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:28px;display:flex;align-items:center;gap:24px;box-shadow:0 8px 32px var(--shadow),inset 0 1px 1px #ffffff80;border:1px solid var(--glass-border);transition:var(--transition)}.stat-box:hover{transform:translateY(-5px);box-shadow:0 12px 40px var(--shadow-md),0 0 30px var(--primary-glow)}.stat-icon{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.stat-number{font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-text{color:var(--text-secondary);font-size:1rem;font-weight:500}@media(max-width:768px){.dashboard{padding:16px}.dashboard-header{padding:24px}.header-content{flex-direction:column;text-align:center}.user-info{flex-direction:column}.user-avatar{width:80px;height:80px;font-size:3rem}.user-info h1{font-size:1.7rem}.points-display{padding:20px 28px}.points-value{font-size:2rem}.progress-section{grid-template-columns:1fr}.progress-stats{display:grid;grid-template-columns:1fr;gap:16px}.actions-grid,.rewards-grid,.quick-stats{grid-template-columns:1fr}.stat-value{font-size:2rem}.wave-circle{width:42px;height:42px;font-size:1rem}.action-card{padding:24px}.action-icon{width:64px;height:64px;margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.points-display,.progress-fill-large,.wave-circle.active{animation:none}.action-card,.reward-card,.stat-box{transition:none}}.wave-content{min-height:100vh;padding:20px;background:linear-gradient(135deg,#ffecd2,#fcb69f)}.content-container{max-width:1200px;margin:0 auto}.wave-loading{min-height:100vh;display:grid;place-items:center;padding:24px;background:#111923;color:#fff7e6;direction:rtl;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:800;text-align:center}.content-header{background:#fff;border-radius:var(--radius-lg);padding:25px;margin-bottom:25px;box-shadow:0 4px 20px var(--shadow);display:flex;align-items:center;gap:20px}.back-btn{background:var(--bg-tertiary);color:var(--text-primary);padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;transition:var(--transition)}.back-btn:hover{background:var(--primary);color:#fff}.content-header h1{font-size:2rem;margin-bottom:5px}.content-kicker{display:inline-flex;color:#9a6a23;font-size:.9rem;font-weight:800;margin-bottom:6px}.content-header p{color:var(--text-secondary)}.categories-scroll{margin-bottom:30px;overflow-x:auto;-webkit-overflow-scrolling:touch}.categories-list{display:flex;gap:15px;padding:10px 0;min-width:min-content}.category-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 25px;background:#fff;border:3px solid transparent;border-radius:var(--radius);min-width:120px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--shadow);white-space:nowrap}.category-wave-number{position:absolute;top:8px;left:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#0c4a6e;color:#fff;font-size:.78rem;font-weight:800}.category-btn:hover,.category-btn.active{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-md)}.category-icon{font-size:2.5rem}.category-name{font-weight:600;color:var(--text-primary)}.lessons-section{background:#fff;border-radius:var(--radius-lg);padding:30px;box-shadow:0 4px 20px var(--shadow);margin-bottom:25px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--border)}.section-header h2{font-size:1.8rem}.lessons-count{background:var(--primary);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.lessons-grid{display:grid;gap:20px}.lesson-card{background:var(--bg-tertiary);border-radius:var(--radius);padding:25px;transition:var(--transition);position:relative;border:2px solid transparent}.lesson-card.is-completed{border-color:var(--accent)}.lesson-card:hover{border-color:var(--primary);box-shadow:0 8px 20px var(--shadow-md)}.lesson-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.lesson-type{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 14px;border-radius:20px;font-size:.9rem;font-weight:600}.type-icon{font-size:1.2rem}.lesson-duration{color:var(--text-secondary);font-size:.9rem}.lesson-title{font-size:1.4rem;margin-bottom:10px;color:var(--text-primary)}.lesson-description{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.start-lesson-btn{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:14px;border-radius:var(--radius-sm);font-weight:600;font-size:1.05rem;transition:var(--transition)}.start-lesson-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-lg)}.lesson-content{margin-top:20px;padding-top:20px;border-top:2px solid var(--border)}.lesson-rich-content{background:#fff;padding:28px;border-radius:var(--radius);margin-bottom:20px}.lesson-eyebrow{display:inline-flex;color:#9a6a23;font-size:.9rem;font-weight:800;margin-bottom:10px}.lesson-overview{color:var(--text-primary);font-size:1.08rem;margin-bottom:20px}.lesson-section-block{padding:18px;border-radius:8px;background:#f8fbfd;border:1px solid var(--border);margin-bottom:14px}.lesson-section-block h4,.lesson-step-card h4,.lesson-quiz h4{font-size:1.1rem;margin-bottom:10px}.lesson-section-block ul{padding-right:20px;color:var(--text-secondary);line-height:1.9}.lesson-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px}.lesson-step-card{position:relative;padding:20px;border-radius:8px;background:linear-gradient(135deg,#fff,#f0f9ff);border:1px solid var(--border)}.step-number{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;margin-bottom:12px}.activity-chip,.gate-key{display:block;margin-top:12px;padding:10px 12px;border-radius:8px;background:#d4a85324;color:#6f4d17;font-weight:700}.lesson-quiz,.application-box{padding:18px;border-radius:8px;background:#fff8e8;border:1px solid rgba(212,168,83,.35);margin-bottom:16px}.quiz-options{display:flex;flex-wrap:wrap;gap:10px}.quiz-option{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid rgba(12,74,110,.14)}.quiz-option.correct{background:#14b8a624;border-color:#14b8a666;color:#0f766e;font-weight:800}.resources-inline{display:flex;flex-wrap:wrap;gap:8px}.resources-inline span{padding:8px 12px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-primary);font-weight:700}.lesson-pager-inline{display:flex;gap:12px;margin-bottom:15px}.content-placeholder{background:#fff;padding:40px;border-radius:var(--radius);text-align:center;margin-bottom:20px}.placeholder-icon{font-size:4rem;margin-bottom:15px}.placeholder-text{color:var(--text-secondary);margin-top:10px;font-size:.95rem}.lesson-actions{display:flex;gap:15px}.lesson-actions button{flex:1}.completed-badge{position:absolute;top:15px;left:15px;background:var(--accent);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:5rem;margin-bottom:20px}.empty-state h3{font-size:1.5rem;margin-bottom:10px}.empty-state p{color:var(--text-secondary)}.content-footer{background:#fff;border-radius:var(--radius);padding:20px;display:flex;justify-content:space-around;box-shadow:0 4px 16px var(--shadow)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}.pagination-controls button{background:#fff;color:var(--primary);border:2px solid var(--border)}.pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.pagination-controls span{font-weight:800;color:var(--text-primary)}.footer-stat{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-primary)}.footer-icon{font-size:1.5rem}@media(max-width:768px){.wave-content{padding:15px}.content-header{flex-direction:column;align-items:flex-start}.content-header h1{font-size:1.5rem}.categories-list{gap:10px}.category-btn{min-width:100px;padding:15px 20px}.category-icon{font-size:2rem}.lessons-section{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.lesson-actions{flex-direction:column}.lesson-rich-content{padding:18px}.lesson-steps-grid{grid-template-columns:1fr}.lesson-pager-inline{flex-direction:column}.pagination-controls{flex-wrap:wrap}.content-footer{flex-direction:column;gap:15px}}.pauls-journey{min-height:100vh;background:linear-gradient(135deg,#0c4a6e,#0369a1,#0ea5e9);padding:20px;overflow-x:hidden}.back-btn{background:linear-gradient(135deg,#1e3a5f,#0c4a6e);color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 25px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;display:flex;align-items:center;gap:8px}.back-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);border-color:#ffffff80;transform:translate(-5px);box-shadow:0 6px 20px #0006}.journey-intro{max-width:800px;margin:0 auto;padding:40px 20px}.intro-content{background:#fff;border-radius:var(--radius-lg);padding:60px 40px;text-align:center;box-shadow:0 20px 60px #0000004d}.intro-icon{font-size:6rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.intro-title{font-size:3rem;margin-bottom:15px;background:linear-gradient(135deg,#0369a1,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-subtitle{font-size:1.4rem;color:var(--text-secondary);margin-bottom:20px}.intro-description{font-size:1.2rem;color:var(--text-primary);margin-bottom:40px;line-height:1.8}.intro-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.feature-item{background:var(--bg-tertiary);padding:20px;border-radius:var(--radius);display:flex;align-items:center;gap:12px;font-size:1.1rem;transition:var(--transition)}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-md)}.feature-icon{font-size:2rem}.journey-start-btn{font-size:1.5rem;padding:20px 50px;width:auto}.journey-map{max-width:1400px;margin:0 auto}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px 30px;border-radius:var(--radius-lg);box-shadow:0 4px 15px #0003}.map-title h2{font-size:2rem;margin-bottom:5px;color:var(--text-primary)}.map-title p{color:var(--text-secondary);font-size:1.1rem}.map-progress{background:var(--primary);color:#fff;padding:12px 25px;border-radius:var(--radius);font-size:1.3rem;font-weight:700}.map-progress span{direction:ltr;unicode-bidi:isolate;display:inline-block}.map-container{background:#fff;border-radius:var(--radius-lg);padding:40px;margin-bottom:30px;box-shadow:0 10px 40px #0003;min-height:600px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.mediterranean-map{position:relative;width:100%;height:600px;background-image:url(/assets/pauls-journey-map-CkywLl1F.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 0 30px #0000001a}.map-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#bae6fd1a,#0ea5e90d);pointer-events:none}.city-marker{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;position:absolute;transform:translate(-50%,-50%);cursor:pointer;transition:var(--transition);z-index:10}.city-marker.locked{opacity:.4;cursor:not-allowed}.city-marker:focus-visible{outline:4px solid rgba(212,168,83,.5);outline-offset:5px;border-radius:999px}.city-marker.unlocked:hover{transform:translate(-50%,-50%) scale(1.2)}.marker-dot{width:40px;height:40px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;font-weight:900;box-shadow:0 4px 15px #ef444480;border:3px solid white;animation:pulse 2s infinite}.city-marker.completed .marker-dot{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e80;animation:none}.marker-label{position:absolute;top:50px;left:50%;transform:translate(-50%);background:#fff;padding:8px 15px;border-radius:var(--radius-sm);font-weight:700;white-space:nowrap;box-shadow:0 2px 10px #0003;font-size:.95rem}.marker-lock{position:absolute;top:-10px;right:-10px;font-size:1.2rem}.city-drawer{background:#fff;border-radius:var(--radius-lg);padding:22px;box-shadow:0 10px 40px #0000002e}.drawer-header{margin-bottom:16px}.drawer-header h3{font-size:1.35rem;margin-bottom:6px}.drawer-header p{font-size:.92rem}.city-card-list{display:grid;gap:10px;max-height:584px;overflow-y:auto;padding-left:4px}.city-card-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#f7fbff;border:1px solid var(--border);color:var(--text-primary);text-align:right}.city-card-button:disabled{opacity:.5;cursor:not-allowed}.city-card-button:not(:disabled):hover,.city-card-button:focus-visible{border-color:var(--primary);background:#fff;box-shadow:0 8px 18px var(--shadow)}.city-card-button.completed{border-color:#14b8a673;background:#14b8a61a}.city-card-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:900}.city-card-copy{display:grid;gap:2px}.city-card-copy strong,.city-card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-card-copy small{color:var(--text-secondary);font-size:.82rem}.city-card-status{color:var(--primary);font-weight:800;font-size:.86rem}.journey-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:20px}.legend-item{background:#fff;padding:15px 20px;border-radius:var(--radius);display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000001a}.legend-number{width:35px;height:35px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.legend-name{font-weight:700;color:var(--text-primary);font-size:1.05rem}.legend-ref{color:var(--text-secondary);font-size:.9rem}.values-display{display:flex;justify-content:center;gap:30px;background:#fff;padding:20px;border-radius:var(--radius-lg);box-shadow:0 4px 15px #0000001a}.value-item{display:flex;align-items:center;gap:10px;padding:15px 25px;background:var(--bg-tertiary);border-radius:var(--radius)}.value-icon{font-size:2rem}.value-label{font-weight:600;color:var(--text-secondary);font-size:1.1rem}.value-number{font-size:1.5rem;font-weight:700;color:var(--primary)}.city-story{max-width:900px;margin:0 auto}.story-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px 30px;border-radius:var(--radius-lg);box-shadow:0 4px 15px #0003}.story-location h2{font-size:2.2rem;margin-bottom:5px;color:var(--text-primary)}.journey-badge{background:var(--primary);color:#fff;padding:8px 15px;border-radius:var(--radius-sm);font-size:.95rem;display:inline-block}.story-content{background:#fff;border-radius:var(--radius-lg);padding:50px 40px;box-shadow:0 10px 40px #0003}.story-title{font-size:2.5rem;margin-bottom:30px;color:var(--text-primary);text-align:center;background:linear-gradient(135deg,#0369a1,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-text{font-size:1.3rem;line-height:2;color:var(--text-primary);margin-bottom:35px;text-align:justify}.story-verse{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:30px;border-radius:var(--radius);margin-bottom:35px;text-align:center}.story-verse .verse-icon{font-size:3rem;margin-bottom:15px}.story-verse .verse-text{font-size:1.4rem;font-weight:600;line-height:1.8;margin-bottom:15px;font-style:italic;color:#fff}.story-verse .verse-reference{font-size:1.1rem;opacity:.9;color:#fff}.story-situation{background:var(--bg-tertiary);padding:25px;border-radius:var(--radius);margin-bottom:35px;border-right:4px solid var(--accent)}.story-situation h3{font-size:1.4rem;margin-bottom:15px;color:var(--text-primary)}.story-situation p{font-size:1.2rem;line-height:1.8;color:var(--text-secondary)}.story-choices h3{font-size:1.5rem;margin-bottom:25px;text-align:center;color:var(--text-primary)}.choices-grid{display:grid;gap:20px}.choice-btn{background:#fff;border:3px solid var(--bg-tertiary);padding:25px;border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-align:right;display:flex;align-items:center;gap:20px;font-size:1.15rem;color:var(--text-primary)}.choice-btn:hover{border-color:var(--primary);background:var(--bg-secondary);transform:translate(-5px);box-shadow:0 8px 20px var(--shadow-md)}.choice-number{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;flex-shrink:0}.choice-text{flex:1;line-height:1.6}.choice-result{max-width:800px;margin:0 auto}.result-header{text-align:center;margin-bottom:30px}.result-header .result-icon{font-size:5rem;margin-bottom:15px;animation:bounce 1s ease-in-out}.result-header h2{font-size:2.5rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.result-content{background:#fff;border-radius:var(--radius-lg);padding:50px 40px;box-shadow:0 10px 40px #0003}.result-feedback{font-size:1.3rem;line-height:2;color:var(--text-primary);margin-bottom:35px;text-align:justify;background:var(--bg-tertiary);padding:25px;border-radius:var(--radius);border-right:4px solid var(--accent)}.result-verse{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:30px;border-radius:var(--radius);margin-bottom:35px;text-align:center}.result-verse .verse-icon{font-size:3rem;margin-bottom:15px}.result-verse .verse-text{font-size:1.3rem;font-weight:600;line-height:1.8;margin-bottom:15px;font-style:italic;color:#fff}.result-verse .verse-reference{font-size:1.1rem;opacity:.9;color:#fff}.result-values h3{font-size:1.5rem;margin-bottom:20px;text-align:center;color:var(--text-primary)}.values-gained{display:flex;justify-content:center;gap:25px;margin-bottom:35px;flex-wrap:wrap}.value-gain{background:var(--bg-tertiary);padding:20px 30px;border-radius:var(--radius);display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;color:var(--primary);box-shadow:0 4px 12px var(--shadow)}.gain-icon{font-size:2rem}.continue-btn{width:100%;font-size:1.3rem;padding:18px}.journey-summary{max-width:1000px;margin:0 auto}.summary-header{text-align:center;margin-bottom:40px}.summary-icon{font-size:6rem;margin-bottom:20px;animation:bounce 1.5s ease-in-out}.summary-header h1{font-size:3rem;color:#fff;margin-bottom:15px;text-shadow:0 2px 15px rgba(0,0,0,.3)}.summary-header p{font-size:1.3rem;color:#ffffffe6}.summary-content{background:#fff;border-radius:var(--radius-lg);padding:50px 40px;box-shadow:0 10px 40px #0003}.final-values h3{font-size:1.8rem;margin-bottom:30px;text-align:center;color:var(--text-primary)}.final-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:50px}.final-value-card{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);padding:35px 20px;border-radius:var(--radius);text-align:center;box-shadow:0 4px 15px var(--shadow);transition:var(--transition)}.final-value-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px var(--shadow-md)}.final-value-icon{font-size:4rem;margin-bottom:15px}.final-value-number{font-size:3.5rem;font-weight:700;color:var(--primary);margin-bottom:10px}.final-value-label{font-size:1.3rem;font-weight:600;color:var(--text-secondary)}.journey-recap h3{font-size:1.8rem;margin-bottom:25px;color:var(--text-primary)}.recap-list{max-height:400px;overflow-y:auto;margin-bottom:40px}.recap-item{display:flex;gap:20px;padding:20px;background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:15px;transition:var(--transition)}.recap-item:hover{background:var(--bg-secondary);transform:translate(-5px)}.recap-number{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.recap-details{flex:1}.recap-city{font-weight:700;color:var(--text-primary);font-size:1.1rem;margin-bottom:5px}.recap-choice{color:var(--text-secondary);font-size:1rem;line-height:1.5}.summary-message{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:30px;border-radius:var(--radius);margin-bottom:35px;text-align:center}.summary-message p{font-size:1.3rem;line-height:1.8;color:#fff}.summary-actions{display:flex;gap:20px}.summary-actions button{flex:1;font-size:1.2rem;padding:18px}@media(max-width:1100px){.map-layout{grid-template-columns:1fr}.city-card-list{max-height:none}}@media(max-width:768px){.pauls-journey{padding:10px}.intro-content{padding:40px 25px}.intro-icon{font-size:4rem}.intro-title{font-size:2rem}.intro-subtitle{font-size:1.1rem}.intro-description{font-size:1rem}.intro-features{grid-template-columns:1fr}.journey-start-btn{font-size:1.2rem;padding:16px 30px;width:100%}.map-header{flex-direction:column;gap:15px;padding:20px;align-items:stretch}.map-title h2{font-size:1.5rem}.map-title p{font-size:1rem}.map-container{padding:10px;min-height:auto;margin-bottom:0}.mediterranean-map{height:330px;background-size:cover}.marker-dot{width:34px;height:34px;font-size:.88rem;border-width:2px}.marker-label{display:none}.map-layout{grid-template-columns:1fr}.city-drawer{padding:16px;border-radius:18px}.city-card-list{max-height:none}.city-card-button{min-height:70px;grid-template-columns:36px minmax(0,1fr) auto;padding:12px}.journey-legend{grid-template-columns:1fr}.values-display{flex-direction:column;gap:15px}.value-item{justify-content:center}.story-header{flex-direction:column;gap:15px;padding:20px}.story-location h2{font-size:1.8rem}.story-content{padding:30px 20px}.story-title{font-size:1.8rem}.story-text{font-size:1.1rem}.story-verse{padding:20px}.story-verse .verse-icon{font-size:2.5rem}.story-verse .verse-text{font-size:1.2rem}.story-situation{padding:20px}.story-situation h3{font-size:1.2rem}.story-situation p{font-size:1.05rem}.choice-btn{padding:20px;font-size:1.05rem}.choice-number{width:35px;height:35px;font-size:1.1rem}.result-header .result-icon{font-size:4rem}.result-header h2{font-size:2rem}.result-content{padding:30px 20px}.result-feedback{font-size:1.1rem;padding:20px}.values-gained{flex-direction:column}.value-gain{justify-content:center}.summary-icon{font-size:4rem}.summary-header h1{font-size:2rem}.summary-header p{font-size:1.1rem}.summary-content{padding:30px 20px}.final-values-grid{grid-template-columns:1fr}.final-value-icon{font-size:3rem}.final-value-number{font-size:2.5rem}.summary-actions{flex-direction:column}.summary-actions button{width:100%}}.heavenly-ladder{width:100%;min-height:100vh;position:relative;overflow:hidden}.hl-back-btn{position:fixed;bottom:20px;left:20px;padding:12px 25px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;box-shadow:0 5px 20px #667eea66;z-index:100}.hl-back-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translate(-5px);box-shadow:0 8px 25px #667eea80}.hl-intro-back{position:absolute!important;top:20px;right:20px;left:auto!important;bottom:auto!important;width:auto!important;max-width:fit-content}.hl-intro{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn 1s ease-in;position:relative}.hl-intro-content{text-align:center;color:#fff;max-width:600px}.hl-title{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:slideDown .8s ease-out}.hl-subtitle{font-size:1.5rem;margin-bottom:1rem;opacity:.9;animation:slideDown 1s ease-out}.hl-description{font-size:1.1rem;margin-bottom:2rem;line-height:1.8;opacity:.95;animation:slideDown 1.2s ease-out;color:#fff}.hl-features{display:flex;justify-content:space-around;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.hl-feature{flex:1;min-width:150px;padding:1rem;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp 1.4s ease-out}.hl-feature-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.hl-feature p{font-size:1rem;margin:0;color:#fff}.hl-start-btn{padding:1rem 3rem;font-size:1.3rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;animation:pulse 2s infinite}.hl-start-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0006}.hl-dark-scene{width:100%;min-height:100vh;background:linear-gradient(to bottom,#0f0c29,#302b63,#24243e);display:flex;align-items:center;justify-content:center;position:relative;animation:fadeIn 1s ease-in}.hl-noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#0000001a,#0003,#0000001a 4px);animation:noise .2s infinite;opacity:.5}@keyframes noise{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.hl-dark-content{text-align:center;color:#fff9;z-index:1;padding:2rem}.hl-dark-text{font-size:1.5rem;animation:pulse 2s infinite}.hl-light-scene{width:100%;min-height:100vh;background:linear-gradient(to top,#ffecd2,#fcb69f,#a8edea);display:flex;align-items:center;justify-content:center;padding:2rem;animation:lightUp 2s ease-in}@keyframes lightUp{0%{background:linear-gradient(to bottom,#0f0c29,#302b63,#24243e)}to{background:linear-gradient(to top,#ffecd2,#fcb69f,#a8edea)}}.hl-light-content{text-align:center;color:#333}.hl-ladder-preview{width:100px;height:200px;margin:0 auto 2rem;position:relative}.hl-ladder-line{width:10px;height:100%;background:linear-gradient(to top,#667eea,#f5af19);margin:0 auto;border-radius:5px;animation:grow 1.5s ease-out}@keyframes grow{0%{height:0}to{height:100%}}.hl-light-text{font-size:1.5rem;margin-bottom:2rem;color:#555}.hl-continue-btn{padding:1rem 2.5rem;font-size:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px #0003;transition:all .3s ease}.hl-continue-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000004d}.hl-ladder-view{width:100%;height:100vh;max-height:100vh;background:linear-gradient(to top,#0a0a15,#1a1a2e,#16213e,#0f3460,#1e5a8e,#2b6cb0,#3b82f6,#60a5fa,#7bb3db,#93c5fd,#bfdbfe,#dbeafe 88%,#eff6ff 94%,#f0f9ff,#e3f2fd);padding:2rem;padding-bottom:100px;position:relative;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.hl-ladder-view::-webkit-scrollbar{display:none}.hl-heaven-area{position:absolute;top:0;left:0;width:100%;height:500px;background:linear-gradient(to bottom,#e3f2fd 0%,#dbeafe 15%,#bfdbfe 30%,#93c5fd 45%,#7bb3db 60%,rgba(147,197,253,.5) 75%,rgba(191,219,254,.3) 85%,rgba(239,246,255,.1) 95%,transparent 100%);z-index:5;overflow:hidden}.hl-heaven-sky{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,rgba(255,255,255,.8) 0%,rgba(227,242,253,.6) 40%,transparent 70%)}.hl-heaven-light{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,215,0,.6) 0%,rgba(255,237,78,.4) 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:heavenGlow 4s infinite alternate;filter:blur(30px)}@keyframes heavenGlow{0%{transform:scale(1);opacity:.6}to{transform:scale(1.3);opacity:1}}.hl-heaven-title{font-size:3rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.6),0 0 60px rgba(255,215,0,.4),0 2px 10px rgba(0,0,0,.3);animation:heavenTitlePulse 3s infinite;position:relative;z-index:2;margin-bottom:1rem}@keyframes heavenTitlePulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.hl-heaven-subtitle{font-size:1.8rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8),0 2px 5px rgba(0,0,0,.3);position:relative;z-index:2;animation:float 3s ease-in-out infinite}.hl-clouds{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hl-cloud{position:absolute;font-size:3rem;opacity:.8;animation:cloudFloat 20s infinite linear}@keyframes cloudFloat{0%{transform:translate(0)}to{transform:translate(100px)}}.hl-cloud-1{left:10%;top:50px;font-size:4rem;animation-delay:0s;animation-duration:25s}.hl-cloud-2{left:30%;top:100px;font-size:3.5rem;animation-delay:2s;animation-duration:22s}.hl-cloud-3{left:60%;top:80px;font-size:3rem;animation-delay:4s;animation-duration:20s}.hl-cloud-4{left:80%;top:120px;font-size:3.8rem;animation-delay:1s;animation-duration:24s}.hl-cloud-5{left:20%;top:200px;font-size:3.2rem;animation-delay:3s;animation-duration:21s}.hl-cloud-6{left:70%;top:180px;font-size:3.6rem;animation-delay:5s;animation-duration:23s}.hl-ladder-view:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(138,43,226,.1) 0%,transparent 50%);animation:backgroundShift 10s infinite alternate}@keyframes backgroundShift{0%{opacity:.5}to{opacity:1}}.hl-stars{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.hl-star{position:absolute;animation:twinkle 3s infinite;opacity:0}@keyframes twinkle{0%,to{opacity:0}50%{opacity:1}}.hl-ladder-container{max-width:900px;margin:0 auto;min-height:2000px;height:auto;position:relative;z-index:1;padding-top:100px;padding-bottom:50px}.hl-ladder-rail{position:absolute;left:calc(50% - 80px);top:0;width:12px;height:100%;background:linear-gradient(to top,gold,#ffed4e,#fff9c4,#e3f2fd,#bbdefb,#90caf9);border-radius:8px;box-shadow:0 0 30px #ffd70099,0 0 60px #ffd70066,inset 0 0 20px #ffffff4d;animation:ladderGlow 3s infinite alternate}.hl-ladder-rail:before{content:"";position:absolute;left:160px;top:0;width:12px;height:100%;background:linear-gradient(to top,gold,#ffed4e,#fff9c4,#e3f2fd,#bbdefb,#90caf9);border-radius:8px;box-shadow:0 0 30px #ffd70099,0 0 60px #ffd70066,inset 0 0 20px #ffffff4d}.hl-ladder-rung{position:absolute;left:calc(50% - 80px);width:172px;height:10px;background:linear-gradient(to right,#ffd7004d,#ffd700e6 10%,#ffed4e,#ffd700e6 90%,#ffd7004d);border-radius:5px;box-shadow:0 2px 10px #ffd70066,0 0 20px #ffd70033,inset 0 1px 3px #ffffff80,inset 0 -1px 3px #0003;z-index:1;animation:rungGlow 3s infinite alternate;animation-delay:calc(var(--rung-index, 0) * .1s)}@keyframes rungGlow{0%{box-shadow:0 2px 10px #ffd70066,0 0 20px #ffd70033,inset 0 1px 3px #ffffff80,inset 0 -1px 3px #0003}to{box-shadow:0 2px 15px #ffd70099,0 0 30px #ffd70066,inset 0 1px 5px #ffffffb3,inset 0 -1px 5px #0000004d}}@keyframes ladderGlow{0%{box-shadow:0 0 30px #ffd70099,0 0 60px #ffd70066,inset 0 0 20px #ffffff4d}to{box-shadow:0 0 40px #ffd700cc,0 0 80px #ffd70099,inset 0 0 30px #ffffff80}}.hl-door{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #0000004d,0 0 20px #ffd70033,inset 0 0 20px #ffffff80;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);min-width:380px;max-width:450px;animation:doorAppear .6s ease-out;z-index:10}@keyframes doorAppear{0%{opacity:0;transform:translate(-50%) translateY(50px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.hl-door:hover{transform:translate(-50%) scale(1.08) translateY(-5px);box-shadow:0 15px 50px #0006,0 0 40px #ffd70066,inset 0 0 30px #ffffffb3;border-color:#ffd70099}.hl-door.locked{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#6464644d,#5050504d);border-color:#6464644d;box-shadow:0 5px 15px #0003}.hl-door.locked:hover{transform:translate(-50%) scale(1);box-shadow:0 5px 15px #0003}.hl-door.completed{background:linear-gradient(135deg,#a8edeaf2,#fed6e3f2);border-color:#10b98180;box-shadow:0 8px 32px #10b9814d,0 0 30px #10b98133,inset 0 0 20px #fff9;animation:completedPulse 2s infinite}@keyframes completedPulse{0%,to{box-shadow:0 8px 32px #10b9814d,0 0 30px #10b98133,inset 0 0 20px #fff9}50%{box-shadow:0 8px 32px #10b98180,0 0 40px #10b98166,inset 0 0 30px #fffc}}.hl-door-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;flex-shrink:0;box-shadow:0 5px 15px #0000004d,inset 0 0 15px #ffffff4d;transition:all .3s ease;position:relative}.hl-door-icon:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:inherit;opacity:.3;filter:blur(10px);z-index:-1}.hl-door:hover .hl-door-icon{transform:rotate(360deg) scale(1.1)}.hl-door-info{flex:1}.hl-door-info h3{margin:0 0 .5rem;font-size:1.4rem;color:#1a1a2e;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.8)}.hl-door-info p{margin:0;font-size:1rem;color:#555;line-height:1.4}.hl-ladder-progress{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:20px;border:2px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #0000004d,0 0 20px #ffd70033;text-align:center;z-index:100}.hl-ladder-progress p{margin:.5rem 0;font-weight:700;font-size:1.1rem;color:gold;text-shadow:0 1px 3px rgba(0,0,0,.3)}.hl-ladder-progress p:first-child{color:#667eea}.hl-back-btn{position:fixed;bottom:20px;left:20px;padding:1rem 2.5rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.5);color:#667eea;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 5px 20px #0003,0 0 15px #667eea33;z-index:100}.hl-back-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d,0 0 25px #667eea66}.hl-door-view{width:100%;min-height:100vh;background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:2rem}.hl-church-interior{max-width:900px;margin:0 auto;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #0003;position:relative;min-height:500px}.hl-prayer-name{text-align:center;font-size:2rem;color:#667eea;margin-bottom:.5rem}.hl-prayer-meaning{text-align:center;font-size:1.2rem;color:#666;margin-bottom:2rem}.hl-voiceover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:15px;margin-bottom:2rem;display:flex;gap:1rem;align-items:flex-start}.hl-voiceover-icon{font-size:2rem;flex-shrink:0}.hl-voiceover p{margin:0;line-height:1.8;font-size:1.1rem;color:#fff}.hl-symbols-container{position:relative;width:100%;height:300px;background:linear-gradient(135deg,#ffecd2,#fcb69f,#a8edea);border-radius:15px;margin-bottom:2rem}.hl-symbol{position:absolute;width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px #0003;transition:all .3s ease;animation:pulse 2s infinite}.hl-symbol:hover{transform:scale(1.2);box-shadow:0 8px 25px #0000004d}.hl-symbol-icon{font-size:2rem}.hl-start-section-btn{display:block;margin:0 auto;padding:1rem 3rem;font-size:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px #0003;transition:all .3s ease}.hl-start-section-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000004d}.hl-symbol-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in}.hl-symbol-modal{background:#fff;border-radius:20px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;position:relative}.hl-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:2rem;cursor:pointer;color:#999;transition:color .3s ease}.hl-modal-close:hover{color:#333}.hl-symbol-header{text-align:center;margin-bottom:1.5rem}.hl-symbol-modal-icon{font-size:4rem;display:block;margin-bottom:1rem}.hl-symbol-header h3{margin:0;font-size:1.8rem;color:#667eea}.hl-symbol-meaning{font-size:1.2rem;color:#555;line-height:1.8;margin-bottom:1.5rem;text-align:center}.hl-symbol-verse{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:15px;text-align:center}.hl-symbol-verse p{margin:0;font-size:1.1rem;line-height:1.8;font-style:italic;color:#fff}.hl-section-view{width:100%;min-height:100vh;background:linear-gradient(135deg,#a8edea,#fed6e3);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.hl-section-title{font-size:2rem;color:#667eea;margin-bottom:2rem;text-align:center}.hl-section-animation{width:300px;height:300px;margin:0 auto 2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;align-items:center;justify-content:center;overflow:hidden}.hl-animation{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem}.hl-animation-thanksgiving:before{content:"🙏";animation:bounce 1s infinite}.hl-animation-supplication:before{content:"🕊️";animation:float 2s infinite}.hl-animation-reading-pauline:before{content:"📜";animation:pulse 2s infinite}.hl-animation-reading-gospel:before{content:"✝️";animation:glow 2s infinite}.hl-animation-creed-trinity:before{content:"☦️";animation:rotate 3s infinite linear}.hl-animation-peace-kiss:before{content:"🤝";animation:bounce 1s infinite}.hl-animation-epiclesis:before{content:"✨";animation:sparkle 1.5s infinite}.hl-animation-institution:before{content:"🍞";animation:pulse 2s infinite}.hl-animation-transformation:before{content:"⚡";animation:flash 1s infinite}.hl-animation-preparation:before{content:"💫";animation:float 2s infinite}.hl-animation-receiving:before{content:"🙏";animation:bounce 1s infinite}.hl-animation-final-blessing:before{content:"🙌";animation:pulse 2s infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(102,126,234,.5))}50%{filter:drop-shadow(0 0 20px rgba(102,126,234,1))}}.hl-section-text{max-width:600px;font-size:1.3rem;color:#555;text-align:center;line-height:1.8;margin-bottom:2rem}.hl-section-next-btn{padding:1rem 3rem;font-size:1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px #0003;transition:all .3s ease}.hl-section-next-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000004d}.hl-quiz-view,.hl-final-quiz-view{width:100%;min-height:100vh;background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.hl-final-quiz-title{font-size:2.5rem;color:#667eea;margin-bottom:1rem;text-align:center}.hl-quiz-question{font-size:1.8rem;color:#333;margin-bottom:2rem;text-align:center;max-width:700px}.hl-quiz-options{display:flex;flex-direction:column;gap:1rem;max-width:600px;width:100%}.hl-quiz-option{padding:1.5rem;font-size:1.1rem;background:#fff;color:#333;border:3px solid transparent;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:right;box-shadow:0 5px 15px #0000001a}.hl-quiz-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0003;border-color:#667eea}.hl-quiz-option.correct{background:linear-gradient(135deg,#a8edea,#fed6e3);border-color:#10b981;animation:correctAnswer .5s ease-out}.hl-quiz-option.incorrect{background:#fee;border-color:#ef4444;animation:shake .5s ease-out}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.hl-reflection{margin-top:2rem;padding:2rem;background:#fff;border-radius:15px;max-width:600px;box-shadow:0 5px 20px #0000001a}.hl-reflection h4{color:#667eea;font-size:1.5rem;margin-bottom:1rem}.hl-reflection p{color:#555;font-size:1.1rem;line-height:1.8;margin:0}.hl-heaven-view{width:100%;min-height:100vh;background:linear-gradient(135deg,#ffecd2,#fcb69f,#a8edea);display:flex;align-items:center;justify-content:center;padding:2rem;animation:heavenGlow 3s infinite}@keyframes heavenGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.hl-heaven-content{text-align:center;max-width:700px;background:#fff;padding:3rem;border-radius:30px;box-shadow:0 20px 60px #0003}.hl-heaven-title{font-size:3rem;color:#667eea;margin-bottom:1.5rem;animation:pulse 2s infinite}.hl-heaven-text{font-size:1.3rem;color:#555;line-height:1.8;margin-bottom:2rem}.hl-heaven-stats{display:flex;justify-content:space-around;margin-bottom:2rem;gap:1rem}.hl-stat{flex:1;padding:1.5rem;background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:15px}.hl-stat-icon{font-size:3rem;display:block;margin-bottom:.5rem}.hl-stat p{margin:0;font-size:1.1rem;font-weight:700;color:#333}.hl-heaven-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:15px;margin-bottom:2rem}.hl-heaven-message p{margin:0;font-size:1.2rem;line-height:1.8;font-style:italic;color:#fff}.hl-heaven-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hl-complete-btn,.hl-replay-btn{padding:1rem 2.5rem;font-size:1.2rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #0003}.hl-complete-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hl-complete-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000004d}.hl-replay-btn{background:#fff;color:#667eea;border:2px solid #667eea}.hl-replay-btn:hover{background:#667eea;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(-50%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(max-width:768px){.hl-title{font-size:2rem}.hl-subtitle{font-size:1.2rem}.hl-description{font-size:1rem}.hl-features{flex-direction:column}.hl-ladder-view{padding:1rem;padding-bottom:80px}.hl-ladder-container{min-height:1600px}.hl-ladder-rail{left:calc(50% - 60px)}.hl-ladder-rail:before{left:120px}.hl-ladder-rung{left:calc(50% - 60px);width:132px}.hl-door{min-width:280px;max-width:320px;padding:1rem 1.5rem;gap:1rem}.hl-door-icon{width:55px;height:55px;font-size:2rem}.hl-door-info h3{font-size:1.1rem}.hl-door-info p{font-size:.9rem}.hl-ladder-progress{top:10px;right:10px;padding:.8rem 1rem;font-size:.9rem}.hl-ladder-progress p{font-size:.9rem}.hl-back-btn{bottom:10px;left:10px;padding:.8rem 1.5rem;font-size:1rem}.hl-heaven-area{height:350px}.hl-heaven-subtitle{font-size:1.3rem}.hl-heaven-light{width:250px;height:250px}.hl-cloud{font-size:2rem}.hl-cloud-1{font-size:2.5rem}.hl-cloud-2{font-size:2.2rem}.hl-cloud-3{font-size:2rem}.hl-cloud-4{font-size:2.4rem}.hl-cloud-5{font-size:2.1rem}.hl-cloud-6{font-size:2.3rem}.hl-prayer-name{font-size:1.5rem}.hl-prayer-meaning{font-size:1rem}.hl-voiceover{padding:1rem}.hl-voiceover p{font-size:1rem}.hl-section-animation{width:250px;height:250px}.hl-animation{font-size:4rem}.hl-section-title{font-size:1.5rem}.hl-section-text{font-size:1.1rem}.hl-quiz-question{font-size:1.3rem}.hl-quiz-option{padding:1rem;font-size:1rem}.hl-heaven-title{font-size:2rem}.hl-heaven-text{font-size:1.1rem}.hl-heaven-stats{flex-direction:column}.hl-heaven-message p{font-size:1rem}.hl-heaven-actions{flex-direction:column}.hl-complete-btn,.hl-replay-btn{width:100%}}.church-history{width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem;position:relative;direction:rtl;font-family:Cairo,sans-serif}.ch-back-btn{position:fixed;top:1rem;left:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;z-index:100}.ch-back-btn:hover{background:#fff3;transform:translate(-5px)}.ch-intro{max-width:1200px;margin:0 auto;text-align:center;animation:fadeIn .8s ease}.ch-intro-header{margin-bottom:3rem}.ch-title{font-size:3rem;color:gold;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,215,0,.5);animation:pulse 2s infinite}.ch-subtitle{font-size:1.5rem;color:#fff;font-weight:300}.ch-comparison{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:3rem 0;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.ch-comparison-side{flex:1;padding:2rem;border-radius:15px;transition:all .3s ease}.ch-comparison-side:hover{transform:translateY(-5px)}.ch-past{background:linear-gradient(135deg,#8b45134d,#6543214d);border:2px solid rgba(139,69,19,.5)}.ch-present{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border:2px solid rgba(59,130,246,.5)}.ch-comparison-side h3{font-size:1.8rem;color:gold;margin-bottom:1.5rem}.ch-crisis-icons{display:flex;flex-direction:column;gap:1rem}.ch-crisis-icon{background:#ffffff1a;padding:1rem;border-radius:10px;font-size:1.2rem;color:#fff;transition:all .3s ease}.ch-crisis-icon:hover{background:#fff3;transform:translate(5px)}.ch-comparison-arrow{font-size:3rem;color:gold;animation:pulse 2s infinite}.ch-question-box{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#ffd70033,#ffa50033);border-radius:20px;border:2px solid rgba(255,215,0,.5)}.ch-big-question{font-size:2rem;color:gold;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.3)}.ch-start-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;font-size:1.5rem;font-weight:700;padding:1rem 3rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ffd7004d}.ch-start-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #ffd70080}.ch-crisis-select{max-width:1200px;margin:0 auto;animation:fadeIn .8s ease}.ch-section-title{font-size:2.5rem;color:gold;text-align:center;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,215,0,.5)}.ch-section-subtitle{font-size:1.3rem;color:#fff;text-align:center;margin-bottom:3rem;font-weight:300}.ch-crisis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.ch-crisis-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.ch-crisis-card:hover{transform:translateY(-10px);border-color:#ffd70080;box-shadow:0 15px 40px #ffd7004d}.ch-crisis-card.completed{border-color:#22c55e80;background:#22c55e1a}.ch-crisis-icon-large{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.ch-crisis-card h3{font-size:1.8rem;color:gold;margin-bottom:.5rem}.ch-crisis-period{font-size:1rem;color:#fff;margin-bottom:1rem}.ch-crisis-desc{font-size:1.1rem;color:#fff;line-height:1.6}.ch-completed-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700}.ch-hook{max-width:1200px;margin:0 auto;animation:fadeIn .8s ease}.ch-hook-split{display:flex;gap:2rem;align-items:stretch;margin-bottom:2rem}.ch-hook-side{flex:1;padding:2rem;border-radius:20px;border:2px solid;transition:all .3s ease}.ch-hook-side:hover{transform:scale(1.02)}.ch-hook-past{background:linear-gradient(135deg,#8b451333,#65432133);border-color:#8b451380}.ch-hook-present{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f680}.ch-hook-label{font-size:1.5rem;color:gold;font-weight:700;margin-bottom:1.5rem;text-align:center}.ch-hook-scene{text-align:center}.ch-scene-icon{font-size:5rem;margin-bottom:1.5rem;animation:pulse 2s infinite}.ch-scene-text{font-size:1.3rem;color:#fff;line-height:1.8}.ch-hook-divider{display:flex;align-items:center;justify-content:center}.ch-time-arrow{font-size:3rem;color:gold;animation:pulse 2s infinite}.ch-hook-question{background:linear-gradient(135deg,#ffd70033,#ffa50033);border:2px solid rgba(255,215,0,.5);border-radius:20px;padding:2rem;margin-bottom:2rem}.ch-hook-question p{font-size:1.8rem;color:gold;text-align:center;font-weight:700}.ch-continue-btn{display:block;margin:0 auto;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.3rem;font-weight:700;padding:1rem 2.5rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #3b82f64d}.ch-continue-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #3b82f680}.ch-story{max-width:900px;margin:0 auto;animation:fadeIn .8s ease}.ch-story-progress{text-align:center;margin-bottom:2rem}.ch-progress-bar{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.ch-progress-dot{width:15px;height:15px;border-radius:50%;background:#fff3;transition:all .3s ease}.ch-progress-dot.active{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 0 15px #ffd70080;transform:scale(1.3)}.ch-day-label{font-size:1.3rem;color:gold;font-weight:700}.ch-story-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;text-align:center}.ch-story-icon{font-size:5rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}.ch-story-title{font-size:2rem;color:gold;margin-bottom:1.5rem}.ch-story-text{font-size:1.3rem;color:#fff;line-height:1.8;margin-bottom:2rem}.ch-characters{background:#ffffff0d;border-radius:15px;padding:1.5rem;margin-top:2rem;text-align:right}.ch-characters h4{font-size:1.3rem;color:gold;margin-bottom:1rem}.ch-character{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#ffffff0d;border-radius:10px;margin-bottom:.5rem}.ch-char-icon{font-size:2rem}.ch-char-name{font-size:1.2rem;color:gold;font-weight:700;flex:1}.ch-char-role{font-size:1rem;color:#fff}.ch-decision-box{background:linear-gradient(135deg,#ef444433,#dc262633);border:2px solid rgba(239,68,68,.5);border-radius:15px;padding:1.5rem;margin-top:2rem;text-align:right}.ch-decision-box h4{font-size:1.3rem;color:gold;margin-bottom:1rem}.ch-decision-box p{font-size:1.2rem;color:#fff;line-height:1.6}.ch-next-btn{display:block;margin:2rem auto 0;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;font-size:1.3rem;font-weight:700;padding:1rem 2.5rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ffd7004d}.ch-next-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #ffd70080}.ch-personality-view{max-width:900px;margin:0 auto;animation:fadeIn .8s ease}.ch-personality-header{text-align:center;margin-bottom:2rem}.ch-personality-type{font-size:1.3rem;color:#3b82f6;font-weight:700}.ch-personality-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;text-align:center}.ch-personality-icon{font-size:5rem;margin-bottom:1.5rem;animation:pulse 2s infinite}.ch-personality-content h3{font-size:2rem;color:gold;margin-bottom:1rem}.ch-personality-desc{font-size:1.2rem;color:#fff;line-height:1.8;margin-bottom:2rem}.ch-historical-example{background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:1.5rem;margin-bottom:2rem;text-align:right}.ch-historical-example h4{font-size:1.3rem;color:gold;margin-bottom:1rem}.ch-historical-example p{font-size:1.1rem;color:#fff;line-height:1.6}.ch-choices{text-align:right;margin-top:2rem}.ch-choices h4{font-size:1.3rem;color:gold;margin-bottom:1.5rem;text-align:center}.ch-choice-btn{display:block;width:100%;background:#3b82f633;border:2px solid rgba(59,130,246,.5);color:#fff;font-size:1.2rem;padding:1rem 1.5rem;border-radius:15px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease;text-align:right}.ch-choice-btn:hover{background:#3b82f64d;transform:translate(5px)}.ch-choice-btn.selected{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;color:#1a1a2e;font-weight:700}.ch-choice-feedback{background:#22c55e33;border:2px solid rgba(34,197,94,.5);border-radius:15px;padding:1.5rem;margin-top:1.5rem;animation:fadeIn .5s ease}.ch-feedback-text{font-size:1.2rem;color:#fff;line-height:1.6;text-align:right}.ch-case-study{max-width:900px;margin:0 auto;animation:fadeIn .8s ease}.ch-case-scenario{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;margin-bottom:2rem}.ch-scenario-text{font-size:1.4rem;color:#fff;line-height:1.8;text-align:center}.ch-case-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.ch-case-option{display:flex;align-items:center;gap:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:right}.ch-case-option:hover:not(:disabled){background:#ffffff1a;border-color:#ffd70080;transform:translate(5px)}.ch-case-option.selected{background:#3b82f633;border-color:#3b82f680}.ch-case-option:disabled{cursor:not-allowed;opacity:.6}.ch-option-icon{font-size:2rem}.ch-option-text{flex:1;font-size:1.2rem;color:#fff}.ch-case-result{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;animation:fadeIn .5s ease}.ch-result-badge{display:inline-block;padding:.5rem 1.5rem;border-radius:25px;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.ch-result-badge.correct{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.ch-result-badge.learning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.ch-result-text{font-size:1.3rem;color:#fff;line-height:1.8;margin-bottom:1.5rem;text-align:right}.ch-historical-outcome{background:#ffd7001a;border-right:4px solid #ffd700;padding:1rem 1.5rem;border-radius:10px;font-size:1.1rem;color:#fff;line-height:1.6;text-align:right}.ch-historical-outcome strong{color:gold}.ch-modern-link{max-width:1000px;margin:0 auto;animation:fadeIn .8s ease}.ch-timeline{display:flex;align-items:center;gap:2rem;margin:3rem 0}.ch-timeline-point{flex:1;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.ch-timeline-point:hover{transform:scale(1.05)}.ch-past-point{border-color:#8b451380;background:linear-gradient(135deg,#8b45131a,#6543211a)}.ch-present-point{border-color:#3b82f680;background:linear-gradient(135deg,#3b82f61a,#2563eb1a)}.ch-timeline-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.ch-timeline-label{font-size:1.5rem;color:gold;font-weight:700;margin-bottom:1rem}.ch-timeline-point p{font-size:1.1rem;color:#fff;line-height:1.6}.ch-timeline-connector{display:flex;flex-direction:column;align-items:center;gap:.5rem}.ch-connector-line{width:3px;height:100px;background:linear-gradient(to bottom,#ffd70080,#3b82f680);border-radius:2px}.ch-connector-text{font-size:1.1rem;color:gold;font-weight:700;writing-mode:vertical-rl;text-orientation:mixed}.ch-reflection-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:2rem}.ch-reflection-box h3{font-size:1.8rem;color:gold;margin-bottom:1rem;text-align:center}.ch-reflection-question{font-size:1.3rem;color:#fff;line-height:1.8;margin-bottom:1.5rem;text-align:center}.ch-reflection-input{width:100%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:1rem;font-size:1.1rem;color:#fff;font-family:Cairo,sans-serif;resize:vertical;margin-bottom:1.5rem;direction:rtl}.ch-reflection-input::placeholder{color:#ffffff80}.ch-reflection-input:focus{outline:none;border-color:#ffd70080;box-shadow:0 0 20px #ffd70033}.ch-submit-btn{display:block;margin:0 auto;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;font-size:1.3rem;font-weight:700;padding:1rem 2.5rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ffd7004d}.ch-submit-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #ffd70080}.ch-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ch-complete{max-width:800px;margin:0 auto;text-align:center;animation:fadeIn .8s ease}.ch-complete-icon{font-size:6rem;margin-bottom:1.5rem;animation:bounce 1s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.ch-complete h2{font-size:2.5rem;color:gold;margin-bottom:1rem}.ch-complete-subtitle{font-size:1.5rem;color:#3b82f6;margin-bottom:3rem}.ch-complete-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem}.ch-stat{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;min-width:150px}.ch-stat-icon{font-size:3rem;margin-bottom:.5rem}.ch-stat-label{font-size:1rem;color:#fff;margin-bottom:.5rem}.ch-stat-value{font-size:2.5rem;color:gold;font-weight:700}.ch-final-message{background:linear-gradient(135deg,#ffd70033,#ffa50033);border:2px solid rgba(255,215,0,.5);border-radius:20px;padding:2rem;margin-bottom:3rem}.ch-final-quote{font-size:1.4rem;color:#fff;line-height:1.8;font-style:italic}.ch-complete-actions{display:flex;justify-content:center;gap:1.5rem}.ch-replay-btn,.ch-finish-btn{font-size:1.2rem;font-weight:700;padding:1rem 2rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}.ch-replay-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff}.ch-replay-btn:hover{background:#fff3;transform:translateY(-3px)}.ch-finish-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 10px 30px #22c55e4d}.ch-finish-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #22c55e80}@media(max-width:768px){.ch-comparison{flex-direction:column}.ch-comparison-arrow{transform:rotate(90deg)}.ch-hook-split,.ch-timeline{flex-direction:column}.ch-connector-line{width:100px;height:3px}.ch-connector-text{writing-mode:horizontal-tb}.ch-complete-stats{flex-direction:column;gap:1.5rem}.ch-complete-actions{flex-direction:column}}.interactive-wave{min-height:100vh;padding:24px;color:#fff;background:radial-gradient(circle at 15% 10%,#ffffff2e 0,#fff0 28%),radial-gradient(circle at 82% 18%,#d4a8533d 0,#d4a85300 24%),linear-gradient(135deg,#083344 0%,var(--module-color) 58%,#0f172a 100%);direction:rtl}.iw-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;max-width:1180px;margin:0 auto 24px;padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:24px;background:#ffffff21;box-shadow:0 24px 70px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.iw-header .back-btn{color:#fff;border-color:#ffffff59;background:#ffffff1f}.iw-header h1,.iw-question-card h2,.iw-complete-card h1{margin:0;color:inherit;letter-spacing:0}.iw-header h1{margin-top:6px;font-size:clamp(1.7rem,3vw,3rem);line-height:1.15}.iw-header p{max-width:680px;margin:8px 0 0;color:#ffffffd1;font-size:1rem}.iw-kicker{display:inline-flex;align-items:center;gap:8px;color:#fde68a;font-size:.82rem;font-weight:900}.iw-score{min-width:76px;padding:12px 14px;border-radius:18px;background:#ffffff29;color:#fff7ed;font-size:1.15rem;font-weight:900;text-align:center;direction:ltr}.iw-stage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:stretch;max-width:1180px;margin:0 auto}.iw-visual-card{position:relative;min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:#0f172a;box-shadow:0 28px 80px #0f172a47}.iw-visual-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(1.12) contrast(1.06);transform:scale(1.05)}.iw-visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a33,#0f172ad1),radial-gradient(circle,#ffffff29 0,#fff0 56%)}.iw-orbit{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:1px dashed rgba(255,255,255,.44);border-radius:999px;animation:iwSpin 22s linear infinite}.iw-orbit span{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:64px;padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:#ffffff2e;box-shadow:0 18px 40px #0f172a42;color:#fff;font-weight:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:iwCounterSpin 22s linear infinite}.iw-orbit span:nth-child(1){top:-24px;left:50%;transform:translate(-50%)}.iw-orbit span:nth-child(2){right:-28px;top:56%}.iw-orbit span:nth-child(3){left:-22px;bottom:16%}.iw-artifact{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:34px;text-align:center}.iw-artifact span{display:inline-flex;align-items:center;justify-content:center;min-width:min(78%,320px);min-height:160px;padding:28px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:#ffffff2e;box-shadow:0 30px 70px #0f172a47;color:#fff;font-size:clamp(2.4rem,6vw,5.5rem);font-weight:950;line-height:1.1;text-wrap:balance;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:iwPulse 3.2s ease-in-out infinite}.iw-visual-card>p{position:absolute;right:22px;bottom:22px;z-index:3;margin:0;padding:10px 14px;border-radius:14px;background:#0f172a94;color:#ffffffe0;font-weight:800}.iw-question-card,.iw-complete-card{border:1px solid rgba(226,232,240,.9);border-radius:28px;background:#fffffff5;color:#10252f;box-shadow:0 28px 80px #0f172a38}.iw-question-card{min-height:520px;padding:30px}.iw-question-card .iw-kicker{color:var(--module-color)}.iw-question-card h2{margin-top:12px;font-size:clamp(1.45rem,2.6vw,2.45rem);line-height:1.35}.iw-progress{height:11px;margin-bottom:24px;overflow:hidden;border-radius:999px;background:#e5f4f7}.iw-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--module-color),var(--module-accent));transition:width .36s ease}.iw-options{display:grid;gap:12px;margin-top:24px}.iw-option{width:100%;padding:16px 18px;border:2px solid #dbeafe;border-radius:18px;background:#f8fbfd;color:#15323d;font:inherit;font-weight:800;line-height:1.6;text-align:right;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.iw-option:hover:not(:disabled),.iw-option:focus-visible{border-color:var(--module-color);box-shadow:0 14px 34px #0f172a1a;transform:translateY(-2px)}.iw-option.selected{border-color:var(--module-accent);background:#fff7ed}.iw-option.correct{border-color:#22c55e;background:#ecfdf5}.iw-option:disabled{cursor:default}.iw-feedback{margin-top:22px;padding:18px;border-radius:18px;border:1px solid #cbd5e1;background:#f8fafc}.iw-feedback.correct{border-color:#86efac;background:#ecfdf5}.iw-feedback.soft{border-color:#fed7aa;background:#fff7ed}.iw-feedback strong{display:block;margin-bottom:8px;color:#10252f;font-size:1rem}.iw-feedback p{margin:0 0 16px;color:#405763;line-height:1.75}.iw-complete-card{max-width:720px;margin:72px auto 0;padding:clamp(28px,5vw,52px);text-align:center}.iw-complete-icon{display:inline-flex;align-items:center;justify-content:center;width:94px;height:94px;margin-bottom:18px;border-radius:28px;background:linear-gradient(135deg,var(--module-color),var(--module-accent));color:#fff;font-size:2.6rem;box-shadow:0 20px 42px #0f172a38}.iw-complete-card p{margin:16px auto 24px;color:#405763;font-size:1.08rem;line-height:1.8}.interactive-wave.soul-studio-wave{background:linear-gradient(135deg,#12212a,#d95f4f 52%,#fffaf6 126%)!important}.interactive-wave.soul-studio-wave .iw-header{border-color:#fffaf63d!important;background:#12212a6b!important;color:#fff!important}.interactive-wave.soul-studio-wave .iw-kicker{color:#bdf7da!important}.soul-studio-stage{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}.soul-studio-visual{position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;overflow:hidden;padding:clamp(22px,4vw,34px);border:1px solid rgba(255,250,246,.78);border-radius:28px;background:linear-gradient(120deg,#d95f4f24,#fffaf600 45%,#37b88d29),var(--module-soft);box-shadow:0 28px 80px #12212a47;color:var(--module-ink)}.ss-visual-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--module-ink);font-weight:900}.ss-visual-topline span{padding:9px 13px;border-radius:999px;background:#ffffffc2}.ss-visual-topline strong{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:var(--module-ink);color:var(--module-soft)}.ss-meter{position:relative;z-index:1;display:grid;gap:22px;margin:auto 0}.ss-meter-track{height:34px;overflow:hidden;border-radius:999px;background:#12212a1f;box-shadow:inset 0 0 0 1px #12212a1a}.ss-meter-track span{display:block;width:var(--energy-level);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--module-accent),#f5d09a,var(--module-color));animation:ssBreath 3.4s ease-in-out infinite}.ss-meter-readout{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.ss-meter-readout strong{color:var(--module-color);font-size:clamp(3rem,8vw,5.8rem);line-height:.95}.ss-meter-readout span{max-width:180px;color:#12212ab8;font-weight:900;line-height:1.5}.ss-signal-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}.ss-signal-list span,.ss-boundary-source span,.ss-action-plan span{padding:10px 13px;border-radius:14px;background:#ffffffc7;color:var(--module-ink);font-weight:900;line-height:1.4}.soul-studio-visual p{position:relative;z-index:1;margin:0;color:#12212abd;font-weight:800;line-height:1.85}.ss-dialogue-scene{position:relative;z-index:1;display:grid;gap:16px;margin:auto 0}.ss-bubble{max-width:min(88%,420px);padding:16px 18px;border-radius:22px;box-shadow:0 18px 38px #12212a1f;font-weight:900;line-height:1.7;opacity:0;transform:translateY(12px);animation:ssBubbleIn .62s ease forwards}.ss-bubble:nth-child(2){animation-delay:.16s}.ss-bubble:nth-child(3){animation-delay:.32s}.ss-bubble.is-youth{justify-self:start;background:#fff;color:var(--module-ink)}.ss-bubble.is-servant{justify-self:end;background:var(--module-ink);color:var(--module-soft)}.ss-boundary-builder{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:18px;align-items:stretch;margin:auto 0}.ss-boundary-source,.ss-action-plan{display:grid;align-content:center;gap:12px;min-height:250px;padding:18px;border-radius:24px}.ss-boundary-source{background:#d95f4f1f}.ss-boundary-source span{animation:ssFloat 4s ease-in-out infinite}.ss-boundary-source span:nth-child(2){animation-delay:.28s}.ss-boundary-source span:nth-child(3){animation-delay:.56s}.ss-action-plan{border:1px solid rgba(55,184,141,.32);background:#37b88d24;transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}.ss-action-plan.is-open{border-color:#37b88dc2;box-shadow:0 22px 46px #37b88d38;transform:translateY(-4px)}.ss-action-plan .ss-plan-title{background:var(--module-ink);color:var(--module-soft)}.interactive-wave.soul-studio-wave .soul-studio-question{border-color:#d95f4f3d!important;background:#fffaf6fa!important;color:var(--module-ink)!important}.interactive-wave.soul-studio-wave .soul-studio-question .iw-progress{background:#f4d8d1!important}.interactive-wave.soul-studio-wave .soul-studio-question .iw-kicker{color:var(--module-color)!important}.interactive-wave.soul-studio-wave .soul-studio-question .iw-option{border-color:#f0c5bb;background:#fffaf6;color:var(--module-ink)!important;overflow-wrap:anywhere}.interactive-wave.soul-studio-wave .soul-studio-question .iw-option:hover:not(:disabled),.interactive-wave.soul-studio-wave .soul-studio-question .iw-option:focus-visible{border-color:var(--module-accent)}.interactive-wave.soul-studio-wave .soul-studio-question .iw-option.selected{border-color:var(--module-color);background:#fff0eb}@keyframes iwSpin{to{transform:rotate(360deg)}}@keyframes iwCounterSpin{to{transform:rotate(-360deg)}}@keyframes iwPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.025)}}@keyframes ssBreath{0%,to{filter:saturate(1);transform:scaleX(.985)}50%{filter:saturate(1.22);transform:scaleX(1)}}@keyframes ssBubbleIn{to{opacity:1;transform:translateY(0)}}@keyframes ssFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:880px){.interactive-wave{padding:14px}.iw-header{grid-template-columns:1fr;border-radius:20px}.iw-header .back-btn,.iw-score{width:fit-content}.iw-stage{grid-template-columns:1fr}.iw-visual-card,.iw-question-card{min-height:auto}.iw-visual-card{min-height:340px;border-radius:22px}.iw-question-card{padding:22px;border-radius:22px}.iw-orbit{top:16%;right:16%;bottom:16%;left:16%}.iw-artifact span{min-height:128px;padding:22px;font-size:clamp(2rem,11vw,4rem)}.soul-studio-stage{grid-template-columns:1fr}.soul-studio-visual{min-height:360px;border-radius:22px}.ss-boundary-builder{grid-template-columns:1fr}.ss-boundary-source,.ss-action-plan{min-height:auto}}@media(max-width:520px){.iw-header h1{font-size:1.55rem}.iw-header p{font-size:.94rem}.iw-visual-card{min-height:292px}.iw-orbit span{min-width:52px;min-height:52px;max-width:120px;font-size:.82rem}.iw-question-card h2{font-size:1.32rem}.iw-option{padding:14px;border-radius:16px;font-size:.94rem}.soul-studio-visual{min-height:320px;padding:20px}.ss-meter-readout{display:grid;gap:8px}.ss-meter-readout strong{font-size:3rem}.ss-bubble{max-width:100%;padding:14px;border-radius:18px}}@media(prefers-reduced-motion:reduce){.iw-orbit,.iw-orbit span,.iw-artifact span,.ss-meter-track span,.ss-bubble,.ss-boundary-source span{animation:none}.iw-progress span,.iw-option,.ss-action-plan{transition:none}.ss-bubble{opacity:1;transform:none}}.coptic-matching{min-height:100vh;padding:24px;direction:rtl;color:var(--tio-ink, #08263f);background:radial-gradient(circle at 14% 12%,rgba(216,167,44,.2),transparent 30%),radial-gradient(circle at 88% 18%,rgba(37,139,157,.18),transparent 28%),linear-gradient(135deg,#fffaf0,#f4ead6 54%,#e6f7f8 130%)}.cmq-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;max-width:1180px;margin:0 auto 24px;padding:18px;border:1px solid rgba(7,59,102,.16);border-radius:24px;background:#fffaf0e0;box-shadow:0 24px 60px #08263f24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cmq-header h1{margin:6px 0 8px;color:var(--tio-primary, #073b66);font-family:var(--font-brand, inherit);font-size:clamp(1.7rem,3vw,3rem);line-height:1.15}.cmq-header p{max-width:720px;margin:0;color:var(--tio-muted, #596a75);line-height:1.7}.cmq-kicker,.cmq-pill{display:inline-flex;align-items:center;width:fit-content;gap:8px;color:#7c5419;font-size:.82rem;font-weight:900}.cmq-score{display:grid;min-width:78px;min-height:70px;place-items:center;border-radius:20px;background:linear-gradient(135deg,var(--tio-navy-deep, #052743),var(--tio-primary, #073b66));color:#fff;font-size:1.25rem;font-weight:950;direction:ltr;box-shadow:0 14px 28px #08263f3d}.cmq-shell{max-width:1180px;margin:0 auto}.cmq-intro-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:22px;padding:clamp(20px,4vw,32px);border:1px solid rgba(216,167,44,.28);border-radius:24px;background:linear-gradient(135deg,#fffaf0f5,#e6f7f8db);box-shadow:0 20px 52px #08263f1a}.cmq-intro-panel h2{margin:8px 0 10px;color:var(--tio-primary, #073b66);font-family:var(--font-brand, inherit);font-size:clamp(1.35rem,2.4vw,2.2rem)}.cmq-intro-panel p{max-width:760px;margin:0;color:var(--tio-muted, #596a75);line-height:1.8}.cmq-progress-ring{--cmq-progress: 0%;display:grid;width:112px;height:112px;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#fffaf0 0 58%,transparent 59%),conic-gradient(var(--tio-accent, #d8a72c) var(--cmq-progress),rgba(7,59,102,.14) 0);color:var(--tio-primary, #073b66);box-shadow:inset 0 0 0 1px #073b661f,0 14px 32px #08263f1f}.cmq-progress-ring strong{margin-top:18px;font-size:2rem;line-height:1}.cmq-progress-ring span{margin-top:-30px;color:var(--tio-muted, #596a75);font-size:.8rem;font-weight:800}.cmq-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cmq-column{min-width:0;padding:18px;border:1px solid rgba(7,59,102,.16);border-radius:24px;background:#fffaf0d6;box-shadow:0 20px 52px #08263f1a}.cmq-column-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cmq-column-header span{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--tio-primary, #073b66),var(--tio-accent, #d8a72c));color:#fff;font-size:1.35rem;font-weight:950}.cmq-column-header h2{margin:0;color:var(--tio-primary, #073b66);font-family:var(--font-brand, inherit);font-size:clamp(1.1rem,2vw,1.45rem)}.cmq-card-list{display:grid;gap:12px}.cmq-card{display:grid;min-height:92px;width:100%;place-items:center;gap:6px;padding:16px;border:2px solid rgba(7,59,102,.16);border-radius:18px;background:#ffffffc7;color:var(--tio-ink, #08263f);font:inherit;font-weight:900;text-align:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.cmq-card:hover,.cmq-card:focus-visible{border-color:#d8a72ca3;box-shadow:0 16px 36px #08263f24;transform:translateY(-2px)}.cmq-coptic-word{font-family:"Noto Sans Coptic","Segoe UI Symbol","Arial Unicode MS",var(--font-body, sans-serif);font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.05;letter-spacing:0}.cmq-pronunciation{color:var(--tio-muted, #596a75);font-size:.88rem;direction:ltr}.cmq-arabic-card span{font-size:clamp(1.25rem,2.4vw,1.85rem)}.cmq-card.is-selected{border-color:var(--tio-accent, #d8a72c);background:#d8a72c29;box-shadow:0 16px 36px #d8a72c2e}.cmq-card.is-matched{border-color:#16805a73;background:linear-gradient(135deg,#e6f7f8fa,#fffaf0eb);color:#0f5f4d;cursor:default}.cmq-card.is-wrong{border-color:#bf4c4094;background:#ffebe6e6;color:#8f2d24}.cmq-feedback{margin-top:22px;padding:18px 20px;border:1px solid rgba(7,59,102,.14);border-radius:20px;background:#fffaf0e6;box-shadow:0 16px 42px #08263f1a}.cmq-feedback p{margin:0;color:var(--tio-ink, #08263f);font-weight:800;line-height:1.7}.cmq-feedback span{display:inline-flex;gap:8px;margin-top:10px;color:var(--tio-muted, #596a75);font-weight:800}.cmq-feedback strong{color:var(--tio-primary, #073b66)}.cmq-feedback-correct{border-color:#16805a57;background:#e6f7f8eb}.cmq-feedback-wrong{border-color:#bf4c4052;background:#ffebe6eb}.cmq-feedback-focus{border-color:#d8a72c5c;background:#fff8e0eb}.cmq-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.cmq-actions button{min-width:180px}.cmq-actions button:disabled{opacity:.62;cursor:not-allowed;transform:none}@media(max-width:840px){.coptic-matching{padding:16px}.cmq-header,.cmq-intro-panel,.cmq-board{grid-template-columns:1fr}.cmq-header .back-btn,.cmq-score,.cmq-progress-ring{justify-self:center}.cmq-actions{flex-direction:column}.cmq-actions button{width:100%}}.case-studies{min-height:100vh;padding:20px;background:linear-gradient(135deg,#a8edea,#fed6e3)}.case-container{max-width:900px;margin:0 auto}.case-header{background:#fff;border-radius:var(--radius-lg);padding:25px;margin-bottom:25px;box-shadow:0 4px 20px var(--shadow);display:flex;align-items:center;gap:20px}.header-info{flex:1}.header-info h1{font-size:2rem;margin-bottom:5px}.header-info p{color:var(--text-secondary)}.personality-indicator{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 12px var(--shadow-md)}.case-progress{background:#fff;border-radius:var(--radius);padding:20px;margin-bottom:25px;box-shadow:0 4px 16px var(--shadow)}.progress-info{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:600;color:var(--text-primary)}.score-display{color:var(--primary)}.case-card{background:#fff;border-radius:var(--radius-lg);padding:35px;margin-bottom:25px;box-shadow:0 4px 20px var(--shadow)}.case-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;border-radius:20px;font-weight:600;margin-bottom:20px}.badge-icon{font-size:1.2rem}.case-title{font-size:2rem;margin-bottom:25px;color:var(--text-primary)}.case-scenario{background:var(--bg-tertiary);border-radius:var(--radius);padding:25px;margin-bottom:30px;display:flex;gap:20px;align-items:flex-start}.scenario-icon{font-size:2.5rem;flex-shrink:0}.case-scenario p{font-size:1.15rem;line-height:1.8;color:var(--text-primary)}.case-question{margin-bottom:25px}.case-question h3{font-size:1.3rem;color:var(--text-primary)}.case-option{display:flex;align-items:center;gap:15px;padding:20px;background:var(--bg-tertiary);border:3px solid transparent;border-radius:var(--radius);text-align:right;cursor:pointer;transition:var(--transition);font-size:1.05rem;margin-bottom:15px;position:relative}.case-option:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary);transform:translate(-5px)}.case-option.selected{border-color:var(--primary);background:var(--bg-secondary)}.case-option.correct{border-color:var(--accent);background:#d1fae5}.case-option.good{border-color:var(--info);background:#dbeafe}.case-option.poor{border-color:var(--warning);background:#fef3c7}.case-option:disabled{cursor:not-allowed}.option-points{position:absolute;top:10px;left:10px;background:var(--accent);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:700}.feedback-section{margin-top:30px;padding-top:30px;border-top:2px solid var(--border)}.feedback-card{padding:30px;border-radius:var(--radius);margin-bottom:20px;text-align:center}.feedback-card.excellent{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.feedback-card.good{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.feedback-card.needs-improvement{background:linear-gradient(135deg,#fef3c7,#fde68a)}.feedback-icon{font-size:4rem;margin-bottom:15px}.feedback-card h4{font-size:1.8rem;margin-bottom:15px}.feedback-card p{font-size:1.1rem;line-height:1.8;color:var(--text-primary)}.next-btn{width:100%;font-size:1.2rem;padding:16px}.tips-section{background:#fff;border-radius:var(--radius);padding:25px;box-shadow:0 4px 16px var(--shadow)}.tips-section h3{font-size:1.3rem;margin-bottom:12px;color:var(--text-primary)}.tips-section p{font-size:1.05rem;line-height:1.8;color:var(--text-secondary)}.empty-cases{background:#fff;border-radius:var(--radius-lg);padding:60px 40px;text-align:center;box-shadow:0 4px 20px var(--shadow)}.empty-cases .empty-icon{font-size:5rem;margin-bottom:20px}.empty-cases h2{font-size:2rem;margin-bottom:15px}.empty-cases p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px}@media(max-width:768px){.case-studies{padding:15px}.case-header{flex-direction:column;align-items:flex-start}.case-card{padding:25px}.case-title{font-size:1.5rem}.case-scenario{flex-direction:column;gap:15px}.case-option{padding:15px;font-size:1rem}.feedback-card{padding:20px}.feedback-icon{font-size:3rem}.feedback-card h4{font-size:1.5rem}}.graduation-project{min-height:100vh;padding:20px;background:linear-gradient(135deg,#ff9a9e,#fecfef)}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 25px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;display:flex;align-items:center;gap:8px}.back-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translate(-5px);box-shadow:0 6px 20px #667eea80}.project-container{max-width:1200px;margin:0 auto}.project-header{background:#fff;border-radius:var(--radius-lg);padding:30px;margin-bottom:30px;box-shadow:0 4px 20px var(--shadow)}.header-content{display:flex;align-items:center;gap:25px;margin-top:20px}.header-icon{font-size:5rem;background:linear-gradient(135deg,#667eea,#764ba2);width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px var(--shadow-md)}.header-content h1{font-size:2.2rem;margin-bottom:10px}.header-content p{font-size:1.1rem;color:var(--text-secondary)}.project-overview{background:#fff;border-radius:var(--radius-lg);padding:35px;margin-bottom:30px;box-shadow:0 4px 20px var(--shadow)}.project-overview h2{font-size:2rem;margin-bottom:25px;text-align:center}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.overview-card{background:var(--bg-tertiary);border-radius:var(--radius);padding:30px;text-align:center;transition:var(--transition)}.overview-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-md)}.overview-icon{font-size:3.5rem;margin-bottom:15px}.overview-card h3{font-size:1.3rem;margin-bottom:10px;color:var(--text-primary)}.overview-value{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:8px}.overview-desc{font-size:.95rem;color:var(--text-secondary)}.requirements-section{background:#fff;border-radius:var(--radius-lg);padding:35px;margin-bottom:30px;box-shadow:0 4px 20px var(--shadow)}.requirements-section h2{font-size:2rem;margin-bottom:25px}.requirements-list{display:grid;gap:15px}.requirement-item{display:flex;align-items:center;gap:15px;background:var(--bg-tertiary);padding:20px;border-radius:var(--radius);border-right:4px solid var(--accent)}.requirement-icon{width:35px;height:35px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.requirement-item p{font-size:1.1rem;color:var(--text-primary)}.phases-section{background:#fff;border-radius:var(--radius-lg);padding:35px;margin-bottom:30px;box-shadow:0 4px 20px var(--shadow)}.phases-section h2{font-size:2rem;margin-bottom:30px}.phases-timeline{display:flex;flex-direction:column;gap:20px}.phase-item{display:flex;align-items:center;gap:20px;padding:25px;background:var(--bg-tertiary);border-radius:var(--radius);cursor:pointer;transition:var(--transition);position:relative;border:3px solid transparent}.phase-item:hover{border-color:var(--primary);transform:translate(-5px)}.phase-item.active{border-color:var(--primary);background:linear-gradient(135deg,#e0e7ff,#f3e8ff)}.phase-item.completed{border-color:var(--accent);background:#d1fae5}.phase-number{width:50px;height:50px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.phase-item.completed .phase-number{background:var(--accent)}.phase-content{flex:1}.phase-content h3{font-size:1.4rem;margin-bottom:5px}.phase-badge{display:inline-block;background:var(--accent);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.team-section{background:#fff;border-radius:var(--radius-lg);padding:35px;margin-bottom:30px;box-shadow:0 4px 20px var(--shadow)}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.team-header h2{font-size:2rem}.team-instruction{text-align:center;font-size:1.1rem;color:var(--text-secondary);margin-bottom:25px}.personalities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.personality-option{background:#fff;border:3px solid;border-radius:var(--radius);padding:25px;text-align:center;cursor:pointer;transition:var(--transition)}.personality-option:hover:not(:disabled){transform:scale(1.05);box-shadow:0 8px 20px var(--shadow-md)}.personality-option:disabled{opacity:.5;cursor:not-allowed}.personality-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 15px;box-shadow:0 4px 12px var(--shadow-md)}.personality-option h4{font-size:1.2rem;margin-bottom:10px}.personality-option p{font-size:.9rem;color:var(--text-secondary)}.current-team{margin-top:30px;padding-top:30px;border-top:2px solid var(--border)}.current-team h3{font-size:1.5rem;margin-bottom:20px}.team-members{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.team-member{display:flex;align-items:center;gap:12px;background:#fff;border:3px solid;border-radius:50px;padding:10px 20px 10px 10px;transition:var(--transition)}.member-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.member-name{font-weight:600;color:var(--text-primary)}.remove-btn{width:25px;height:25px;background:var(--text-light);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:0;transition:var(--transition)}.remove-btn:hover{background:#ef4444}.team-complete{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:var(--radius);padding:40px;text-align:center}.complete-icon{font-size:4rem;margin-bottom:15px}.team-complete h3{font-size:2rem;margin-bottom:10px}.team-complete p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:25px}.tips-box{background:#fff;border-radius:var(--radius);padding:30px;box-shadow:0 4px 16px var(--shadow)}.tips-box h3{font-size:1.5rem;margin-bottom:20px}.tips-box ul{list-style:none;padding:0}.tips-box li{padding:12px 0 12px 30px;position:relative;font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.tips-box li:before{content:"✓";position:absolute;right:0;color:var(--accent);font-weight:700}.planning-board{background:#fff;border-radius:var(--radius);padding:30px;margin-bottom:25px;box-shadow:0 4px 16px var(--shadow)}.planning-board h2{margin-bottom:20px}.planning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.planning-item{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-weight:700;line-height:1.6}.planning-item input{margin-top:7px;accent-color:var(--primary)}@media(max-width:768px){.graduation-project{padding:15px}.header-content{flex-direction:column;text-align:center}.header-icon{width:80px;height:80px;font-size:4rem}.header-content h1{font-size:1.8rem}.overview-grid,.personalities-grid{grid-template-columns:1fr}.team-header{flex-direction:column;gap:15px}.team-header button{width:100%}}.community{width:100%;min-height:100vh;padding:5.5rem clamp(1rem,3vw,2rem) 2.5rem;direction:rtl;font-family:Cairo,sans-serif;position:relative;overflow-x:hidden}.community-feed,.community-projects{width:min(1120px,100%);margin:0 auto;animation:fadeIn .45s ease}.community-back-btn{position:fixed;top:1rem;left:1rem;z-index:100;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1.2rem;border-radius:999px}.community-kicker{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.4rem .8rem;border:1px solid rgba(212,168,83,.28);border-radius:999px;background:#d4a85324;color:#7c5419;font-size:.9rem;font-weight:900}.community-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:clamp(1rem,3vw,2rem);align-items:stretch;margin-bottom:1.25rem;padding:clamp(1rem,3vw,1.6rem);border:1px solid rgba(14,165,233,.2);border-radius:28px;background:linear-gradient(135deg,#fffffff0,#e6f7f8e0),radial-gradient(circle at 10% 10%,rgba(212,168,83,.18),transparent 30%);box-shadow:0 20px 60px #073b4324}.community-hero-copy{display:grid;align-content:center;gap:1rem;min-width:0}.community-hero h1{margin:0;font-size:clamp(2.1rem,6vw,4.8rem);line-height:1;color:var(--text-primary);letter-spacing:0}.community-hero p{max-width:640px;margin:0;color:#4f6670;font-size:clamp(1rem,2vw,1.22rem);font-weight:700;line-height:1.9}.community-stats{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}.community-stats span{display:inline-flex;align-items:center;min-height:38px;padding:.45rem .75rem;border:1px solid rgba(14,165,233,.2);border-radius:999px;background:#ffffffc7;color:#0f766e;font-size:.92rem;font-weight:900}.community-hero-media{position:relative;min-height:330px;isolation:isolate}.hero-main-image,.hero-mini-image{position:absolute;overflow:hidden;border:4px solid rgba(255,255,255,.72);object-fit:cover;box-shadow:0 18px 45px #073b432e}.hero-main-image{top:0;right:7%;bottom:0;left:0;width:74%;height:100%;border-radius:26px}.hero-mini-image{left:0;width:38%;height:42%;border-radius:22px;z-index:2}.hero-mini-image.top{top:8%}.hero-mini-image.bottom{bottom:8%}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1.25rem}.community .quick-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:54px;padding:.9rem 1rem;border:1px solid rgba(14,165,233,.2)!important;border-radius:18px;color:#fff!important;font-size:1rem;font-weight:900}.community .quick-action-btn.secondary{background:linear-gradient(135deg,#0f766e,#d4a853)!important}.posts-container{display:grid;gap:1.1rem}.community .post-card{display:grid;grid-template-columns:minmax(260px,.44fr) minmax(0,1fr);overflow:hidden;padding:0!important;border-radius:24px!important;background:#fffffff0!important;border:1px solid rgba(14,165,233,.18)!important;box-shadow:0 18px 46px #073b431f!important;transition:transform .25s ease,box-shadow .25s ease}.community .post-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px #073b4329!important}.post-image-wrap{position:relative;min-height:100%;background:#0f766e}.post-image{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}.community .post-type-badge{position:absolute;top:.85rem;right:.85rem;display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .7rem;border-radius:999px;background:#073b43bd!important;color:#fff!important;font-size:.86rem;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.post-body{display:grid;gap:.9rem;padding:clamp(1rem,2.4vw,1.45rem)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.post-author{display:flex;align-items:center;gap:.75rem;min-width:0}.community .author-avatar,.community .comment-avatar,.community .member-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:#fff!important;background:linear-gradient(135deg,#0f766e,#0ea5e9)!important;box-shadow:0 10px 24px #0f766e2e}.author-avatar{width:48px;height:48px;font-size:1.35rem}.author-info{min-width:0}.author-info h3{margin:0;color:var(--text-primary)!important;font-size:1.03rem}.author-info p{margin:.1rem 0 0;color:#6a7d86!important;font-size:.86rem;font-weight:700}.featured-badge{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.38rem .6rem;border-radius:999px;background:#d4a85329;color:#7c5419;font-size:.82rem;font-weight:900}.community .post-title{margin:0;color:#0f766e!important;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.35}.community .post-content{margin:0;color:#36505b!important;font-size:1rem;font-weight:650;line-height:1.9;overflow-wrap:anywhere}.post-actions{display:flex;flex-wrap:wrap;gap:.55rem;padding-top:.9rem;border-top:1px solid rgba(14,165,233,.14)}.community .post-action{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:42px;padding:.55rem .78rem;border:1px solid rgba(14,165,233,.2)!important;border-radius:999px;background:#e6f7f8d1!important;color:#0f766e!important;font-size:.92rem;font-weight:900;transition:transform .2s ease,background .2s ease,color .2s ease}.community .post-action:hover{transform:translateY(-2px);background:#fff!important}.community .post-action strong{min-width:1.35rem;color:inherit;font-weight:950}.community .love-action.liked{border-color:#d4a85373!important;background:linear-gradient(135deg,#d4a85338,#ffffffeb)!important;color:#9a5b13!important}.comments-section{display:grid;gap:.85rem;margin-top:.2rem;padding:.9rem;border:1px solid rgba(14,165,233,.16);border-radius:20px;background:#f6fdfde0}.comments-list{display:grid;gap:.65rem}.comment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;padding:0!important;background:transparent!important}.comment-avatar{width:34px;height:34px;font-size:.95rem}.comment-bubble{padding:.7rem .8rem;border:1px solid rgba(14,165,233,.14);border-radius:16px 16px 4px;background:#fff}.comment-meta{display:flex;justify-content:space-between;gap:.8rem;margin-bottom:.25rem}.comment-meta strong{color:var(--text-primary);font-size:.9rem}.comment-meta span{color:#78909a;font-size:.78rem;font-weight:800}.comment-bubble p,.empty-comments{margin:0;color:#49626d!important;font-size:.9rem;font-weight:650;line-height:1.7}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center}.comment-form input{width:100%;min-height:44px;padding:.72rem .9rem;border:1px solid rgba(14,165,233,.2);border-radius:999px;background:#fff;color:var(--text-primary);font:inherit;font-weight:700}.comment-form input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e921}.comment-form button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;background:linear-gradient(135deg,#0f766e,#0ea5e9);color:#fff}.projects-header{display:grid;justify-items:center;gap:.65rem;margin-bottom:1.2rem;text-align:center}.back-to-feed-btn{justify-self:start;min-height:42px;border-radius:999px}.projects-title{margin:0;font-size:clamp(1.8rem,4vw,3rem)}.projects-subtitle{max-width:620px;margin:0;color:#4f6670!important;font-weight:700;line-height:1.8}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem}.community .project-card{overflow:hidden;padding:0!important;border-radius:24px!important;background:#fffffff0!important;border:1px solid rgba(14,165,233,.18)!important;box-shadow:0 16px 40px #073b431f!important}.project-image-wrap{position:relative;min-height:178px;background:#0f766e}.project-image-wrap.tall{min-height:300px}.project-image-wrap img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}.project-icon{position:absolute;right:.85rem;bottom:-1.45rem;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:4px solid #ffffff;border-radius:18px;background:linear-gradient(135deg,#0f766e,#d4a853);font-size:1.75rem;box-shadow:0 12px 24px #073b432e}.project-card-body{display:grid;gap:.85rem;padding:2.25rem 1rem 1rem}.project-title{margin:0;color:#0f766e!important;font-size:1.25rem;line-height:1.35}.project-description{margin:0;color:#4f6670!important;font-size:.94rem;font-weight:650;line-height:1.75}.project-stats{display:flex;flex-wrap:wrap;gap:.5rem}.project-stats span{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border-radius:999px;background:#e6f7f8eb;color:#0f766e;font-size:.86rem;font-weight:900}.project-stats.wide span{font-size:.95rem}.project-members{display:flex;flex-wrap:wrap;gap:.4rem}.member-avatar{width:38px;height:38px;font-size:1rem}.member-avatar.more{background:#d4a8532e!important;color:#7c5419!important;font-weight:900}.project-tags{display:flex;flex-wrap:wrap;gap:.35rem}.project-tag{padding:.28rem .55rem;border:1px solid rgba(14,165,233,.16);border-radius:999px;background:#e6f7f8c2!important;color:#0f766e!important;font-size:.78rem;font-weight:900}.community .project-action-btn,.community .create-project-btn,.community .submit-post-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;border-radius:16px;font-weight:900}.community .project-action-btn.joined{background:linear-gradient(135deg,#0f766e,#d4a853)!important}.create-project-btn{margin:0 auto}.project-details-card{max-width:780px;margin:0 auto}.project-members.detailed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.member-chip{display:flex;align-items:center;gap:.7rem;padding:.75rem;border:1px solid rgba(14,165,233,.16);border-radius:16px;background:#e6f7f8b8}.member-chip>span{font-size:1.35rem}.member-chip strong,.member-chip small{display:block}.member-chip strong{color:var(--text-primary)}.member-chip small{color:#6a7d86;font-weight:800}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#073b438f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.community .share-modal{width:min(620px,100%);max-height:min(86vh,720px);overflow-y:auto;border-radius:24px!important;background:#fff!important;border:1px solid rgba(14,165,233,.18)!important;box-shadow:0 30px 90px #073b4338!important}.community .modal-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding:1rem;border-bottom:1px solid rgba(14,165,233,.16)!important}.community .modal-header h3{margin:.4rem 0 0;color:var(--text-primary);font-size:1.5rem}.close-modal-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;font-size:1.35rem}.community-modal-body{display:grid;gap:.9rem;padding:1rem}.post-type-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.community .type-btn{display:grid;gap:.25rem;justify-items:center;min-height:72px;padding:.65rem;border-radius:16px;font-size:.9rem}.community .type-btn.active{background:linear-gradient(135deg,#0f766e,#0ea5e9)!important;color:#fff!important}.post-title-input,.post-content-input{width:100%;border-radius:16px;font:inherit;font-weight:700}.post-title-input{min-height:48px}.post-content-input{min-height:150px;resize:vertical}.community-toast{position:fixed;left:50%;bottom:1.25rem;z-index:1100;width:min(420px,calc(100vw - 2rem));transform:translate(-50%);padding:.85rem 1rem;border-radius:999px;background:#073b43f0;color:#fff;text-align:center;font-weight:900;box-shadow:0 18px 44px #073b433d;animation:toastIn .24s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:980px){.community-hero{grid-template-columns:1fr}.community-hero-media{min-height:280px}.community .post-card{grid-template-columns:1fr}.post-image{min-height:280px;max-height:360px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.community{padding:5.25rem .8rem 2rem}.community-back-btn{right:.8rem;left:.8rem;width:auto}.community-hero{padding:.9rem;border-radius:22px}.community-hero-media{min-height:226px}.hero-main-image{top:0;right:0;bottom:0;left:0;width:100%;border-radius:20px}.hero-mini-image{display:none}.community-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.community-stats span{justify-content:center;text-align:center;font-size:.82rem}.quick-actions{grid-template-columns:1fr}.post-image{min-height:224px}.post-header{align-items:start}.post-actions{display:grid;grid-template-columns:1fr}.community .post-action{width:100%;min-height:48px}.comments-section{padding:.72rem}.comment-form{grid-template-columns:1fr}.comment-form button{width:100%;border-radius:999px}.projects-grid,.project-members.detailed,.post-type-selector{grid-template-columns:1fr}.back-to-feed-btn{justify-self:stretch}.project-image-wrap{min-height:220px}.community .modal-header,.community-modal-body{padding:.85rem}}@media(prefers-reduced-motion:reduce){.community-feed,.community-projects,.community .post-card,.community .post-action,.community-toast{animation:none;transition:none}}.servant-toolkit{width:100%;min-height:100vh;background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);padding:1rem;direction:rtl;font-family:Cairo,sans-serif;position:relative;overflow-x:hidden}@media(min-width:768px){.servant-toolkit{padding:2rem}}.toolkit-back-btn{position:fixed;top:1rem;left:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;z-index:100}.toolkit-back-btn:hover{background:#fff3;transform:translate(-5px)}.toolkit-categories{max-width:1400px;margin:0 auto;animation:fadeIn .8s ease}.toolkit-header{text-align:center;margin-bottom:3rem}.toolkit-title{font-size:2.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:pulse 2s infinite}@media(min-width:768px){.toolkit-title{font-size:3.5rem}}.toolkit-subtitle{font-size:1.2rem;color:#fff;font-weight:300}@media(min-width:768px){.toolkit-subtitle{font-size:1.5rem}}.categories-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media(min-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.category-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;cursor:pointer;transition:all .4s ease;animation:slideUp .5s ease;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.6s}.category-card:hover:before{left:100%}.category-card:hover{transform:translateY(-10px) scale(1.02);border-color:#fbbf2480;box-shadow:0 20px 60px #fbbf244d}.category-icon-large{font-size:4rem;text-align:center;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.category-title{font-size:1.8rem;color:#fbbf24;margin-bottom:.75rem;text-align:center}.category-description{font-size:1.1rem;color:#fff;line-height:1.6;margin-bottom:1.5rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1rem}.stat-icon{font-size:1.2rem}.category-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.category-tag{background:#fbbf2433;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:.3rem .8rem;border-radius:15px;font-size:.85rem}.toolkit-features{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1000px;margin:0 auto}@media(min-width:768px){.toolkit-features{grid-template-columns:repeat(3,1fr)}}.feature-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);border-color:#fbbf244d;box-shadow:0 10px 30px #fbbf2433}.feature-icon{font-size:2.5rem;flex-shrink:0}.feature-item h4{color:#fbbf24;font-size:1.2rem;margin-bottom:.5rem}.feature-item p{color:#fff;font-size:.95rem;line-height:1.5}.toolkit-content{max-width:1200px;margin:0 auto;animation:fadeIn .8s ease}.content-header{margin-bottom:2rem}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;margin-bottom:1.5rem}.back-btn:hover{background:#fff3;transform:translate(5px)}.content-header-info{display:flex;align-items:center;gap:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem}.content-icon{font-size:4rem;flex-shrink:0}.content-title{font-size:2rem;color:#fbbf24;margin-bottom:.5rem}.content-subtitle{font-size:1.1rem;color:#fff;line-height:1.6}.articles-list{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.articles-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.articles-list{grid-template-columns:repeat(3,1fr)}}.toolkit-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}.toolkit-pagination button{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.22)}.toolkit-pagination button:disabled{opacity:.45;cursor:not-allowed}.toolkit-pagination span{font-weight:800;color:#fff}.article-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;animation:slideUp .5s ease}.article-card:hover{transform:translateY(-5px);border-color:#fbbf244d;box-shadow:0 15px 40px #fbbf2433}.article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.article-type-badge{background:#fbbf2433;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:.3rem .8rem;border-radius:12px;font-size:.85rem}.bookmark-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fbbf24;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1.3rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.bookmark-btn:hover{background:#fbbf2433;transform:scale(1.1)}.bookmark-btn.bookmarked{background:#fbbf244d;border-color:#fbbf2480}.article-title{font-size:1.3rem;color:#fff;margin-bottom:.75rem;line-height:1.4}.article-summary{font-size:.95rem;color:#fff;line-height:1.6;margin-bottom:1rem}.article-meta{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.meta-item{display:flex;align-items:center;gap:.4rem;color:#fff;font-size:.9rem}.meta-icon{font-size:1rem}.article-view{max-width:900px;margin:0 auto;animation:fadeIn .8s ease}.article-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.bookmark-btn-large{background:#fbbf2433;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:.6rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.bookmark-btn-large:hover{background:#fbbf244d;transform:scale(1.05)}.bookmark-btn-large.bookmarked{background:#fbbf2466;border-color:#fbbf2499}.article-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem}.article-type-badge-large{background:#fbbf2433;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:.5rem 1.2rem;border-radius:15px;font-size:.9rem;display:inline-block;margin-bottom:1rem}.article-view-title{font-size:2.5rem;color:#fbbf24;margin-bottom:1rem;line-height:1.3}.article-view-meta{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.article-view-meta .meta-item{color:#fff;font-size:1rem}.article-body,.content-section{margin-bottom:2rem}.section-heading{font-size:1.8rem;color:#fbbf24;margin-bottom:1rem}.section-text{font-size:1.1rem;color:#fff;line-height:1.8;margin-bottom:1rem}.section-list{list-style:none;padding:0;margin:1rem 0}.list-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:1.05rem;color:#fff;line-height:1.6}.list-icon{color:#fbbf24;font-weight:700;flex-shrink:0;margin-top:.2rem}.tips-box{background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:15px;padding:1.5rem;margin:1.5rem 0}.tips-header{font-size:1.3rem;color:#4ade80;font-weight:700;margin-bottom:1rem}.tips-list{list-style:none;padding:0}.tips-list li{color:#d1fae5;font-size:1.05rem;line-height:1.7;margin-bottom:.75rem;padding-right:1.5rem;position:relative}.tips-list li:before{content:"💡";position:absolute;right:0;top:0}.example-box{background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:15px;padding:1.5rem;margin:1.5rem 0}.example-header{font-size:1.3rem;color:#60a5fa;font-weight:700;margin-bottom:1rem}.example-box p{color:#dbeafe;font-size:1.05rem;line-height:1.7}.resources-section{background:#ffffff08;border-radius:15px;padding:1.5rem;margin-top:2rem}.resources-title{font-size:1.5rem;color:#fbbf24;margin-bottom:1rem}.resources-list{display:flex;flex-direction:column;gap:.75rem}.resource-item{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1rem;padding:.75rem;background:#ffffff0d;border-radius:10px;transition:all .3s ease}.resource-item:hover{background:#ffffff1a;transform:translate(-5px)}.resource-icon{font-size:1.2rem;color:#fbbf24}.resource-name{flex:1}@media(max-width:768px){.article-view-title{font-size:1.8rem}.section-heading{font-size:1.4rem}.article-content{padding:1.5rem}.content-header-info{flex-direction:column;text-align:center}.content-icon{font-size:3rem}}:root{--tio-logo: url(/logo.png);--tio-navy: #073b66;--tio-navy-bright: #0f5688;--tio-navy-deep: #052743;--tio-gold: #d8a72c;--tio-gold-bright: #edc75e;--tio-gold-deep: #a87310;--tio-ivory: #fffaf0;--tio-ivory-soft: #f4ead6;--tio-primary: var(--tio-navy);--tio-primary-bright: var(--tio-navy-bright);--tio-accent: var(--tio-gold);--tio-ink: #08263f;--tio-muted: #596a75;--tio-soft: #f5ead2;--tio-page-bg: radial-gradient(circle at 12% 10%, rgba(7, 59, 102, .12), transparent 30%), radial-gradient(circle at 86% 16%, rgba(216, 167, 44, .2), transparent 26%), linear-gradient(135deg, #fffaf0 0%, #f4ead6 48%, #eaf0f5 100%);--tio-hero-bg: linear-gradient(135deg, rgba(5, 39, 67, .96), rgba(7, 59, 102, .92) 58%, rgba(168, 115, 16, .82));--tio-gradient-primary: linear-gradient(135deg, var(--tio-navy-deep) 0%, var(--tio-primary) 56%, var(--tio-accent) 100%);--tio-gradient-calm: linear-gradient(135deg, var(--tio-primary) 0%, var(--tio-primary-bright) 100%);--tio-gradient-gold: linear-gradient(135deg, var(--tio-gold-deep) 0%, var(--tio-gold) 54%, var(--tio-gold-bright) 100%);--tio-surface: rgba(255, 252, 246, .94);--tio-surface-strong: #ffffff;--tio-border: rgba(7, 59, 102, .18);--tio-shadow: 0 18px 50px rgba(8, 38, 63, .13);--primary: var(--tio-primary);--primary-light: var(--tio-primary-bright);--primary-dark: var(--tio-navy-deep);--primary-glow: rgba(7, 59, 102, .32);--secondary: var(--tio-accent);--secondary-light: var(--tio-gold-bright);--secondary-glow: rgba(216, 167, 44, .34);--accent: var(--tio-accent);--accent-light: var(--tio-gold-bright);--accent-glow: rgba(216, 167, 44, .34);--gold: var(--tio-accent);--gold-light: var(--tio-gold-bright);--gold-glow: rgba(216, 167, 44, .36);--warning: #c48a17;--info: var(--tio-primary-bright);--bg-primary: var(--tio-ivory);--bg-secondary: #ffffff;--bg-tertiary: var(--tio-soft);--bg-gradient: var(--tio-hero-bg);--text-primary: var(--tio-ink);--text-secondary: var(--tio-muted);--text-light: #8b99a3;--border: var(--tio-border);--shadow: rgba(8, 38, 63, .08);--shadow-md: rgba(8, 38, 63, .15);--shadow-lg: rgba(8, 38, 63, .24);--shadow-glow: 0 0 40px rgba(216, 167, 44, .24);--glass-bg: rgba(255, 252, 246, .88);--glass-border: rgba(255, 255, 255, .58)}body{background:var(--tio-page-bg);font-family:var(--font-body)}.dashboard,.wave-content,.case-studies,.graduation-project,.community,.servant-toolkit,.personality-test,.pauls-journey,.interactive-wave,.heavenly-ladder,.church-history{background:var(--tio-page-bg)!important}.dashboard:before{background:radial-gradient(circle at 10% 20%,rgba(7,59,102,.12) 0%,transparent 42%),radial-gradient(circle at 92% 78%,rgba(212,168,83,.12) 0%,transparent 40%)!important}.dashboard-header,.progress-card,.wave-progress-card,.action-card,.reward-card,.stat-box,.content-header,.categories-scroll,.lessons-section,.content-footer,.case-card,.empty-cases,.project-header,.project-overview,.team-section,.phases-section,.planning-board,.current-team,.test-container,.post-card,.project-card,.share-modal,.category-card,.article-card,.article-content,.article-view-header,.ch-intro,.ch-crisis-select,.ch-hook,.ch-story,.ch-personality-view,.ch-case-study,.ch-modern-link,.ch-reflection-box,.ch-complete,.hl-intro-content,.hl-door-view,.hl-section-view,.hl-quiz-view,.hl-final-quiz-view,.hl-heaven-content{background:var(--tio-surface)!important;border:1px solid var(--tio-border)!important;box-shadow:var(--tio-shadow)!important;color:var(--text-primary)!important}.welcome-screen{background:var(--tio-ink)!important}.welcome-overlay{background:var(--tio-hero-bg),radial-gradient(circle at 78% 20%,rgba(212,168,83,.24),transparent 34%)!important}.dashboard-welcome-line{margin:0 0 12px;color:var(--tio-muted);font-weight:700}.test-header h2,.biblical-title,.feed-title,.projects-title,.toolkit-title,.content-title,.article-view-title,.case-title,.project-header h1,.project-overview h2,.ch-title,.ch-section-title,.hl-title,.hl-final-quiz-title,.rewards-section h2{background:var(--tio-gradient-calm)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:var(--tio-primary)!important}.feed-subtitle,.projects-subtitle,.post-content,.comment-content,.project-description,.toolkit-subtitle,.category-description,.article-summary,.section-text,.case-scenario p,.project-header p,.project-overview p,.ch-subtitle,.ch-story-text,.ch-scene-text,.hl-description,.hl-subtitle,.hl-section-text,.hl-prayer-meaning,.hl-heaven-message,.biblical-subtitle,.test-header p{color:var(--tio-muted)!important}.btn-primary,.start-btn,.start-lesson-btn,.start-journey-btn,.quiz-start-btn,.next-btn,.project-action-btn,.create-project-btn,.submit-post-btn,.quick-action-btn,.hl-start-btn,.hl-continue-btn,.hl-complete-btn,.hl-start-section-btn,.hl-section-next-btn,.ch-start-btn,.ch-continue-btn,.ch-next-btn,.ch-submit-btn,.ch-finish-btn{background:var(--tio-gradient-primary)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 30px #08263f38!important}.btn-secondary,.action-btn,.back-to-feed-btn,.close-modal-btn,.type-btn,.bookmark-btn,.bookmark-btn-large,.hl-replay-btn,.ch-replay-btn{background:var(--tio-soft)!important;border:1px solid var(--tio-border)!important;color:var(--text-primary)!important}.back-btn,.hl-back-btn,.ch-back-btn,.toolkit-back-btn,.community-back-btn{background:linear-gradient(135deg,var(--tio-ink),var(--tio-primary))!important;border-color:#ffffff5c!important;color:#fff!important}.progress-fill,.progress-fill-large,.iw-progress span,.case-progress,.ch-progress-dot.active,.ch-progress-dot.completed{background:var(--tio-gradient-primary)!important}.biblical-icon,.modal-icon,.user-avatar,.author-avatar,.member-avatar,.personality-indicator,.personality-icon,.member-icon,.category-icon-large,.content-icon,.header-icon,.iw-complete-icon{background:var(--tio-gradient-primary)!important;color:#fff!important}.option-btn,.case-option,.iw-option,.hl-quiz-option,.ch-choice-btn,.ch-case-option,.personality-option,.phase-item,.planning-item,.requirement-item,.feature-item,.resource-item,.comment,.project-tag,.article-type-badge,.article-type-badge-large,.category-tag,.meta-item,.stat-item,.type-btn{background:#e6f7f8d1!important;border-color:var(--tio-border)!important;color:var(--text-primary)!important}.option-btn:hover,.case-option:hover,.iw-option:hover,.hl-quiz-option:hover,.ch-choice-btn:hover,.ch-case-option:hover,.personality-option:hover,.phase-item:hover,.category-card:hover,.article-card:hover,.post-card:hover,.project-card:hover{border-color:#d8a72c80!important;box-shadow:0 16px 42px #08263f29!important}.option-btn:hover,.type-btn.active,.case-option.selected,.iw-option.selected,.hl-quiz-option.selected,.ch-choice-btn.selected,.ch-case-option.selected,.phase-item.active,.project-action-btn.joined{background:linear-gradient(135deg,#052743f5,#d8a72cf0)!important;color:#fff!important}.option-number,.step-number,.phase-number,.case-badge,.action-badge,.reward-points,.quiz-kicker,.result-name{background:#d4a85324!important;color:#7c5419!important;border-color:#d4a85342!important}.post-title,.comment-author,.project-title,.category-title,.article-title,.section-heading,.resources-title,.ch-personality-type,.hl-prayer-name,.hl-symbol-meaning{color:var(--tio-primary)!important}.post-title-input,.post-content-input,.ch-reflection-input,.name-field input{background:#fff!important;border:2px solid var(--tio-border)!important;color:var(--text-primary)!important;box-shadow:inset 0 1px #073b660f!important}.post-title-input:focus,.post-content-input:focus,.ch-reflection-input:focus,.name-field input:focus{border-color:var(--tio-primary-bright)!important;box-shadow:0 0 0 4px #d8a72c2e!important}.post-title-input::placeholder,.post-content-input::placeholder,.name-field input::placeholder{color:#8aa0aa!important}.share-modal-overlay,.modal-overlay,.hl-symbol-modal-overlay{background:#073b438f!important}.community .modal-header,.personality-test .modal-header{background:linear-gradient(135deg,#e6f7f8f5,#fff8e8f5)!important;border-color:var(--tio-border)!important}.community .action-btn.liked{background:#d4a8532e!important;border-color:#d4a85380!important;color:#7c5419!important}.iw-header,.iw-visual-card{background:#073b43e0!important;border-color:#ffffff38!important}.ch-hook-side,.ch-comparison-side,.ch-character,.ch-stat,.hl-feature,.hl-stat,.hl-symbol,.hl-reflection,.tips-box,.example-box,.resources-section,.lesson-rich-content,.application-box{background:#e6f7f8b8!important;border-color:var(--tio-border)!important;color:var(--text-primary)!important}@media(max-width:768px){.dashboard,.wave-content,.case-studies,.graduation-project,.community,.servant-toolkit,.personality-test,.pauls-journey,.interactive-wave,.heavenly-ladder,.church-history{background:radial-gradient(circle at 12% 6%,rgba(7,59,102,.12),transparent 28%),linear-gradient(180deg,#fffaf0,#f4ead6)!important}}.app{position:relative;isolation:isolate;background:var(--tio-page-bg)}.app:before{content:"";position:fixed;top:clamp(12px,2vw,22px);right:clamp(12px,2vw,28px);z-index:95;width:clamp(48px,6.5vw,78px);aspect-ratio:460 / 543;background:var(--tio-logo) center / contain no-repeat;filter:drop-shadow(0 10px 24px rgba(8,38,63,.2));opacity:.92;pointer-events:none}@supports selector(:has(*)){.app:has(.welcome-screen):before{opacity:0}}.brand-cross{width:42px!important;height:50px!important;border-radius:0!important;background:var(--tio-logo) center / contain no-repeat!important;color:transparent!important;font-size:0!important}.brand-mark{border-color:#d8a72c6b!important;background:#fffaf021!important;color:#fff7df!important;font-family:var(--font-brand)!important}.dashboard-header,.content-header,.case-header,.project-header,.community-hero,.toolkit-header,.test-container,.iw-header,.journey-intro,.journey-map,.city-story,.choice-result,.journey-summary,.hl-intro-content,.ch-intro,.ch-crisis-select,.ch-hook,.ch-story,.ch-personality-view,.ch-case-study,.ch-modern-link,.ch-complete{position:relative!important;overflow:hidden!important}.dashboard-header:after,.content-header:after,.case-header:after,.project-header:after,.community-hero:after,.toolkit-header:after,.test-container:after,.iw-header:after,.journey-intro:after,.journey-map:after,.city-story:after,.choice-result:after,.journey-summary:after,.hl-intro-content:after,.ch-intro:after,.ch-crisis-select:after,.ch-hook:after,.ch-story:after,.ch-personality-view:after,.ch-case-study:after,.ch-modern-link:after,.ch-complete:after{content:"";position:absolute;left:clamp(16px,3vw,30px);top:50%;width:clamp(76px,11vw,132px);aspect-ratio:460 / 543;background:var(--tio-logo) center / contain no-repeat;opacity:.075;transform:translateY(-50%);pointer-events:none;z-index:0}.dashboard-header>*,.content-header>*,.case-header>*,.project-header>*,.community-hero>*,.toolkit-header>*,.test-container>*,.iw-header>*,.journey-intro>*,.journey-map>*,.city-story>*,.choice-result>*,.journey-summary>*,.hl-intro-content>*,.ch-intro>*,.ch-crisis-select>*,.ch-hook>*,.ch-story>*,.ch-personality-view>*,.ch-case-study>*,.ch-modern-link>*,.ch-complete>*{position:relative;z-index:1}.dashboard,.wave-content,.case-studies,.graduation-project,.community,.servant-toolkit,.personality-test,.pauls-journey,.interactive-wave,.heavenly-ladder,.church-history{color:var(--text-primary)!important;font-family:var(--font-body)!important}.dashboard-header,.content-header,.case-header,.project-header,.community-hero,.toolkit-header,.progress-card,.wave-progress-card,.action-card,.reward-card,.stat-box,.category-card,.article-card,.article-content,.article-view-header,.lesson-card,.lesson-rich-content,.lesson-step-card,.quiz-preview-card,.question-card,.case-card,.case-progress,.tips-section,.tips-box,.project-overview,.overview-card,.requirements-section,.team-section,.phases-section,.planning-board,.team-builder,.current-team,.feature-item,.resource-item,.resources-section,.post-card,.project-card,.share-modal,.comments-section,.comment-bubble,.iw-question-card,.iw-complete-card,.journey-intro,.journey-map,.city-story,.choice-result,.journey-summary,.city-drawer,.values-display,.hl-intro-content,.hl-door-view,.hl-section-view,.hl-quiz-view,.hl-final-quiz-view,.hl-heaven-content,.ch-intro,.ch-crisis-select,.ch-hook,.ch-story,.ch-personality-view,.ch-case-study,.ch-modern-link,.ch-complete{background:var(--tio-surface)!important;border-color:var(--tio-border)!important;box-shadow:var(--tio-shadow)!important;color:var(--text-primary)!important}.welcome-screen,.iw-header,.iw-visual-card,.hl-dark-scene,.hl-light-scene,.sanctuary-priest-3d{background:radial-gradient(circle at 15% 12%,rgba(216,167,44,.22),transparent 30%),linear-gradient(135deg,#052743,#073b66 60%,#6d4a0f)!important}.welcome-overlay{background:var(--tio-hero-bg),radial-gradient(circle at 78% 20%,rgba(216,167,44,.24),transparent 34%)!important}.welcome-kicker,.community-kicker,.content-kicker,.dashboard-kicker,.quiz-kicker,.lesson-eyebrow,.iw-kicker,.case-badge,.article-type-badge,.article-type-badge-large,.featured-badge,.project-tag,.category-tag,.meta-item,.stat-item,.result-name,.activity-chip,.completed-badge,.lessons-count,.score-display{background:#d8a72c26!important;border-color:#d8a72c57!important;color:#7a520e!important;font-family:var(--font-brand)!important}.app-title,.dashboard-header h1,.content-title,.test-header h2,.biblical-title,.feed-title,.projects-title,.toolkit-title,.article-view-title,.case-header h1,.case-title,.project-header h1,.project-overview h2,.requirements-section h2,.team-section h2,.phases-section h2,.planning-board h2,.section-header h2,.lesson-title,.post-title,.project-title,.category-title,.article-title,.section-heading,.resources-title,.ch-title,.ch-section-title,.hl-title,.hl-final-quiz-title,.rewards-section h2{font-family:var(--font-brand)!important;background:var(--tio-gradient-calm)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:var(--tio-primary)!important}.app-subtitle,.app-description,.dashboard-welcome-line,.feed-subtitle,.projects-subtitle,.toolkit-subtitle,.content-subtitle,.category-description,.article-summary,.section-text,.post-content,.comment-content,.project-description,.lesson-description,.lesson-overview,.lesson-section-block p,.case-scenario p,.project-header p,.project-overview p,.overview-desc,.requirement-item p,.feature-item p,.resource-item,.ch-subtitle,.ch-story-text,.ch-scene-text,.hl-description,.hl-subtitle,.hl-section-text,.hl-prayer-meaning,.hl-heaven-message,.biblical-subtitle,.test-header p{color:var(--tio-muted)!important}.app-title,.app-subtitle,.welcome-kicker,.welcome-content .app-description,.feature-card h3,.feature-card p{-webkit-text-fill-color:initial!important}.app-title,.app-subtitle,.feature-card h3{color:#fff!important}.welcome-content .app-description{color:#ffffffe0!important}.welcome-kicker,.feature-card svg{color:#f8d77d!important}.start-btn,.btn-primary,.start-lesson-btn,.start-journey-btn,.quiz-start-btn,.next-btn,.project-action-btn,.create-project-btn,.submit-post-btn,.quick-action-btn,.journey-start-btn,.continue-btn,.hl-start-btn,.hl-continue-btn,.hl-complete-btn,.hl-start-section-btn,.hl-section-next-btn,.ch-start-btn,.ch-continue-btn,.ch-next-btn,.ch-submit-btn,.ch-finish-btn{background:var(--tio-gradient-primary)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 14px 32px #08263f38,0 0 0 1px #d8a72c29 inset!important;font-family:var(--font-brand)!important}.btn-primary:hover,.start-btn:hover,.start-lesson-btn:hover,.quick-action-btn:hover,.project-action-btn:hover{box-shadow:0 18px 40px #08263f42,0 0 0 1px #edc75e47 inset!important}.btn-secondary,.action-btn,.back-to-feed-btn,.close-modal-btn,.type-btn,.bookmark-btn,.bookmark-btn-large,.hl-replay-btn,.ch-replay-btn,.pagination-controls button,.toolkit-pagination button{background:#fffaf0eb!important;border:1px solid var(--tio-border)!important;color:var(--tio-primary)!important;box-shadow:none!important}.back-btn,.hl-back-btn,.ch-back-btn,.toolkit-back-btn,.community-back-btn{background:linear-gradient(135deg,var(--tio-navy-deep),var(--tio-primary))!important;border-color:#ffffff5c!important;color:#fff!important}.progress-fill,.progress-fill-large,.iw-progress span,.ch-progress-dot.active,.ch-progress-dot.completed,.wave-circle.active,.wave-circle.completed{background:var(--tio-gradient-primary)!important;border-color:var(--tio-primary)!important;color:#fff!important}.biblical-icon,.modal-icon,.user-avatar,.author-avatar,.comment-avatar,.member-avatar,.personality-indicator,.personality-icon,.member-icon,.category-icon-large,.content-icon,.header-icon,.iw-complete-icon,.action-icon,.project-icon,.overview-icon,.requirement-icon,.phase-number,.option-number,.step-number,.case-badge,.reward-points,.points-display,.result-message,.verse-section,.community-toast{background:var(--tio-gradient-primary)!important;color:#fff!important}.category-icon-large{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:76px!important;height:76px!important;margin:0 auto 1rem!important;border-radius:18px!important;font-size:2.6rem!important;line-height:1!important}.option-btn,.case-option,.choice-btn,.iw-option,.hl-quiz-option,.ch-choice-btn,.ch-case-option,.personality-option,.phase-item,.planning-item,.requirement-item,.overview-card,.quiz-option,.category-btn,.post-action,.comment,.member-chip,.project-stats span,.community-stats span,.value-item,.final-value-card,.legend-item,.city-card-button,.ch-character,.ch-crisis-card,.ch-stat,.hl-feature,.hl-stat,.hl-symbol,.hl-reflection{background:#f5ead2c7!important;border-color:var(--tio-border)!important;color:var(--text-primary)!important}.option-btn:hover,.case-option:hover,.choice-btn:hover,.iw-option:hover,.hl-quiz-option:hover,.ch-choice-btn:hover,.ch-case-option:hover,.personality-option:hover,.phase-item:hover,.category-card:hover,.article-card:hover,.post-card:hover,.project-card:hover,.lesson-card:hover,.ch-crisis-card:hover{border-color:#d8a72c80!important;box-shadow:0 16px 42px #08263f29,0 0 0 1px #d8a72c2e inset!important}.option-btn:hover,.type-btn.active,.case-option.selected,.choice-btn:hover,.iw-option.selected,.hl-quiz-option.selected,.ch-choice-btn.selected,.ch-case-option.selected,.phase-item.active,.project-action-btn.joined,.category-btn.active{background:var(--tio-gradient-primary)!important;color:#fff!important}.church-history .ch-comparison{background:#fffaf0b8!important;border-color:#d8a72c3d!important;box-shadow:inset 0 1px #ffffffbd!important}.church-history .ch-comparison-side,.church-history .ch-hook-side,.church-history .ch-timeline-point{color:var(--tio-ink)!important;box-shadow:0 16px 36px #08263f1a!important}.church-history .ch-past,.church-history .ch-hook-past,.church-history .ch-past-point{background:linear-gradient(135deg,#fffaf0fa,#f4ead6f0)!important;border-color:#d8a72c75!important}.church-history .ch-present,.church-history .ch-hook-present,.church-history .ch-present-point{background:linear-gradient(135deg,#e6f7f8f5,#fffaf0eb)!important;border-color:#073b6647!important}.church-history .ch-crisis-icon,.church-history .ch-story-content,.church-history .ch-personality-content,.church-history .ch-case-scenario,.church-history .ch-case-result,.church-history .ch-character,.church-history .ch-stat{background:#fffaf0e6!important;border-color:var(--tio-border)!important;color:var(--tio-ink)!important}.church-history .ch-question-box,.church-history .ch-hook-question,.church-history .ch-historical-example,.church-history .ch-decision-box,.church-history .ch-choice-feedback,.church-history .ch-final-message,.church-history .ch-reflection-box{background:linear-gradient(135deg,#f4ead6db,#fffaf0f5)!important;border-color:#d8a72c6b!important;color:var(--tio-ink)!important}.church-history .ch-comparison-side h3,.church-history .ch-crisis-card h3,.church-history .ch-hook-label,.church-history .ch-story-title,.church-history .ch-day-label,.church-history .ch-personality-content h3,.church-history .ch-historical-example h4,.church-history .ch-choices h4,.church-history .ch-decision-box h4,.church-history .ch-timeline-label,.church-history .ch-reflection-box h3,.church-history .ch-complete h2,.church-history .ch-stat-value,.church-history .ch-historical-outcome strong,.church-history .ch-connector-text,.church-history .ch-time-arrow,.church-history .ch-comparison-arrow{color:var(--tio-primary)!important;-webkit-text-fill-color:initial!important;text-shadow:none!important}.church-history .ch-crisis-icon,.church-history .ch-crisis-period,.church-history .ch-crisis-desc,.church-history .ch-scene-text,.church-history .ch-story-text,.church-history .ch-char-role,.church-history .ch-decision-box p,.church-history .ch-personality-desc,.church-history .ch-historical-example p,.church-history .ch-feedback-text,.church-history .ch-scenario-text,.church-history .ch-option-text,.church-history .ch-result-text,.church-history .ch-historical-outcome,.church-history .ch-timeline-point p,.church-history .ch-reflection-question,.church-history .ch-stat-label,.church-history .ch-final-quote,.church-history .ch-complete-subtitle{color:var(--tio-ink)!important}.church-history .ch-subtitle,.church-history .ch-crisis-period,.church-history .ch-crisis-desc,.church-history .ch-char-role,.church-history .ch-timeline-point p,.church-history .ch-stat-label{color:var(--tio-muted)!important}.church-history .ch-big-question,.church-history .ch-hook-question p{color:var(--tio-primary)!important;-webkit-text-fill-color:initial!important;text-shadow:none!important}.church-history .ch-progress-dot{background:#073b6629!important;border:1px solid rgba(7,59,102,.18)!important}.church-history .ch-connector-line{background:linear-gradient(to bottom,#073b66b8,#d8a72cc7)!important}.church-history .ch-case-option:disabled{opacity:.82!important}.church-history .ch-case-option.selected,.church-history .ch-choice-btn.selected{opacity:1!important}.post-image-wrap,.project-image-wrap,.iw-visual-card,.mediterranean-map{background-color:var(--tio-primary)!important}.map-bg{background:linear-gradient(180deg,#fffaf00f,#073b660a)!important;background-color:transparent!important}.post-type-badge,.community .post-type-badge{background:#052743d6!important;color:#fff!important}.community .quick-action-btn.secondary,.community .project-action-btn.joined{background:var(--tio-gradient-gold)!important;color:#fff!important}.community .author-avatar,.community .comment-avatar,.community .member-avatar{background:var(--tio-gradient-primary)!important;color:#fff!important}.post-title-input,.post-content-input,.comment-form input,.ch-reflection-input,.name-field input{background:#fff!important;border:2px solid var(--tio-border)!important;color:var(--text-primary)!important;box-shadow:inset 0 1px #073b660f!important;font-family:var(--font-body)!important}.post-title-input:focus,.post-content-input:focus,.comment-form input:focus,.ch-reflection-input:focus,.name-field input:focus{border-color:var(--tio-accent)!important;box-shadow:0 0 0 4px #d8a72c2e!important}.share-modal-overlay,.modal-overlay,.hl-symbol-modal-overlay{background:#0527439e!important}.community .modal-header,.personality-test .modal-header{background:linear-gradient(135deg,#fffaf0fa,#f4ead6f5)!important;border-color:var(--tio-border)!important}.interactive-wave{--module-color: var(--tio-primary) !important;--module-accent: var(--tio-accent) !important}@media(max-width:768px){.app:before{width:44px;top:10px;right:12px}.dashboard,.wave-content,.case-studies,.graduation-project,.community,.servant-toolkit,.personality-test,.pauls-journey,.interactive-wave,.heavenly-ladder,.church-history{background:radial-gradient(circle at 12% 6%,rgba(7,59,102,.12),transparent 28%),linear-gradient(180deg,#fffaf0,#f4ead6)!important}}.heavenly-ladder .hl-intro{background:radial-gradient(circle at 18% 18%,rgba(216,167,44,.24),transparent 32%),linear-gradient(135deg,#052743,#073b66 58%,#d4a853 130%)!important}.heavenly-ladder .hl-intro-content{background:#fffaf0f0!important;border:1px solid rgba(216,167,44,.28)!important;box-shadow:0 24px 64px #05274333!important;color:var(--tio-ink)!important}.heavenly-ladder .hl-subtitle,.heavenly-ladder .hl-description,.heavenly-ladder .hl-feature p{color:var(--tio-ink)!important;opacity:1!important}.heavenly-ladder .hl-feature{background:#e6f7f8d6!important;border:1px solid rgba(7,59,102,.16)!important;box-shadow:none!important}.heavenly-ladder .hl-dark-scene{background:radial-gradient(circle at 50% 78%,rgba(216,167,44,.14),transparent 30%),linear-gradient(to bottom,#0f0c29,#302b63,#24243e)!important}.heavenly-ladder .hl-dark-scene:after,.heavenly-ladder .hl-light-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.heavenly-ladder .hl-dark-scene:after{background:linear-gradient(0deg,rgba(216,167,44,.14),transparent 42%),radial-gradient(circle at 50% 76%,rgba(255,250,240,.12),transparent 22%);z-index:0}.heavenly-ladder .hl-noise-overlay{opacity:.2!important}.heavenly-ladder .hl-dark-content,.heavenly-ladder .hl-light-content{position:relative;z-index:2;max-width:760px;padding:clamp(26px,5vw,48px);border:1px solid rgba(255,250,240,.2);border-radius:28px;background:#0527435c;box-shadow:0 28px 80px #0207134d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.heavenly-ladder .hl-dark-text{color:#fffaf0!important;font-size:clamp(1.35rem,3vw,2.1rem)!important;font-weight:900;line-height:1.85;text-shadow:0 4px 24px rgba(0,0,0,.72)}.heavenly-ladder .hl-light-scene{position:relative;overflow:hidden;background:linear-gradient(to top,#ffecd2,#fcb69f,#a8edea)!important}.heavenly-ladder .hl-light-scene:before{background:radial-gradient(ellipse at 50% 18%,rgba(255,250,240,.78) 0%,rgba(255,250,240,.24) 34%,transparent 62%),linear-gradient(180deg,rgba(255,250,240,.12),transparent 44%);z-index:0}.heavenly-ladder .hl-light-content{background:#fffaf0e0;border-color:#d8a72c57}.heavenly-ladder .hl-light-text{color:var(--tio-primary)!important;font-size:clamp(1.25rem,2.8vw,2rem)!important;font-weight:900;line-height:1.8;text-shadow:0 1px 0 rgba(255,255,255,.72)}.heavenly-ladder .hl-prayer-name,.heavenly-ladder .hl-section-title,.heavenly-ladder .hl-quiz-question,.heavenly-ladder .hl-heaven-view .hl-heaven-title{color:var(--tio-primary)!important;-webkit-text-fill-color:initial!important;text-shadow:none!important}.heavenly-ladder .hl-prayer-meaning,.heavenly-ladder .hl-section-text,.heavenly-ladder .hl-reflection p,.heavenly-ladder .hl-heaven-text,.heavenly-ladder .hl-stat p{color:var(--tio-ink)!important}.heavenly-ladder .hl-ladder-progress span{display:inline-block;direction:ltr}.heavenly-ladder .hl-door-view,.heavenly-ladder .hl-section-view,.heavenly-ladder .hl-quiz-view,.heavenly-ladder .hl-final-quiz-view,.heavenly-ladder .hl-heaven-view{background:radial-gradient(circle at 16% 10%,rgba(216,167,44,.18),transparent 30%),linear-gradient(135deg,#fffaf0,#f4ead6 52%,#e6f7f8 120%)!important}.heavenly-ladder .hl-church-interior,.heavenly-ladder .hl-section-view,.heavenly-ladder .hl-quiz-view,.heavenly-ladder .hl-final-quiz-view,.heavenly-ladder .hl-heaven-content,.heavenly-ladder .hl-reflection{background:#fffaf0f0!important;border:1px solid rgba(216,167,44,.28)!important;box-shadow:0 24px 64px #08263f24!important}.heavenly-ladder .hl-voiceover,.heavenly-ladder .hl-heaven-message{background:linear-gradient(135deg,var(--tio-navy-deep),var(--tio-primary))!important;color:#fff!important}.heavenly-ladder .hl-voiceover p,.heavenly-ladder .hl-heaven-message p{color:#fff!important}