@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);.cases-page{min-height:calc(100vh - 300px)}.error-message{align-items:center;animation:shake .35s ease;background-color:#fee2e2;border:1px solid #fca5a5;border-left:4px solid #dc2626;border-radius:10px;color:#b91c1c;display:flex;font-size:.95rem;font-weight:600;gap:10px;margin-bottom:1.25rem;padding:14px 18px}.error-message:before{content:"⚠";flex-shrink:0;font-size:1.15rem}.success-message{align-items:center;background-color:#dcfce7;border:1px solid #86efac;border-left:4px solid #16a34a;border-radius:10px;color:#15803d;display:flex;font-size:.95rem;font-weight:600;gap:10px;margin-bottom:1.25rem;padding:14px 18px}.success-message:before{content:"✓";flex-shrink:0;font-size:1.15rem}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}to{transform:translateX(0)}}.cases-page .container{margin-bottom:7%;margin-top:3%;padding-bottom:clamp(1rem,3vw,2rem);padding-top:clamp(1rem,3vw,2rem)}.cases-page .list-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);justify-content:space-between;margin-bottom:clamp(1.5rem,4vw,2rem)}.cases-page h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1.5rem}.cases-page .empty-state{padding:clamp(2rem,6vw,3rem);text-align:center}.cases-page .empty-state svg{color:var(--text-muted);font-size:clamp(3rem,8vw,4rem);margin-bottom:clamp(.5rem,2vw,1rem);opacity:.5}.cases-page .empty-state h3{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:clamp(.5rem,1.5vw,.75rem)}.cases-page .empty-state p{color:var(--text-muted);font-size:clamp(.875rem,2vw,1rem)}.cases-page .cases-grid{grid-gap:clamp(.75rem,2vw,1rem);display:grid;gap:clamp(.75rem,2vw,1rem)}.cases-page .case-card{background:#fff;border-radius:clamp(.5rem,1.5vw,.75rem);box-shadow:0 clamp(.125rem,.5vw,.25rem) clamp(.5rem,1.5vw,.75rem) #0000000d;padding:clamp(1rem,2.5vw,1.25rem)}.cases-page .case-card-content{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1rem);justify-content:space-between}.cases-page .case-info{flex:1 1;min-width:min(250px,100%)}.cases-page .case-info h3{font-size:clamp(1.125rem,2.5vw,1.35rem);margin-bottom:clamp(.25rem,1vw,.5rem)}.cases-page .case-info .case-dob{color:var(--text-muted);font-size:clamp(.8125rem,1.8vw,.9375rem);margin-bottom:clamp(.25rem,1vw,.5rem)}.cases-page .case-info .case-brief{font-size:clamp(.875rem,1.9vw,1rem);margin-bottom:clamp(.25rem,1vw,.5rem)}.cases-page .case-info .case-result{color:var(--primary);font-size:clamp(.875rem,1.9vw,1rem);margin-top:clamp(.25rem,1vw,.5rem)}.cases-page .case-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(.25rem,1vw,.5rem)}.cases-page .case-actions .btn{font-size:clamp(.75rem,1.8vw,.875rem);padding:clamp(.4rem,1.2vw,.6rem) clamp(.6rem,1.5vw,.8rem);white-space:nowrap}.cases-page .case-actions .btn svg{font-size:clamp(.7rem,1.6vw,.8rem);margin-right:clamp(.2rem,.8vw,.4rem)}.cases-page .load-more-container{margin-top:clamp(1.5rem,4vw,2rem);text-align:center}.cases-page .load-more-btn{align-items:center;display:inline-flex;font-size:clamp(.875rem,1.8vw,1rem);gap:clamp(.3rem,1vw,.5rem);padding:clamp(.6rem,1.5vw,.75rem) clamp(1.5rem,3vw,2rem)}.cases-page .form-container{background:#fff;border-radius:clamp(.75rem,2vw,1rem);box-shadow:0 clamp(.25rem,1vw,.5rem) clamp(1rem,3vw,1.5rem) #0000001a;margin:0 auto;max-width:min(900px,95%);padding:clamp(1rem,3vw,2rem)}.cases-page .form-group{margin-bottom:clamp(1rem,2.5vw,1.5rem)}.cases-page .form-group label{color:var(--text-dark);display:block;font-size:clamp(.875rem,1.8vw,1rem);font-weight:600;margin-bottom:clamp(.3rem,1vw,.5rem)}.cases-page .form-control{background:#fff;border:1px solid #dbe2ea;border-radius:clamp(.4rem,1.2vw,.5rem);font-size:clamp(.875rem,1.8vw,1rem);padding:clamp(.6rem,1.5vw,.75rem) clamp(.8rem,2vw,1rem);width:100%}.cases-page .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 clamp(.15rem,.4vw,.2rem) #007bff40;outline:none}.cases-page .btn{border:none;border-radius:clamp(.4rem,1.2vw,.5rem);cursor:pointer;font-size:clamp(.875rem,1.8vw,1rem);margin:.2rem;padding:clamp(.6rem,1.5vw,.75rem) clamp(1rem,2.5vw,1.5rem);transition:all .2s ease}.cases-page .btn-primary{background:var(--primary);color:#fff}.cases-page .btn-primary:hover{background:var(--primary-dark)}.cases-page .btn-secondary{background:#6c757d;color:#fff}.cases-page .btn-secondary:hover{background:#5a6268}.cases-page .btn-danger{background:#dc3545;color:#fff}.cases-page .btn-danger:hover{background:#c82333}.cases-page .back-button{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:inline-flex;font-size:clamp(.875rem,1.8vw,1rem);gap:clamp(.2rem,.8vw,.4rem);margin-bottom:clamp(.75rem,2vw,1rem)}.cases-page .back-button:hover{text-decoration:underline}.cases-page .instructions-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:clamp(.6rem,1.8vw,.75rem);margin-bottom:clamp(1rem,2.5vw,1.5rem);padding:clamp(.8rem,2vw,1rem)}.cases-page .instructions-box h3{font-size:clamp(1rem,2.2vw,1.2rem);margin-bottom:clamp(.4rem,1.2vw,.6rem)}.cases-page .instructions-box ul{color:var(--text-muted);font-size:clamp(.8125rem,1.8vw,.9375rem);padding-left:clamp(1rem,2.5vw,1.2rem)}.cases-page .instructions-box li{margin-bottom:clamp(.2rem,.8vw,.3rem)}.cases-page .image-preview{margin-bottom:clamp(1rem,2.5vw,1.5rem)}.cases-page .image-preview img{border:1px solid #e2e8f0;border-radius:clamp(.6rem,1.8vw,.75rem);width:min(220px,100%)}.cases-page .status-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:clamp(.6rem,1.8vw,.75rem);font-size:clamp(.875rem,1.8vw,1rem);margin-bottom:clamp(1rem,2.5vw,1.5rem);padding:clamp(.8rem,2vw,1rem)}.cases-page .status-box.accepted{background:#ecfeff;border-color:#bae6fd}.cases-page .question-group{margin-bottom:clamp(1.2rem,3vw,1.8rem)}.cases-page .question-group label{display:block;font-size:clamp(.9375rem,2vw,1.0625rem);font-weight:600;margin-bottom:clamp(.4rem,1.2vw,.6rem)}.cases-page .options-grid{grid-gap:clamp(.3rem,1vw,.5rem);display:grid;gap:clamp(.3rem,1vw,.5rem)}.cases-page .option-label{align-items:center;border:1px solid #dbe2ea;border-radius:clamp(.5rem,1.5vw,.6rem);cursor:pointer;display:flex;font-size:clamp(.8125rem,1.8vw,.9375rem);gap:clamp(.4rem,1.2vw,.6rem);padding:clamp(.5rem,1.5vw,.75rem) clamp(.6rem,1.8vw,.8rem);transition:background .2s ease}.cases-page .option-label.selected{background:#f0f7ff}.cases-page .option-label input[type=radio]{cursor:pointer;height:clamp(.9rem,2vw,1rem);width:clamp(.9rem,2vw,1rem)}.cases-page .option-label strong{font-weight:600;margin-right:clamp(.2rem,.8vw,.3rem)}.cases-page .report-container{margin:clamp(1rem,3vw,2rem) auto;max-width:min(900px,95%)}.cases-page .report-header{margin-bottom:clamp(1.5rem,4vw,2rem);text-align:center}.cases-page .score-circle{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;height:clamp(6rem,15vw,8rem);justify-content:center;margin:0 auto clamp(.8rem,2vw,1rem);width:clamp(6rem,15vw,8rem)}.cases-page .report-header h2{font-size:clamp(1.5rem,4vw,2rem);margin:0}.cases-page .report-body{background:#fff;border-radius:clamp(.75rem,2vw,1rem);box-shadow:0 clamp(.25rem,1vw,.5rem) clamp(1rem,3vw,1.5rem) #0000001a;padding:clamp(1.2rem,3vw,1.8rem)}.cases-page .report-stats{display:flex;flex-wrap:wrap;gap:clamp(.8rem,2vw,1rem);justify-content:space-between;margin-bottom:clamp(1.2rem,3vw,1.5rem)}.cases-page .stat-item{flex:1 1;min-width:min(150px,100%)}.cases-page .stat-item p{color:var(--text-muted);font-size:clamp(.8125rem,1.8vw,.9375rem);margin-bottom:clamp(.2rem,.8vw,.3rem)}.cases-page .stat-item h3{font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0}.cases-page .report-text{background:#f8fafc;border-radius:clamp(.6rem,1.8vw,.75rem);font-size:clamp(.875rem,1.8vw,1rem);line-height:1.6;margin-top:clamp(.8rem,2vw,1rem);max-height:400px;overflow-y:auto;padding:clamp(.8rem,2vw,1rem);white-space:pre-wrap}.cases-page .game-scores-panel{margin-bottom:clamp(1.5rem,4vw,2rem)}.cases-page .game-scores-panel h3{font-size:clamp(1rem,2.2vw,1.2rem);margin-bottom:clamp(.6rem,1.5vw,.8rem)}.cases-page .game-scores-grid{grid-gap:clamp(.6rem,1.5vw,.85rem);display:grid;gap:clamp(.6rem,1.5vw,.85rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.cases-page .game-score-card{background:linear-gradient(150deg,#eff6ff,#faf5ff);border-radius:clamp(.6rem,1.5vw,.8rem);padding:clamp(.75rem,2vw,1rem);text-align:center}.cases-page .game-score-name{color:var(--text-muted);font-size:clamp(.8rem,1.6vw,.9rem);margin-bottom:clamp(.2rem,.8vw,.3rem)}.cases-page .game-score-value{color:var(--primary);font-size:clamp(1.2rem,2.6vw,1.5rem);font-weight:700}.cases-page .game-score-level{color:var(--text-muted);font-size:clamp(.7rem,1.5vw,.8rem);text-transform:capitalize}.cases-page .reports-list{grid-gap:clamp(.75rem,2vw,1rem);display:grid;gap:clamp(.75rem,2vw,1rem);margin-top:clamp(1rem,2.5vw,1.5rem)}.cases-page .report-item{background:#fff;border-radius:clamp(.5rem,1.5vw,.75rem);box-shadow:0 clamp(.125rem,.5vw,.25rem) clamp(.5rem,1.5vw,.75rem) #0000000d;padding:clamp(.8rem,2vw,1rem)}.cases-page .report-item h3{font-size:clamp(1rem,2.2vw,1.2rem);margin-bottom:clamp(.2rem,.8vw,.3rem)}.cases-page .report-item .report-date{color:var(--text-muted);font-size:clamp(.75rem,1.7vw,.875rem);margin-bottom:clamp(.3rem,1vw,.5rem)}.cases-page .report-item .report-notes{font-size:clamp(.8125rem,1.8vw,.9375rem);margin-bottom:clamp(.5rem,1.5vw,.75rem)}@media (max-width:640px){.cases-page .case-card-content{flex-direction:column}.cases-page .case-actions{width:100%}.cases-page .case-actions .btn{flex:1 1;text-align:center}.cases-page .report-stats{flex-direction:column;gap:clamp(.5rem,2vw,.75rem)}.cases-page .stat-item{text-align:center}}@media (min-width:1920px){.cases-page .case-card{padding:clamp(1.25rem,1.8vw,1.5rem)}.cases-page .case-info h3{font-size:clamp(1.35rem,1.8vw,1.5rem)}.cases-page .btn{font-size:clamp(1rem,1.2vw,1.1rem);padding:clamp(.75rem,1.2vw,.9rem) clamp(1.5rem,2vw,1.8rem)}.cases-page .score-circle{font-size:clamp(2rem,2.5vw,2.5rem);height:clamp(8rem,10vw,10rem);width:clamp(8rem,10vw,10rem)}}.cp-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 300px);padding:2rem 1rem}.cp-card{background:#fff;border-radius:1rem;box-shadow:0 .5rem 1.5rem #0000001a;max-width:420px;padding:2rem;text-align:center;width:100%}.cp-back-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem}.cp-back-btn:hover,.cp-step-icon{color:var(--primary)}.cp-step-icon{align-items:center;background:#eff6ff;border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.cp-step-description{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.cp-input-group{margin-bottom:1rem;position:relative}.cp-input-group .form-control{border:1px solid #dbe2ea;border-radius:.5rem;font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;width:100%}.cp-password-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.cp-btn{background:var(--primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.75rem;transition:background .2s ease;width:100%}.cp-btn:hover{background:#2563eb;background:var(--primary-dark,#2563eb)}.cp-btn:disabled{cursor:not-allowed;opacity:.6}.cp-message{border-radius:.5rem;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.cp-message.error{background:#fee2e2;color:#dc2626}.cp-message.success{background:#dcfce7;color:#16a34a}.cp-step-indicator{gap:.25rem;margin-bottom:1.5rem}.cp-step-dot,.cp-step-indicator{align-items:center;display:flex;justify-content:center}.cp-step-dot{background:#e2e8f0;border-radius:50%;color:var(--text-muted);font-size:.85rem;font-weight:600;height:28px;width:28px}.cp-step-dot.active{background:var(--primary);color:#fff}.cp-step-line{background:#e2e8f0;height:2px;width:40px}.cp-step-line.active{background:var(--primary)}.cp-requirements{background:#f8fafc;border-radius:.5rem;color:var(--text-muted);font-size:.85rem;margin-bottom:1rem;padding:.75rem 1rem;text-align:left}.cp-requirements p{margin:.25rem 0}.cp-requirements p.cp-valid{color:#16a34a}.cp-match-indicator{font-size:.875rem;margin-bottom:1rem}.cp-match{color:#16a34a}.cp-no-match{color:#dc2626}.game-shell{background:#f8fafc;border-radius:1.5rem;margin:2rem auto 4rem;max-width:600px;padding:1.5rem 1rem 2rem;position:relative;text-align:center}.game-back-btn{align-items:center;background:#fff;border:none;border-radius:999px;box-shadow:0 .125rem .5rem #00000014;color:var(--text-muted);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1.1rem;transition:all .2s ease}.game-back-btn:hover{color:var(--primary);transform:translateX(-2px)}[dir=rtl] .game-back-btn:hover{transform:translateX(2px)}.games-hub-header h1{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:.4rem}.games-hub-header p{color:var(--text-muted);margin-bottom:1.5rem}.child-selector{margin:0 auto 2rem;max-width:320px;text-align:left}.child-selector label{color:var(--text-muted);display:block;font-weight:700;margin-bottom:.4rem}.games-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.game-card{--game-color:#3b82f6;background:#fff;border:2px solid #0000;border-radius:1.25rem;box-shadow:0 .25rem 1rem #00000014;cursor:pointer;padding:1.75rem 1.25rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.game-card:hover{border-color:var(--game-color);box-shadow:0 .75rem 1.75rem #0000001f;transform:translateY(-6px) scale(1.02)}.game-card-icon{align-items:center;background:var(--game-color);border-radius:50%;color:#fff;display:flex;font-size:1.6rem;height:64px;justify-content:center;margin:0 auto .9rem;width:64px}.game-card h3{font-size:1.05rem;margin-bottom:.4rem}.game-card p{color:var(--text-muted);font-size:.85rem}.no-cases-alert{background:#fff;border-radius:1.25rem;box-shadow:0 .25rem 1rem #00000014;margin:2rem auto;max-width:420px;padding:2.5rem 1.75rem}.no-cases-icon{color:#f59e0b;font-size:2.5rem;margin-bottom:1rem}.no-cases-alert h2{font-size:1.3rem;margin-bottom:.5rem}.no-cases-alert p{color:var(--text-muted);margin-bottom:1.5rem}.shape-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin-bottom:1.5rem}.shape-opt-btn{align-items:center;background:#fff;border:2px solid #dbe2ea;border-radius:1rem;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.shape-opt-btn:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.shape-opt-btn.correct{background:#dcfce7;border-color:#10b981}.shape-opt-btn.wrong{background:#fee2e2;border-color:#ef4444}.shape-opt-btn:disabled{cursor:not-allowed}.emoji-bounce{animation:emojiBounce 1s ease-in-out infinite;display:inline-block}.emoji-spin{animation:emojiSpin 2.2s linear infinite;display:inline-block}.emoji-wiggle{animation:emojiWiggle .7s ease-in-out infinite;display:inline-block}.emoji-pop{animation:emojiPop 1.1s ease-in-out infinite;display:inline-block}@keyframes emojiBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes emojiSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes emojiWiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes emojiPop{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.game-intro h1{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.5rem}.game-intro p{color:var(--text-muted);margin-bottom:1.5rem}.diff-strip{background:#f1f5f9;border-radius:999px;display:flex;gap:.5rem;padding:.3rem}.diff-btn{background:none;border:none;border-radius:999px;color:var(--text-muted);cursor:pointer;flex:1 1;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.diff-btn.active{background:var(--primary);color:#fff}.stats-row{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.stat-box{background:#fff;border-radius:.75rem;box-shadow:0 .125rem .5rem #0000000d;flex:1 1;padding:.75rem}.stat-label{color:var(--text-muted);font-size:.8rem}.stat-val{font-size:1.4rem;font-weight:700}.stat-val.teal{color:#0d9488}.prog-track{background:#e2e8f0;border-radius:999px;height:8px;margin-bottom:1.5rem;overflow:hidden}.prog-fill{background:var(--primary);height:100%;transition:width .3s ease}.img-card{background:#fff;border:3px solid #0000;border-radius:1rem;box-shadow:0 .25rem 1rem #00000014;font-size:5rem;margin-bottom:1rem;padding:2.5rem}.img-card.correct{border-color:#10b981}.img-card.wrong{border-color:#ef4444}.animate-success{animation:pop .4s ease;display:inline-block}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.feedback{font-weight:600;margin-bottom:1rem;min-height:1.5rem}.feedback.correct{color:#10b981}.feedback.wrong{color:#ef4444}.feedback.empty{visibility:hidden}.options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.opt-btn{background:#fff;border:1px solid #dbe2ea;border-radius:.75rem;cursor:pointer;font-size:1rem;padding:1rem;transition:all .2s ease}.opt-btn:hover:not(:disabled){border-color:var(--primary)}.opt-btn.correct{background:#dcfce7;border-color:#10b981;color:#16a34a}.opt-btn.wrong{background:#fee2e2;border-color:#ef4444;color:#dc2626}.opt-btn:disabled{cursor:not-allowed}.game-over .trophy{display:block;font-size:4rem;margin-bottom:1rem}.game-over h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.5rem}:root{--primary:#3b82f6;--primary-light:#60a5fa;--accent:#0ea5e9;--accent-hover:#0284c7;--bg-main:#f8fafc;--white:#fff;--text-dark:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--shadow-sm:0 4px 15px #2563eb14;--shadow-md:0 10px 30px #2563eb1f;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background:#f8fafc;background:var(--bg-main);color:#1e293b;color:var(--text-dark);display:flex;flex-direction:column;font-family:Poppins,sans-serif;line-height:1.6;max-width:100vw;min-height:100vh;width:100%}canvas,img,picture,svg,video{height:auto;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}.navbar{background:#fff;background:var(--white);box-shadow:0 4px 15px #2563eb14;box-shadow:var(--shadow-sm);padding:1rem 5%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar .container{justify-content:space-between;margin:0 auto;max-width:1280px;position:relative;width:100%}.logo,.navbar .container{align-items:center;display:flex}.logo{color:#1e293b;color:var(--text-dark);font-size:1.5rem;font-weight:800;gap:12px}.logo-icon{background-color:#3b82f6;background-color:var(--primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.logo-icon,.nav-links{align-items:center;display:flex}.nav-links{gap:2rem}.nav-controls{align-items:center;display:flex;gap:1.5rem}.nav-item{color:#1e293b;color:var(--text-dark);cursor:pointer;font-size:1rem;font-weight:600;transition:color .3s}.nav-item.active,.nav-item:hover{color:#0ea5e9;color:var(--accent)}.nav-auth{align-items:center;display:flex;gap:1rem}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:6px}.menu-toggle span{background:#1e293b;background:var(--text-dark);border-radius:3px;height:3px;width:25px}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.5rem;transition:all .3s;white-space:nowrap}.btn-primary{background:#3b82f6;background:var(--primary);box-shadow:0 4px 15px #2563eb4d;color:#fff}.btn-primary:hover{background:#60a5fa;background:var(--primary-light);box-shadow:0 6px 20px #2563eb59;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;color:#1e293b;color:var(--text-dark)}.btn-secondary:hover{background:#cbd5e1;transform:translateY(-2px)}.btn-danger{background:#fee2e2;color:#ef4444;color:var(--danger)}.btn-danger:hover{background:#fecaca;transform:translateY(-2px)}.full-width{margin-top:1rem;padding:.8rem;width:100%}.container{margin:0 auto;max-width:1280px;padding:0 20px;width:100%}.hero-section{align-items:center;background:#f8fafc;background:var(--bg-main);display:flex;gap:4rem;justify-content:space-between;margin-top:5vh;min-height:80vh;overflow:hidden;padding-left:10%;padding-right:10%;position:relative}.hero-text{flex:1 1;max-width:37.5rem;text-align:left}.hero-text h1{color:#0f172a;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.25rem}.hero-text p{color:#64748b;font-size:1.1rem;margin-bottom:2rem;max-width:90%}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.btn-magic{align-items:center;animation:magicGradient 6s ease infinite,magicPulse 2.4s ease-in-out infinite;background:linear-gradient(270deg,#3b82f6,#a855f7,#ec4899,#3b82f6);background-size:400% 400%;border:none;border-radius:999px;box-shadow:0 8px 25px #a855f759;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.6rem;padding:1rem 2.4rem;position:relative;text-decoration:none;transition:transform .25s ease}.btn-magic:hover{transform:translateY(-3px) scale(1.05)}.btn-magic:after,.btn-magic:before{animation:sparkle 2.4s ease-in-out infinite;content:"✨";font-size:1rem;opacity:0;pointer-events:none;position:absolute}.btn-magic:before{animation-delay:.3s;left:12%;top:-12px}.btn-magic:after{animation-delay:1.2s;bottom:-12px;right:12%}@keyframes magicGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes magicPulse{0%,to{box-shadow:0 8px 25px #a855f759}50%{box-shadow:0 8px 35px #ec48998c}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) translateY(0)}50%{opacity:1;transform:scale(1.3) translateY(-6px)}}.btn-link{background:none;color:#2d89ef;font-weight:500;padding:.8rem 1rem;text-decoration:none}.btn-link:hover{text-decoration:underline}.hero-image{flex:1 1;justify-content:flex-end}.hero-image,.mascot-wrapper{align-items:center;display:flex}.mascot-wrapper{justify-content:center;max-width:34rem;position:relative;width:100%}.mascot-glow{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#38bdf847 0,#63b3ed1f 55%,#0000 75%);border-radius:50%;height:88%;pointer-events:none;position:absolute;width:88%;z-index:0}.mascot-img{animation:mascotFloat 4s ease-in-out infinite;border-radius:2.5rem;filter:drop-shadow(0 18px 36px rgba(56,189,248,.35));max-width:34rem;position:relative;width:100%;z-index:1}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes glowPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.mascot-sparkle-wrapper{align-items:center;display:inline-flex;justify-content:center;position:relative}.mascot-img-sparkle{animation:mascotFloat 4s ease-in-out infinite;filter:drop-shadow(0 8px 20px rgba(56,189,248,.35));position:relative;z-index:1}.spark{animation:sparkTwinkle 2.5s ease-in-out infinite;line-height:1;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:2}@keyframes sparkTwinkle{0%,to{opacity:0;transform:scale(.2) rotate(0deg) translateY(0)}50%{opacity:1;transform:scale(1.5) rotate(200deg) translateY(-7px)}}.mascot-wrapper .spark{z-index:3}@media (max-width:60rem){.hero-section{flex-direction:column;gap:2.5rem;margin-top:1rem;min-height:auto;padding:2rem 5%;text-align:center}.hero-text{max-width:100%;text-align:center}.hero-buttons,.hero-image{justify-content:center}.mascot-img,.mascot-wrapper{max-width:22rem}}h1{color:#1e293b;color:var(--text-dark);font-size:3rem;font-weight:700;margin-bottom:1rem}.subtitle{color:#64748b;color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.section-title{margin:4rem 0 1rem;text-align:center}.section-title h2{color:#1e293b;color:var(--text-dark);font-size:1.8rem;margin-bottom:.5rem}.section-title p{color:#64748b;color:var(--text-muted)}.steps-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));padding:2rem 5% 5rem}.step-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;padding:2.5rem 1.5rem;text-align:center;transition:transform .2s;width:100%}.step-card:hover{box-shadow:0 10px 30px #2563eb1f;box-shadow:var(--shadow-md);transform:translateY(-5px)}.icon-circle{align-items:center;background-color:#eff6ff;border-radius:50%;color:#3b82f6;color:var(--primary);display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.hidden{display:none!important}.cases-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-top:2rem}.case-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 15px #2563eb14;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:transform .3s;width:100%}.case-card:hover{box-shadow:0 10px 30px #2563eb1f;box-shadow:var(--shadow-md);transform:translateY(-5px)}.case-avatar{align-items:center;background:#dbeafe;border-radius:50%;color:#3b82f6;color:var(--primary);display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.empty-state{padding:4rem 1rem;text-align:center}.form-container{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #2563eb1f;box-shadow:var(--shadow-md);margin:3rem auto;max-width:700px;padding:2.5rem;width:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem}.form-control{background:#f8fafc;background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);font-size:1rem;padding:12px;width:100%}.upload-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin-bottom:2rem}.upload-box{align-items:center;background:#f8fafc;background:var(--bg-main);border:2px dashed #e2e8f0;border:2px dashed var(--border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;overflow:hidden;position:relative;transition:all .2s}.upload-box:hover{background:#eff6ff;border-color:#3b82f6;border-color:var(--primary)}.upload-box img{height:100%;object-fit:cover;width:100%}.remove-img{background:#ef4444e6;bottom:0;color:#fff;font-size:.8rem;padding:4px;position:absolute;text-align:center;width:100%}.progress-container{background:#e2e8f0;background:var(--border);border-radius:4px;height:8px;margin:2rem 0;overflow:hidden}.progress-bar{background:#10b981;background:var(--success);height:100%;transition:width .4s ease;width:0}.question-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:1.5rem}.radio-group{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1rem}.radio-option{align-items:center;cursor:pointer;display:flex;gap:.5rem}.report-header{background:#3b82f6;background:var(--primary);border-radius:12px 12px 0 0;color:#fff;padding:2rem;text-align:center}.report-body{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 15px #2563eb14;box-shadow:var(--shadow-sm);padding:2rem}.score-circle{background:#fff3;border:8px solid #fff;border-radius:50%;font-size:2rem;font-weight:700;height:120px;justify-content:center;margin:0 auto;width:120px}.auth-modern,.score-circle{align-items:center;display:flex}.auth-modern{justify-content:center!important;min-height:80vh;padding:2rem 1rem;width:100%}.auth-box{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #2563eb1f;box-shadow:var(--shadow-md);margin:0 auto!important;max-width:31.25rem;padding:clamp(2rem,5vw,3rem);text-align:center;width:100%}.auth-box h1{font-size:2rem;margin-bottom:.5rem}.auth-sub{color:#64748b;color:var(--text-muted);margin-bottom:2rem}.form-group-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;text-align:left}.form-group-row .form-group{flex:1 1;margin-bottom:0;min-width:150px}.eye-toggle{color:#64748b;color:var(--text-muted);cursor:pointer;position:absolute;right:15px;top:38px}.about-hero{background:linear-gradient(180deg,#2563eb0d,#fff0);padding:5rem 1rem;text-align:center}.story-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:4rem 0}.story-image img{border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #2563eb1f;box-shadow:var(--shadow-md);height:75%;width:75%}.mission-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:4rem 0}.mission-card{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 15px #2563eb14;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;width:100%}.team-container{display:flex;flex-wrap:wrap;gap:1.875rem;justify-content:center}.card{align-items:center;background:#fff;border-radius:1.25rem;box-shadow:0 .625rem 1.875rem #0000000d;display:flex;flex-direction:column;max-width:13.75rem;padding:1.875rem 1.25rem;text-align:center;transition:transform .3s ease;width:100%}.container h2{margin-bottom:.9375rem}.card:hover{transform:translateY(-.3125rem)}.img-container{margin-bottom:.9375rem}.card img{border:.25rem solid #4a90e2;border-radius:50%;height:7.5rem;object-fit:cover;padding:.125rem;width:7.5rem}.card h3{color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:.5rem}.card p{color:#555;font-size:.85rem;line-height:1.4}.footer{background-color:#111827;color:#fff;margin-top:auto;padding:4rem 5% 1rem}.footer-content{grid-gap:3rem;border-bottom:1px solid #374151;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin:0 auto;max-width:1200px;padding-bottom:3rem}.footer-section h3{color:#fff;font-size:1.1rem;margin-bottom:1.5rem}.footer-section p{color:#9ca3af;font-size:.95rem;margin-bottom:.8rem}.social-links{display:flex;gap:1rem}.social-links a{align-items:center;background:#1f2937;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:background .3s;width:40px}.social-links a:hover{background:#3b82f6;background:var(--primary)}.footer-bottom{color:#6b7280;font-size:.9rem;padding-top:1.5rem;text-align:center}.accordion-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;overflow:hidden}.accordion-header{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:1.5rem}.accordion-body{color:#64748b;color:var(--text-muted);display:none;padding:0 1.5rem 1.5rem}.accordion-item.active .accordion-body{display:block}.profile-icon{color:#3b82f6;color:var(--primary,#007bff)}.profile-icon,.profile-image{height:clamp(2rem,4vw,2.5rem);width:clamp(2rem,4vw,2.5rem)}.profile-image{border:2px solid #3b82f6;border:2px solid var(--primary,#007bff);border-radius:50%;object-fit:cover}.profile-section{align-items:center;display:flex;gap:clamp(.5rem,1.5vw,1rem)}.greeting{font-size:clamp(.875rem,1.5vw,1rem);white-space:nowrap}.btn-language{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#3b82f6;color:var(--primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:45px;padding:.4rem .8rem;transition:all .3s ease}.btn-language:hover{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}@media (max-width:992px){.desktop-only{display:none!important}.mobile-only{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex!important;gap:.5rem;margin-top:.5rem;padding-top:.75rem}.mobile-only,.nav-links{flex-direction:column;width:100%}.nav-links{background:#fff;box-shadow:0 10px 30px #2563eb1f;box-shadow:var(--shadow-md);display:none;gap:.25rem;left:0;padding:.75rem 1.25rem;position:absolute;top:64px}.nav-links .nav-item{font-size:.9rem;padding:.4rem 0}.nav-links.active{display:flex}.nav-links .btn{justify-content:center;width:100%}.menu-toggle{display:flex}.story-grid,.upload-grid{grid-template-columns:1fr}}@media (max-width:768px){h1{font-size:2rem;margin-bottom:.75rem}h2{font-size:1.5rem;margin-bottom:.5rem}h3{font-size:1.2rem}.form-control,.nav-item,.subtitle,body,p{font-size:.95rem}.btn{font-size:.9rem;padding:.5rem 1rem}.nav-controls{gap:.5rem}.greeting{display:none}.logo span{font-size:1.2rem}.logo-icon{font-size:1rem;height:32px;width:32px}}@media (max-width:480px){.container{padding:0 1rem}h1{font-size:1.75rem!important}h2{font-size:1.35rem!important}h3{font-size:1.1rem!important}.btn,.subtitle,body,label,p{font-size:.85rem}.case-card,.form-container,.info-grid{margin-left:0!important;margin-right:0!important;padding:1.5rem 1rem!important;width:100%!important}a,div,h1,h2,h3,label,p,span{overflow-wrap:break-word;word-break:break-word}.case-actions,.header-left,.header-right{align-items:flex-start;flex-direction:column;gap:.75rem;width:100%}.case-actions button{width:100%}}[dir=rtl] .logo span{margin-left:0;margin-right:10px}[dir=rtl] .profile-section{flex-direction:row-reverse}.desktop-only{align-items:center;display:flex;gap:1.5rem}.mobile-only{display:none!important}@media (max-width:992px){.desktop-only{display:none!important}.mobile-only{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex!important;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;width:100%}}
/*# sourceMappingURL=main.2d35ea1c.css.map*/