@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:18px;height:188px;animation:1.5s ease-in-out infinite shimmer,.3s ease-out both fadeSlideUp}.subject-card{cursor:pointer;will-change:transform;background:#fff;border:1.5px solid #3aaa6a1c;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s,border-color .28s;animation:.35s ease-out both fadeSlideUp;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 2px 10px #0000000d,0 1px 3px #00000008}.subject-card:hover{border-color:#3aaa6a59;transform:translateY(-5px);box-shadow:0 10px 28px #3aaa6a24,0 3px 10px #3aaa6a14}.subject-card:active{transition-duration:.12s;transform:translateY(-2px)}.subject-card-done{border-color:#3aaa6a47}.subject-card-icon-area{background:linear-gradient(135deg,#f0faf5 0%,#e8f5ee 100%);justify-content:space-between;align-items:center;gap:8px;padding:1.4rem 1rem 1rem;display:flex;position:relative;overflow:hidden}.subject-card-icon-area:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#3aaa6a2e 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.subject-card-done .subject-card-icon-area{background:linear-gradient(135deg,#e8f5ee 0%,#d4eddf 100%)}.subject-card:before,.subject-card:after{content:"";pointer-events:none;z-index:2;border:1px solid #3aaa6a;border-radius:18px;transition:clip-path .45s cubic-bezier(.34,1.2,.64,1);position:absolute;inset:0}.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-icon{z-index:1;color:#3aaa6a;background:#3aaa6a1a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .25s,transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.subject-card:hover .subject-card-icon{background:#3aaa6a29;transform:scale(1.08)}.subject-card-done .subject-card-icon{color:#fff;background:#3aaa6a;box-shadow:0 4px 12px #3aaa6a4d}.subject-card-ring{z-index:1;flex-shrink:0;width:40px;height:40px;position:relative}.subject-card-arrow{z-index:1;color:#3aaa6a66;opacity:0;border:1.5px solid #3aaa6a26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,transform .2s,border-color .2s,color .2s;display:flex;position:relative;transform:translate(-4px)}.subject-card:hover .subject-card-arrow{opacity:1;color:#3aaa6a;border-color:#3aaa6a59;transform:translate(0)}.subject-card-body{flex-direction:column;flex:1;gap:6px;padding:.9rem 1rem 1rem;display:flex}.subject-card-title{color:#1a3a2a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:700;line-height:1.45;transition:color .2s;display:-webkit-box;overflow:hidden}.subject-card:hover .subject-card-title,.subject-card-done .subject-card-title{color:#3aaa6a}.subject-card-footer{border-top:1px solid #3aaa6a12;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.subject-card-stat{color:#3aaa6a99;font-size:.65rem;font-weight:700}.subject-card-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#3aaa6a;border-radius:999px;padding:2px 8px;font-size:.58rem;font-weight:800}.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:16px;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:16px;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:640px){.subject-card-icon-area{padding:1.1rem .9rem .9rem}.subject-card-icon{border-radius:11px;width:38px;height:38px}.subject-card-body{gap:5px;padding:.75rem .9rem .85rem}.subject-card-title{font-size:.83rem}}