@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.subject-card-skeleton{background:linear-gradient(90deg,#f3f4f3 0%,#eaf2ed 40%,#f3f4f3 80%) 0 0/200% 100%;border-radius:10px;height:200px;animation:1.5s ease-in-out infinite shimmer,.3s ease-out both fadeSlideUp}.subject-card{cursor:pointer;will-change:transform;background-color:#1a3a2a;background-position:50%;background-size:cover;border:1.5px solid #3aaa6a8c;border-radius:10px;height:200px;text-decoration:none;transition:transform .28s cubic-bezier(.34,1.56,.64,1),border-color .28s;animation:.35s ease-out both fadeSlideUp;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.subject-card:hover{border-color:#3aaa6a;transform:translateY(-5px)}.subject-card:active{transition-duration:.12s;transform:translateY(-2px)}.subject-card:before,.subject-card:after{content:"";pointer-events:none;z-index:4;border:2px solid #3aaa6a;border-radius:10px;transition:clip-path .45s cubic-bezier(.34,1.2,.64,1);position:absolute;inset:-1.5px}.subject-card:before{clip-path:inset(0 50% 100% 0)}.subject-card:after{clip-path:inset(0 0 100% 50%)}.subject-card:hover:before,.subject-card-done:before{clip-path:inset(0 50% 0% 0)}.subject-card:hover:after,.subject-card-done:after{clip-path:inset(0 0 0% 50%)}.subject-card-overlay{display:none}.subject-card-title-wrap{z-index:2;direction:ltr;align-items:flex-start;width:50%;height:50%;padding:20px 12px 0 20px;display:flex;position:absolute;top:0;left:0}.subject-card-title{color:#3aaa6a;overflow-wrap:break-word;word-break:break-word;-webkit-line-clamp:3;text-align:left;direction:ltr;unicode-bidi:isolate;-webkit-box-orient:vertical;font-size:1.45rem;font-weight:900;line-height:1.3;display:-webkit-box;overflow:hidden}.subject-card-arrow{z-index:3;color:#fff;opacity:0;background:#3aaa6a;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .22s,transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:12px;left:12px;transform:translateY(7px)}.subject-card:hover .subject-card-arrow{opacity:1;transform:translateY(0)}.subject-card-ring{z-index:5;-webkit-backdrop-filter:blur(6px);background:#00000052;border-radius:50%;width:38px;height:38px;transition:left .4s cubic-bezier(.34,1.2,.64,1);position:absolute;bottom:12px;left:12px;overflow:hidden}.subject-card:hover .subject-card-ring{left:calc(100% - 50px)}.subject-card-fallback{background-image:linear-gradient(135deg,#1a3a2a 0%,#2a5c3f 50%,#1e4a32 100%)!important}.step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:800;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex}.step-dot-past{color:#fff;background:#3aaa6a}.step-dot-active{color:#fff;background:#3aaa6a;box-shadow:0 0 0 5px #3aaa6a26}.step-dot-future{color:#3aaa6a59;background:#3aaa6a14}.step-line{border-radius:2px;flex-shrink:0;width:36px;height:1.5px;transition:background .4s}.step-line-done{background:#3aaa6a}.step-line-pending{background:#3aaa6a1f}.step-icon-box{color:#3aaa6a;background:#3aaa6a14;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s;animation:.4s ease-out both fadeSlideUp;display:flex}.selection-card{cursor:pointer;will-change:transform;text-align:left;background:#fff;border:1.5px solid #3aaa6a1c;border-radius:10px;width:100%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;animation:.35s ease-out both fadeSlideUp;display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 2px 8px #0000000a}.selection-card:hover{border-color:#3aaa6a59;transform:translateY(-4px);box-shadow:0 8px 24px #3aaa6a1f,0 2px 8px #3aaa6a0f}.selection-card:active{transition-duration:.1s;transform:translateY(-1px)}.selection-card:before,.selection-card:after{content:"";pointer-events:none;z-index:2;border:1px solid #3aaa6a;border-radius:10px;transition:clip-path .45s cubic-bezier(.34,1.2,.64,1);position:absolute;inset:0}.selection-card:before{clip-path:inset(0 50% 100% 0)}.selection-card:after{clip-path:inset(0 0 100% 50%)}.selection-card:hover:before{clip-path:inset(0 50% 0% 0)}.selection-card:hover:after{clip-path:inset(0 0 0% 50%)}.selection-card-row{align-items:center;gap:12px;padding:14px 18px;display:flex}.selection-card-num{color:#3aaa6a80;background:#3aaa6a12;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:800;transition:background .2s,color .2s;display:flex}.selection-card:hover .selection-card-num{color:#3aaa6a;background:#3aaa6a1f}.selection-card-label{color:#1a3a2a;flex:1;font-size:.88rem;font-weight:700;transition:color .2s}.selection-card:hover .selection-card-label{color:#3aaa6a}.selection-card-chevron{color:#3aaa6a40;flex-shrink:0;transition:color .2s,transform .2s}.selection-card:hover .selection-card-chevron{color:#3aaa6a;transform:translate(3px)}.selection-skeleton{background:linear-gradient(90deg,#f3f4f3 0%,#eaf2ed 40%,#f3f4f3 80%) 0 0/200% 100%;border-radius:16px;height:58px;animation:1.5s ease-in-out infinite shimmer,.3s ease-out both fadeSlideUp}.btn-back{letter-spacing:.02em;color:#3aaa6a80;cursor:pointer;background:0 0;border:1.5px solid #3aaa6a26;border-radius:999px;align-items:center;gap:7px;padding:7px 14px 7px 11px;font-size:.75rem;font-weight:700;text-decoration:none;transition:color .22s,border-color .22s,background .22s,gap .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn-back:hover{color:#3aaa6a;background:#3aaa6a0d;border-color:#3aaa6a59;gap:10px}.btn-back:active{background:#3aaa6a1a;transition-duration:.1s}.btn-back-arrow{flex-shrink:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.btn-back:hover .btn-back-arrow{transform:translate(-3px)}.btn-back.rtl:hover .btn-back-arrow{transform:translate(3px)}.btn-signin{letter-spacing:.04em;color:#1a6b3a;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 18px;font-size:.72rem;font-weight:800;text-decoration:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:inline-flex;box-shadow:0 2px 10px #00000024,0 1px 3px #00000014}.btn-signin:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 20px #0000002e,0 2px 6px #0000001a}.btn-signin:active{transition-duration:.1s;transform:scale(.95)}@media (max-width:549px){.subject-card,.subject-card-skeleton{height:175px}.subject-card-title{font-size:1.25rem}.subject-card-title-wrap{padding:16px 14px 0 16px}.subject-card-arrow{width:30px;height:30px;bottom:10px;left:10px}.subject-card-ring{width:34px;height:34px;bottom:10px;left:10px}.subject-card:hover .subject-card-ring{left:calc(100% - 44px)}}.u-search{width:320px;max-width:100%;position:relative}.u-search-input{color:#1a3a2a;background:#fff;border:1.5px solid #3aaa6a2e;border-radius:999px;outline:none;width:100%;height:46px;padding:0 44px;font-size:.875rem;font-weight:500;transition:border-color .25s,box-shadow .3s cubic-bezier(.34,1.2,.64,1),background .25s,transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 2px #3aaa6a0a,inset 0 1px #ffffff80}.u-search-input::placeholder{color:#1a3a2a61;font-weight:500;transition:color .25s}.u-search-input:hover{border-color:#3aaa6a52;box-shadow:0 2px 8px #3aaa6a14,inset 0 1px #ffffff80}.u-search-input:focus{border-color:#3aaa6a;transform:translateY(-1px);box-shadow:0 0 0 4px #3aaa6a24,0 4px 14px #3aaa6a24}.u-search-input:focus::placeholder{color:#1a3a2a8c}.u-search-icon{color:#3aaa6a8c;pointer-events:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .25s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.u-search:focus-within .u-search-icon{color:#3aaa6a;transform:translateY(-50%)scale(1.12)rotate(-8deg)}.u-search.rtl .u-search-icon{left:auto;right:16px}.u-search-clear{color:#3aaa6a;cursor:pointer;opacity:0;pointer-events:none;background:#3aaa6a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1),background .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)scale(.7)}.u-search-clear.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.u-search-clear:hover{background:#3aaa6a2e;transform:translateY(-50%)scale(1.08)rotate(90deg)}.u-search.rtl .u-search-clear{left:12px;right:auto}@keyframes countPop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes countNumberFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dividerGrow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes chipShine{0%{background-position:-150% 0}to{background-position:250% 0}}.u-filter-row{align-items:center;gap:16px;margin-bottom:2rem;display:flex}.u-filter-divider{transform-origin:50%;background:linear-gradient(90deg,#3aaa6a00 0%,#3aaa6a38 50%,#3aaa6a00 100%);flex:1;height:1px;animation:.55s cubic-bezier(.34,1.2,.64,1) both dividerGrow}.u-filter-divider.left{transform-origin:100%}.u-filter-divider.right{transform-origin:0}.u-filter-chip{letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#3aaa6a 0%,#2f8f59 100%);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) both countPop;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #3aaa6a47,inset 0 1px #ffffff2e}.u-filter-chip:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff59 50%,#fff0 100%) 0 0/200% 100%;animation:2.6s ease-in-out infinite chipShine;position:absolute;inset:0}.u-filter-chip-num{font-variant-numeric:tabular-nums;animation:.35s ease-out both countNumberFade;display:inline-block}.u-filter-chip-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite chipPulseDot;box-shadow:0 0 #fff9}@keyframes chipPulseDot{0%,to{box-shadow:0 0 #ffffff8c}50%{box-shadow:0 0 0 5px #fff0}}