@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0ea5e9;--primary-light: #38bdf8;--primary-dark: #0284c7;--primary-glow: rgba(14, 165, 233, .4);--secondary: #f97316;--secondary-light: #fb923c;--secondary-glow: rgba(249, 115, 22, .4);--accent: #14b8a6;--accent-light: #2dd4bf;--accent-glow: rgba(20, 184, 166, .4);--gold: #d4a853;--gold-light: #e9c46a;--gold-glow: rgba(212, 168, 83, .4);--warning: #f59e0b;--info: #06b6d4;--bg-primary: #f0f9ff;--bg-secondary: #ffffff;--bg-tertiary: #e0f2fe;--bg-gradient: linear-gradient(135deg, #0c1426 0%, #1a3a52 50%, #0f4c5c 100%);--text-primary: #0c4a6e;--text-secondary: #475569;--text-light: #94a3b8;--border: #bae6fd;--shadow: rgba(14, 165, 233, .08);--shadow-md: rgba(14, 165, 233, .15);--shadow-lg: rgba(14, 165, 233, .25);--shadow-glow: 0 0 40px rgba(14, 165, 233, .3);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .4);--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:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;direction:rtl;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd);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-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:Cairo,sans-serif;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,#0369a1,#0284c7)!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;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0c4a6e,#0d9488 40%,#0ea5e9,#f97316);position:relative;overflow:hidden}.welcome-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(14,165,233,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(20,184,166,.4) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(212,168,83,.3) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(249,115,22,.3) 0%,transparent 40%);animation:meshMove 20s ease-in-out infinite;z-index:0}@keyframes meshMove{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.welcome-screen:after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 100px 50px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 200px 150px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 300px 100px,rgba(255,255,255,.5),transparent),radial-gradient(3px 3px at 400px 200px,rgba(212,168,83,.6),transparent),radial-gradient(2px 2px at 500px 50px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 600px 250px,rgba(255,255,255,.5),transparent),radial-gradient(3px 3px at 700px 100px,rgba(212,168,83,.5),transparent),radial-gradient(2px 2px at 150px 300px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 350px 350px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 550px 400px,rgba(255,255,255,.4),transparent);animation:float 30s linear infinite;z-index:0;pointer-events:none}@keyframes float{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}to{transform:translateY(0) translate(0)}}.welcome-content{max-width:950px;width:100%;text-align:center;position:relative;z-index:2}.wave-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.wave{position:absolute;bottom:-50px;left:-50%;width:200%;height:300px;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:45%;animation:wave-animation 12s infinite ease-in-out}.wave:nth-child(2){animation-delay:-4s;opacity:.6;bottom:-30px}.wave:nth-child(3){animation-delay:-8s;opacity:.4;bottom:-10px}@keyframes wave-animation{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-25%) rotate(3deg)}}.hero-image-container{margin-bottom:30px;position:relative}.hero-image{width:100%;max-width:500px;height:auto;border-radius:var(--radius-xl);box-shadow:0 25px 60px #0000004d,0 0 80px #0ea5e94d;animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.welcome-text{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:50px;border-radius:var(--radius-xl);margin-bottom:40px;box-shadow:0 25px 60px #0003,inset 0 1px 1px #fff9;border:1px solid var(--glass-border)}.app-title{font-size:4rem;background:linear-gradient(135deg,#0ea5e9,#14b8a6,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px;text-shadow:none;filter:drop-shadow(0 4px 8px rgba(14,165,233,.3))}.wave-emoji{font-size:3.5rem;animation:wave-hand 2.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(14,165,233,.5))}@keyframes wave-hand{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(20deg) scale(1.1)}75%{transform:rotate(-10deg) scale(1)}}.app-subtitle{font-size:1.7rem;color:var(--text-primary);font-weight:700;margin-bottom:15px;letter-spacing:1px}.app-description{font-size:1.15rem;color:var(--text-secondary);line-height:2}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:45px}.feature-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:35px 25px;border-radius:var(--radius-lg);box-shadow:0 15px 35px #00000026,inset 0 1px 1px #ffffff80;border:1px solid var(--glass-border);transition:var(--transition);position:relative;overflow:hidden}.feature-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}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #0003,0 0 40px var(--primary-glow)}.feature-icon{font-size:3.5rem;margin-bottom:18px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.feature-card h3{font-size:1.3rem;margin-bottom:12px;color:var(--text-primary);font-weight:700}.feature-card p{font-size:1rem;color:var(--text-secondary);line-height:1.6}.start-btn{font-size:1.4rem;padding:22px 60px;display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0ea5e9,#14b8a6,#d4a853);background-size:200% 200%;animation:gradientShift 3s ease infinite,glow 2s ease-in-out infinite alternate;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0ea5e966,0 0 60px #0ea5e933;border:none;color:#fff;font-weight:700;letter-spacing:1px;position:relative;overflow:hidden}@keyframes glow{0%{box-shadow:0 10px 30px #0ea5e966,0 0 40px #0ea5e933}to{box-shadow:0 15px 40px #0ea5e980,0 0 80px #0ea5e966}}.start-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 50px #0ea5e980,0 0 100px #0ea5e94d}.btn-arrow{transition:var(--transition);font-size:1.5rem}.start-btn:hover .btn-arrow{transform:translate(-8px)}.welcome-footer{margin-top:35px;color:#fff;font-size:1.2rem;text-shadow:0 2px 8px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;gap:10px}.welcome-footer p{color:#fff;display:flex;align-items:center;gap:8px}@media(max-width:768px){.welcome-screen{padding:15px}.app-title{font-size:2.8rem;flex-direction:column;gap:10px}.wave-emoji{font-size:2.5rem}.app-subtitle{font-size:1.3rem}.app-description{font-size:1rem}.welcome-text{padding:35px 25px}.hero-image{max-width:300px}.features-grid{grid-template-columns:1fr 1fr;gap:15px}.feature-card{padding:25px 18px}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.1rem}.start-btn{font-size:1.2rem;padding:18px 45px;width:100%;justify-content:center}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}.app-title{font-size:2.2rem}}.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}.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;inset: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}.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;inset: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}.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:space-around;align-items:center;gap:12px;padding-top:10px}.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{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: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-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,.actions-grid,.rewards-grid,.quick-stats{grid-template-columns:1fr}.stat-value{font-size:2rem}.wave-circle{width:50px;height:50px;font-size:1rem}}.wave-content{min-height:100vh;padding:20px;background:linear-gradient(135deg,#ffecd2,#fcb69f)}.content-container{max-width:1200px;margin:0 auto}.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-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{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-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: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)}.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)}.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}.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-container{background:#fff;border-radius:var(--radius-lg);padding:40px;margin-bottom:30px;box-shadow:0 10px 40px #0003;min-height:600px}.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{position:absolute;transform:translate(-50%,-50%);cursor:pointer;transition:var(--transition);z-index:10}.city-marker.locked{opacity:.4;cursor:not-allowed}.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;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}.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: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}.map-title h2{font-size:1.5rem}.map-title p{font-size:1rem}.map-container{padding:20px}.mediterranean-map{height:400px}.marker-dot{width:30px;height:30px;font-size:1.2rem}.marker-label{font-size:.85rem;padding:6px 10px}.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;inset:-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}}.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}@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;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:1rem;direction:rtl;font-family:Cairo,sans-serif;position:relative;overflow-x:hidden}@media(min-width:768px){.community{padding:2rem}}.community-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}.community-back-btn:hover{background:#fff3;transform:translate(-5px)}.community-feed{max-width:800px;margin:0 auto;animation:fadeIn .8s ease}.feed-header{text-align:center;margin-bottom:2rem}.feed-title{font-size:2rem;background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:pulse 2s infinite}@media(min-width:768px){.feed-title{font-size:3rem}}.feed-subtitle{font-size:1rem;color:#fff;font-weight:300}@media(min-width:768px){.feed-subtitle{font-size:1.3rem}}.quick-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}@media(min-width:640px){.quick-actions{flex-direction:row;gap:1rem;margin-bottom:2rem}}.quick-action-btn{flex:1;background:#3b82f633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(59,130,246,.3);color:#fff;padding:.875rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;transition:all .3s ease}@media(min-width:768px){.quick-action-btn{padding:1rem;border-radius:15px;font-size:1.1rem}}.quick-action-btn:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-3px);box-shadow:0 10px 30px #3b82f64d}.action-icon{font-size:1.5rem}.posts-container{display:flex;flex-direction:column;gap:1.5rem}.post-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1rem;transition:all .3s ease;animation:slideUp .5s ease}@media(min-width:768px){.post-card{border-radius:20px;padding:1.5rem}}.post-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #3b82f633;border-color:#3b82f64d}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 5px 15px #3b82f64d;flex-shrink:0}@media(min-width:768px){.author-avatar{width:50px;height:50px;font-size:1.5rem}}.author-info h4{color:#fff;font-size:.95rem;margin-bottom:.2rem}@media(min-width:768px){.author-info h4{font-size:1.1rem}}.post-time{color:#fff;font-size:.8rem}@media(min-width:768px){.post-time{font-size:.9rem}}.post-type-badge{font-size:1.2rem;background:#ffffff1a;padding:.4rem;border-radius:8px}@media(min-width:768px){.post-type-badge{font-size:1.5rem;padding:.5rem;border-radius:10px}}.post-title{font-size:1.2rem;color:#60a5fa;margin-bottom:.5rem}@media(min-width:768px){.post-title{font-size:1.5rem}}.post-content{font-size:.95rem;color:#fff;line-height:1.6;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word}@media(min-width:768px){.post-content{font-size:1.1rem;line-height:1.8}}.post-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}@media(min-width:768px){.post-actions{gap:1rem;padding-top:1rem}}.action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.4rem .75rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.875rem;transition:all .3s ease}@media(min-width:768px){.action-btn{padding:.5rem 1rem;border-radius:10px;font-size:1rem;gap:.5rem}}.action-btn:hover{background:#ffffff1a;transform:scale(1.05)}.action-btn.liked{background:#ef444433;border-color:#ef444480}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.comment{background:#ffffff08;padding:.8rem;border-radius:10px;margin-bottom:.5rem}.comment-author{color:#60a5fa;font-weight:700;font-size:.95rem;margin-bottom:.3rem;display:block}.comment-content{color:#fff;font-size:.95rem;line-height:1.6}.community-projects{max-width:1200px;margin:0 auto;animation:fadeIn .8s ease}.projects-header{text-align:center;margin-bottom:2rem;position:relative}@media(min-width:768px){.projects-header{margin-bottom:3rem}}.back-to-feed-btn{position:absolute;right:0;top:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.4rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}@media(min-width:768px){.back-to-feed-btn{padding:.5rem 1.5rem;border-radius:25px;font-size:1rem}}.back-to-feed-btn:hover{background:#fff3;transform:translate(5px)}.projects-title{font-size:2rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}@media(min-width:768px){.projects-title{font-size:2.5rem}}.projects-subtitle{font-size:1rem;color:#fff;font-weight:300}@media(min-width:768px){.projects-subtitle{font-size:1.2rem}}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}@media(min-width:640px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}}.project-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1.25rem;transition:all .3s ease;animation:slideUp .5s ease}@media(min-width:768px){.project-card{border-radius:20px;padding:2rem}}.project-card:hover{transform:translateY(-10px);border-color:#3b82f680;box-shadow:0 20px 50px #3b82f64d}.project-icon{font-size:2.5rem;text-align:center;margin-bottom:.75rem;animation:float 3s ease-in-out infinite}@media(min-width:768px){.project-icon{font-size:4rem;margin-bottom:1rem}}.project-title{font-size:1.3rem;color:#60a5fa;margin-bottom:.5rem;text-align:center}@media(min-width:768px){.project-title{font-size:1.8rem}}.project-description{font-size:.95rem;color:#fff;line-height:1.5;margin-bottom:1.25rem;text-align:center;word-wrap:break-word;overflow-wrap:break-word}@media(min-width:768px){.project-description{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}}.project-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}@media(min-width:768px){.project-stats{gap:2rem;margin-bottom:1.5rem}}.stat{display:flex;align-items:center;gap:.4rem;color:#fff;font-size:.95rem}@media(min-width:768px){.stat{gap:.5rem;font-size:1.1rem}}.stat-icon{font-size:1.1rem}@media(min-width:768px){.stat-icon{font-size:1.3rem}}.project-members{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.member-avatar:hover{transform:scale(1.2);z-index:10}.member-avatar.more{background:#ffffff1a;color:#fff;font-size:.9rem;font-weight:700}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1rem}@media(min-width:768px){.project-tags{gap:.5rem;margin-bottom:1.5rem}}.project-tag{background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:.25rem .6rem;border-radius:12px;font-size:.8rem}@media(min-width:768px){.project-tag{padding:.3rem .8rem;border-radius:15px;font-size:.9rem}}.project-action-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1rem;font-weight:700;padding:.875rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #3b82f64d}@media(min-width:768px){.project-action-btn{font-size:1.2rem;padding:1rem;border-radius:15px}}.project-action-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #3b82f680}.project-action-btn.joined{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 30px #22c55e4d}.project-action-btn.joined:hover{box-shadow:0 15px 40px #22c55e80}.create-project-btn{display:flex;margin:0 auto;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:1.1rem;font-weight:700;padding:.875rem 2rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #f59e0b4d;align-items:center;gap:.5rem}@media(min-width:768px){.create-project-btn{font-size:1.3rem;padding:1rem 3rem}}.create-project-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #f59e0b80}.btn-icon{font-size:1.5rem}.share-modal-overlay{position:fixed;inset:0;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}.share-modal{background:linear-gradient(145deg,#0f172a,#1e293b,#0f172a);border:2px solid rgba(99,102,241,.5);border-radius:20px;padding:1.25rem;max-width:600px;width:95%;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 25px 80px #6366f140,0 0 40px #3b82f626}@media(min-width:640px){.share-modal{width:90%;padding:1.5rem}}@media(min-width:768px){.share-modal{border-radius:25px;padding:2rem;max-height:80vh}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(99,102,241,.3)}.modal-header h3{font-size:1.3rem;background:linear-gradient(135deg,#a78bfa,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}@media(min-width:768px){.modal-header h3{font-size:1.8rem}}.close-modal-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1.3rem;transition:all .3s ease;flex-shrink:0}@media(min-width:768px){.close-modal-btn{width:40px;height:40px;font-size:1.5rem}}.close-modal-btn:hover{background:#ef44444d;border-color:#ef444480;transform:rotate(90deg)}.modal-content{display:flex;flex-direction:column;gap:1.5rem}.post-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:640px){.post-type-selector{display:flex;flex-wrap:wrap}}.type-btn{flex:1;min-width:auto;background:#1e1b4b;border:2px solid #4f46e5;color:#22d3ee;padding:.7rem .5rem;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(min-width:640px){.type-btn{min-width:100px;padding:.8rem;border-radius:12px;font-size:1rem}}.type-btn:hover{background:#312e81;border-color:#6366f1;transform:translateY(-2px);color:#67e8f9;box-shadow:0 5px 20px #6366f166}.type-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf680;color:#fff}.post-title-input,.post-content-input{width:100%;background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:2px solid rgba(139,92,246,.4);border-radius:10px;padding:.875rem;color:#f1f5f9;font-size:1rem;font-family:Cairo,sans-serif;direction:rtl;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003}@media(min-width:768px){.post-title-input,.post-content-input{border-radius:12px;padding:1rem;font-size:1.1rem}}.post-title-input:focus,.post-content-input:focus{outline:none;border-color:#8b5cf6cc;box-shadow:0 0 25px #8b5cf659,inset 0 2px 4px #0003;background:linear-gradient(145deg,#1e293bf2,#0f172a)}.post-title-input::placeholder,.post-content-input::placeholder{color:#fff}.post-content-input{resize:vertical;min-height:150px}.submit-post-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1,#3b82f6);color:#fff;font-size:1.1rem;font-weight:700;padding:.875rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 35px #8b5cf666;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media(min-width:768px){.submit-post-btn{font-size:1.2rem;padding:1rem;border-radius:15px}}.submit-post-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 18px 45px #8b5cf68c}.submit-post-btn:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#475569,#334155);box-shadow:none}@media(max-width:480px){.community-feed,.community-projects{max-width:100%}.feed-header,.projects-header{margin-bottom:1.5rem}.posts-container{gap:1rem}.comment{padding:.6rem}.comment-author,.comment-content{font-size:.85rem}.projects-title{font-size:1.8rem}.projects-subtitle{font-size:1rem}.back-to-feed-btn{position:static;margin-bottom:1rem;width:100%}.modal-content{gap:1rem}.btn-icon{font-size:1.2rem}}.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)}}.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}}