@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{margin:0;line-height:normal;font-family:Inter,sans-serif}button{font-family:Inter,sans-serif;font-weight:500}.Navbar{position:fixed;top:0;left:0;right:0;width:auto;max-width:none;height:60px;background-color:#b70202;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;overflow:hidden;font-family:Raleway,sans-serif;z-index:1000;box-shadow:0 2px 8px #0000001a}.Navbar .Navbar-brand{display:flex;align-items:center;cursor:pointer;height:100%}.Navbar .Navbar-brand .Navbar-logo{width:7rem;filter:contrast(1.2) saturate(1.1) drop-shadow(0 0 .4px rgba(0,0,0,.35))}.Navbar .navbar-menu{position:absolute;background-color:#fff;color:#b70202;flex-direction:column;row-gap:1rem;padding:2rem 0;width:auto;max-width:100vw;top:65px;left:0;right:0;opacity:1;transform:translate(-100%);pointer-events:none;transition:opacity .4s cubic-bezier(0,.5,.2,1),transform .4s cubic-bezier(0,.5,.2,1);display:flex;z-index:100;box-shadow:0 2px 10px #0000001a}.Navbar .navbar-menu.is_open{opacity:1;transform:translate(0);pointer-events:auto}.Navbar .NavLinks{display:flex;flex-direction:column;row-gap:1rem}.Navbar .NavLinks .NavLink{width:auto;text-align:center}.Navbar .NavLinks .NavLink a{text-decoration:none;color:#b70202;font-weight:400;font-size:1.1rem;transition:color .3s ease;outline:none}.Navbar .Navbar-actions{text-align:center}.Navbar .Navbar-actions button{background-color:#b70202;color:#fff;font-weight:500;font-size:1rem;border-radius:.4rem;padding:.3rem 1rem;border:none;cursor:pointer;font-family:Raleway,sans-serif;outline:none}.Navbar .Navbar-actions button:hover{background-color:#f0f0f0}@media (min-width: 1024px){.Navbar .navbar-menu,.Navbar .navbar-menu.is_open{position:relative!important;flex-direction:row!important;z-index:0;top:0;display:flex!important;opacity:1!important;pointer-events:auto!important;transform:none!important;background-color:#b70202!important;color:#fff!important;box-shadow:none!important;padding:0!important;justify-content:center!important}.Navbar .NavLinks{flex-direction:row!important;row-gap:0;column-gap:2rem;justify-content:center;align-items:center}.Navbar .NavLink{color:#fff!important;background:none;padding:0}.Navbar .NavLink a{color:#fff!important}.Navbar .NavLink a:hover{color:#2f1c1c!important}.Navbar .NavLink a:focus{color:#f8dddd!important;border-bottom:5px solid #f8dddd;padding:.2rem .5rem}.Navbar .Navbar-actions{margin-left:2rem}.Navbar .Navbar-actions button{background-color:#fff;color:#b70202}.Navbar .Navbar-actions button:hover{background-color:#f0f0f0;color:#b70202}.Navbar .Navbar-toggle{display:none}}.sidebar{background:#fff;width:80%;height:100vh;border-right:1px solid #ddd;display:block;position:absolute;top:0;left:0}.sidebar .header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem 1rem 3rem;background-color:#b70202;color:#fff}.sidebar .sidebar-profile{display:flex;align-items:center;gap:12px;padding:16px;margin:16px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.sidebar .sidebar-profile:hover{background-color:#f0f0f0;border-color:#b70202;box-shadow:0 2px 8px #b702021a}.sidebar .sidebar-profile .profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#b70202,#8b0101);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.sidebar .sidebar-profile .profile-info{flex:1;min-width:0}.sidebar .sidebar-profile .profile-info .profile-name{margin:0;font-size:13px;font-weight:600;color:#2f1c1c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .sidebar-profile .profile-info .profile-email{margin:4px 0 0;font-size:11px;color:#757575;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .sidebar-profile .profile-edit-btn{background:#b70202;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;font-size:14px}.sidebar .sidebar-profile .profile-edit-btn:hover{background:#8b0101;transform:scale(1.1)}.sidebar .sidebar-profile .profile-edit-btn:active{transform:scale(.95)}.sidebar .sidebar-nav{width:100%;padding:.5rem 0 1rem 2rem}.sidebar .sidebar-nav ul{display:flex;flex-direction:column;justify-content:space-between;list-style:none;padding:0;margin:0}.sidebar .sidebar-nav ul li{display:flex;align-items:center;gap:.8rem;padding:.9rem .8rem;margin-bottom:.5rem;border-radius:10px;font-size:.95rem;cursor:pointer;transition:background .2s ease}.sidebar .sidebar-nav ul li:hover{background:#f7f3f3}.sidebar .sidebar-nav ul.active{background:#f5f1f1;font-weight:600}.sidebar .sidebar-nav ul .icon{font-size:1.2rem}.event-card{background:#2d1a1a;color:#fff;padding:1rem;border-radius:12px}.event-card .title{font-weight:600;display:flex;align-items:center}.event-card .title .dot{width:8px;height:8px;background:red;border-radius:50%;margin-left:.5rem}.event-card .date,.event-card .time{font-size:.85rem;margin-top:.3rem}.class-card{display:flex;align-items:center;background:#fff;padding:.8rem;border-radius:12px;margin-bottom:.7rem;box-shadow:0 2px 5px #0000000d;transition:border .3s}.class-card.active{border:2px solid #1e90ff}.class-card .circle{width:40px;height:40px;border-radius:50%;background:#e0e0e0;margin-right:.8rem}.class-card .details h4{font-size:.95rem;margin:0}.class-card .details p{font-size:.8rem;margin:0}.class-card .details span{font-size:.75rem;color:#777}.class-card .join-btn{margin-left:auto;background:#2d1a1a;color:#fff;border:none;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;cursor:pointer}.application-actions{display:flex;align-items:center}.application-actions .new-btn{background:#2d1a1a;color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;font-weight:500;font-size:.8rem;width:100%;justify-content:center}.application-actions .new-btn:hover{background:#0d0707}@media (min-width: 768px){.application-actions .new-btn{width:auto}}.app_nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky!important;top:0;z-index:1000}@media (min-width: 992px){.app_nav{padding:0}}.app_nav .nav_icon{display:block;cursor:pointer}@media (min-width: 992px){.app_nav .nav_icon{display:none}}.app_nav .nav_icon div{width:25px;height:3px;background-color:#000;margin:5px 0;transition:all .3s ease}@media (min-width: 992px){.app_nav .nav_user{display:none}}.app_nav .nav_bell{display:flex;align-items:center}@media (min-width: 992px){.app_nav .nav_bell{display:none}}.applications-page{font-family:Raleway,sans-serif;padding:20px;background:#f5f5f5}.applications-page .applications-mobile{display:flex;flex-direction:column;gap:20px}.applications-page .applications-mobile .application-card{background:#fff;padding:20px;border-radius:6px;box-shadow:0 2px 6px #0000001a}.applications-page .applications-mobile .application-card .application_id{font-family:Montserrat,sans-serif}.applications-page .applications-mobile .application-card p{display:flex;justify-content:space-between;margin:10px 0;font-size:14px;color:#555}.applications-page .applications-mobile .application-card p span:first-child{font-weight:500;color:#888}.applications-page .applications-mobile .application-card .actions{display:flex;align-items:center;gap:1rem}.applications-page .applications-mobile .application-card .actions .view,.applications-page .applications-mobile .application-card .actions .edit{color:#1f6bf7;cursor:pointer;text-decoration:underline;display:flex;align-items:center;gap:4px}.applications-page .applications-mobile .application-card .actions .view:hover,.applications-page .applications-mobile .application-card .actions .edit:hover{color:#0d47a1}.applications-page .applications-mobile .application-card .actions .view{color:#4caf50}.applications-page .applications-mobile .application-card .actions .view:hover{color:#2e7d32}.applications-page .applications-mobile .application-card .status.complete{color:#b30000;font-weight:700}.applications-page .applications-mobile .application-card .details-btn{background:#b30000;color:#fff;border:none;padding:10px;width:100%;border-radius:2px;margin-top:15px;cursor:pointer}.applications-page .applications-desktop{display:none}@media (min-width: 768px){.applications-page .applications-mobile{display:none}.applications-page .applications-desktop{display:block}.applications-page .applications-desktop table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}.applications-page .applications-desktop table .course_name{white-space:nowrap;overflow:hidden}.applications-page .applications-desktop table .application_id{font-family:Montserrat,sans-serif}.applications-page .applications-desktop table th,.applications-page .applications-desktop table td{text-align:left;padding:14px;font-size:14px}.applications-page .applications-desktop table th{background:#fafafa;color:#666}.applications-page .applications-desktop table tr{border-bottom:1px solid #eee}.applications-page .applications-desktop table .status.complete{color:#b30000;font-weight:700}.applications-page .applications-desktop table .action-buttons{display:flex;gap:8px}.applications-page .applications-desktop table .action-buttons button{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.applications-page .applications-desktop table .action-buttons button svg{font-size:14px}.applications-page .applications-desktop table .action-buttons .btn-view{background-color:#e8f5e9;color:#2e7d32}.applications-page .applications-desktop table .action-buttons .btn-view:hover{background-color:#c8e6c9}.applications-page .applications-desktop table .action-buttons .btn-edit{background-color:#e3f2fd;color:#1565c0}.applications-page .applications-desktop table .action-buttons .btn-edit:hover{background-color:#bbdefb}.applications-page .applications-desktop table .edit{color:#1f6bf7;cursor:pointer;margin-right:8px;text-decoration:underline}.applications-page .applications-desktop table .delete{color:#b30000;cursor:pointer}.applications-page .applications-desktop table .details-btn{background:#b30000;color:#fff;border:none;padding:8px 14px;border-radius:2px;cursor:pointer}}.main-sidebar{background:#fff;width:80%;height:100vh;display:none;flex-direction:column;top:0;left:0;position:sticky;flex-shrink:0;box-shadow:4px 0 24px #0000000f;transition:width .25s ease}@media (min-width: 992px){.main-sidebar{display:flex;width:230px}}@media (min-width: 992px){.main-sidebar--collapsed{width:72px}}.main-sidebar--collapsed .sidebar-logo{justify-content:center;padding:.75rem 0}.main-sidebar--collapsed .sidebar-nav{padding:1rem .5rem}.main-sidebar--collapsed .sidebar-nav li{justify-content:center;padding:.75rem;gap:0}.main-sidebar--collapsed .sidebar-nav li svg{font-size:1.25rem}.main-sidebar--collapsed .sidebar-footer{padding:.75rem .5rem}.main-sidebar--collapsed .sidebar-logout{justify-content:center;padding:.75rem;gap:0}.main-sidebar--collapsed .sidebar-logout svg{font-size:1.25rem}.main-sidebar .sidebar-logo{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .75rem 1.25rem;border-bottom:1px solid #f0f0f0;background-color:#fff}.main-sidebar .sidebar-logo__img{height:60px;width:auto;object-fit:contain}.main-sidebar .sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#9ca3af;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.main-sidebar .sidebar-toggle svg{font-size:.9rem}.main-sidebar .sidebar-toggle:hover{background:#b702020f;color:#b70202;border-color:#b702024d}.main-sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem}.main-sidebar .sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.main-sidebar .sidebar-nav li{display:flex;align-items:center;gap:12px;padding:.72rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s}.main-sidebar .sidebar-nav li svg{font-size:1.1rem;flex-shrink:0}.main-sidebar .sidebar-nav li span{flex:1}.main-sidebar .sidebar-nav li:hover{background:#b702020f;color:#b70202}.main-sidebar .sidebar-nav li.active{background:#b702021a;color:#b70202;font-weight:600}.main-sidebar .sidebar-footer{padding:.75rem;border-top:1px solid #f0f0f0}.main-sidebar .sidebar-logout{display:flex;align-items:center;gap:12px;width:100%;padding:.72rem 1rem;border:none;border-radius:10px;background:none;font-size:.875rem;font-weight:500;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s}.main-sidebar .sidebar-logout svg{font-size:1.1rem}.main-sidebar .sidebar-logout:hover{background:#b702020f;color:#b70202}.hero{position:relative;width:100%;min-height:100vh;background-size:cover;background-position:center top;background-repeat:no-repeat;display:flex;margin-top:2rem}@media (min-width: 992px){.hero{min-height:680px}}.hero__overlay{width:100%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(105deg,#000000d1,#0000009e,#0000002e)}.hero__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem 2rem;max-width:700px}@media (min-width: 768px){.hero__body{padding:5rem 5rem 2rem}}.hero__content{transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0)}.hero__content--out{opacity:0;transform:translateY(12px)}.hero__eyebrow{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#b70202;background:#b7020226;border:1px solid rgba(183,2,2,.35);border-radius:999px;padding:4px 14px;margin-bottom:1.25rem}.hero__title{font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.15;color:#fff;margin:0 0 1.25rem;letter-spacing:-.01em}.hero__title span{color:#b70202}.hero__tagline{font-size:clamp(.9rem,1.8vw,1.1rem);color:#ffffffb8;line-height:1.65;margin:0 0 2.25rem;max-width:520px}.hero__buttons{display:flex;gap:.875rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero__dots{display:flex;gap:8px;padding-top:1rem}.hero__dot{width:28px;height:4px;border-radius:999px;background:#ffffff4d;border:none;cursor:pointer;transition:background .3s,width .3s;padding:0}.hero__dot--active{background:#b70202;width:44px}.hero-btn{display:inline-flex;align-items:center;padding:.7rem 1.6rem;border-radius:6px;font-weight:700;font-size:.875rem;transition:all .2s ease;text-decoration:none;cursor:pointer;border:2px solid transparent}.hero-btn--primary{background:#b70202;color:#fff}.hero-btn--primary:hover{background:#990202;transform:translateY(-2px)}.hero-btn--outline{background:transparent;border-color:#ffffff8c;color:#fff}.hero-btn--outline:hover{border-color:#fff;background:#ffffff14;transform:translateY(-2px)}.about{display:grid;grid-template-columns:1fr;gap:3rem;padding:5rem 1.5rem;background:#fff;align-items:center}@media (min-width: 768px){.about{grid-template-columns:1fr 1fr;padding:6rem 5rem;gap:5rem}}.about__image{position:relative;border-radius:16px;overflow:visible}.about__image:after{content:"";position:absolute;inset:0;border-radius:16px;border:3px solid #B70202;transform:translate(10px,10px);z-index:0;pointer-events:none}.about__image img{position:relative;width:100%;height:auto;border-radius:16px;display:block;z-index:1}.about__label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#b70202;background:#b7020214;border-radius:999px;padding:4px 14px;margin-bottom:.75rem}.about__content h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:#111;line-height:1.2;margin:.75rem 0 1.25rem}.about__content>p{font-size:1rem;line-height:1.75;color:#555;margin-bottom:2rem}.about__pillars{display:flex;flex-direction:column;gap:1.25rem}.about__pillar{display:flex;align-items:flex-start;gap:1rem}.about__pillar-icon{font-size:.72rem;font-weight:800;letter-spacing:.04em;color:#b70202;flex-shrink:0;width:42px;height:42px;background:#b7020212;border-radius:10px;display:flex;align-items:center;justify-content:center}.about__pillar strong{display:block;font-size:.9rem;font-weight:700;color:#111;margin-bottom:3px}.about__pillar p{font-size:.85rem;color:#666;margin:0;line-height:1.5}.programs{padding:5rem 1.5rem;background:#f8f8f8}@media (min-width: 768px){.programs{padding:6rem 5rem}}.programs__header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.programs__label{display:inline-block;background:#b702021a;color:#b70202;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .9rem;border-radius:100px;margin-bottom:1rem}.programs__header h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#2f1c1c;margin-bottom:.75rem;line-height:1.25}.programs__header p{font-size:1rem;color:#666}.programs .programs-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1200px;margin:0 auto}@media (min-width: 768px){.programs .programs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.programs .programs-grid{grid-template-columns:repeat(4,1fr)}}.programs .programs-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.programs .programs-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f}.programs .programs-card__img{position:relative;height:180px}.programs .programs-card__img img{width:100%;height:100%;object-fit:cover;display:block}.programs .programs-card__img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,transparent 60%)}.programs .programs-card__tag{position:absolute;top:.75rem;left:.75rem;background:#b70202;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.25rem .6rem;border-radius:100px;z-index:1}.programs .programs-card__body{padding:1.25rem 1.25rem 1.5rem;flex:1;display:flex;flex-direction:column}.programs .programs-card__meta{font-size:.78rem;font-weight:600;color:#b70202;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.programs .programs-card h4{font-size:1.05rem;font-weight:700;color:#2f1c1c;margin-bottom:.6rem;line-height:1.3}.programs .programs-card p{font-size:.88rem;color:#666;line-height:1.6;flex:1;margin-bottom:1.25rem}.programs .programs-card__btn{align-self:flex-start;background:none;border:2px solid #B70202;color:#b70202;font-size:.85rem;font-weight:600;padding:.5rem 1.1rem;border-radius:.35rem;cursor:pointer;transition:background .2s ease,color .2s ease}.programs .programs-card__btn:hover{background:#b70202;color:#fff}.programs__more{text-align:center;margin-top:2.5rem}.programs__more-btn{background:#b70202;color:#fff;border:none;padding:.85rem 2.2rem;font-size:1rem;font-weight:700;border-radius:.4rem;cursor:pointer;transition:background .25s ease,transform .25s ease}.programs__more-btn:hover{background:#8f0202;transform:translateY(-2px)}.programs .programs-heading,.programs .programs-content,.programs .programs-img{display:none}.programs .programs-card-legacy{background:#fff;box-shadow:0 4px 10px #00000014;text-align:left;transition:transform .3s ease;width:fit-content}.programs .programs-card-legacy h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.programs .programs-card-legacy p{font-size:.95rem;color:#555;margin-bottom:.5rem;line-height:1.5}.life{padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;background:#fff;text-align:center;gap:2rem}.life .life__content{max-width:700px}.life .life__content h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#111}.life .life__content p{font-size:1rem;color:#444;line-height:1.6}.life .life__video{position:relative;width:100%;max-width:900px;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0000001a}.life .life__video .life__thumbnail{width:100%;height:auto;object-fit:cover;display:block}.life .life__video .life__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffc;border:none;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.life .life__video .life__play-btn svg{color:#e30613}.life .life__video .life__play-btn:hover{background:#e30613}.life .life__video .life__play-btn:hover svg{color:#fff}@media (min-width: 768px){.life{padding:5rem 6rem}.life .life__content h2{font-size:2.5rem}.life .life__content p{font-size:1.1rem}.life .life__video .life__play-btn{width:90px;height:90px}.life .life__video .life__play-btn svg{width:42px;height:42px}}.alumni-section{padding:4rem 1.5rem;background-color:#f9fafb}.alumni-section .container{max-width:1200px;margin:0 auto}.alumni-section .alumni-header{text-align:center;margin-bottom:2.5rem}.alumni-section .alumni-header h2{font-size:2rem;color:#1e1e1e;margin-bottom:.5rem}.alumni-section .alumni-header p{color:#555;font-size:1.05rem}.alumni-section .alumni-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.alumni-section .alumni-card{background:#fff;border-radius:1rem;box-shadow:0 6px 16px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.alumni-section .alumni-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px #00000014}.alumni-section .alumni-card .alumni-image{height:250px;overflow:hidden}.alumni-section .alumni-card .alumni-image img{width:100%;height:100%;object-fit:cover}.alumni-section .alumni-card .alumni-info{padding:1.5rem}.alumni-section .alumni-card .alumni-info h3{font-size:1.25rem;color:#222;margin-bottom:.3rem}.alumni-section .alumni-card .alumni-info .course{color:#007bff;font-weight:600;font-size:.95rem}.alumni-section .alumni-card .alumni-info .testimonial{margin-top:.8rem;font-style:italic;color:#555;font-size:.95rem}@media (max-width: 768px){.alumni-section .alumni-grid{grid-template-columns:1fr}.alumni-section .alumni-card .alumni-image{height:200px}}.work-with-us{padding:5rem 1.5rem;background:#fff}@media (min-width: 768px){.work-with-us{padding:6rem 5rem}}.work-with-us .container{max-width:1200px;margin:0 auto}.work-with-us .section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#2f1c1c;text-align:center;margin-bottom:.75rem}.work-with-us .section-subtitle{font-size:1rem;color:#666;text-align:center;margin-bottom:3.5rem}.work-with-us .work-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.work-with-us .work-grid{grid-template-columns:repeat(3,1fr)}}.work-with-us .work-card{border-radius:.75rem;overflow:hidden;background:#fff;border:1px solid #eee;box-shadow:0 2px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.work-with-us .work-card:hover{transform:translateY(-6px);box-shadow:0 14px 32px #0000001a}.work-with-us .work-card-image{height:200px;overflow:hidden}.work-with-us .work-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.work-with-us .work-card:hover .work-with-us .work-card-image img{transform:scale(1.04)}.work-with-us .work-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.work-with-us .work-card-content h3{font-size:1.2rem;font-weight:700;color:#2f1c1c;margin-bottom:.75rem;border-left:3px solid #B70202;padding-left:.6rem}.work-with-us .work-card-content p{font-size:.9rem;color:#555;line-height:1.65;flex:1;margin-bottom:1.4rem}.work-with-us .work-card-content .btn{align-self:flex-start;background:none;border:2px solid #B70202;color:#b70202;padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;border-radius:.35rem;cursor:pointer;transition:background .2s ease,color .2s ease}.work-with-us .work-card-content .btn:hover{background:#b70202;color:#fff}.footer{background:#2f1c1c;color:#fff;padding:4rem 1.5rem 2rem;font-family:Inter,sans-serif}.footer .footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:1200px;margin:0 auto}.footer h2,.footer h3{color:#fff;margin-bottom:1rem}.footer p,.footer li,.footer a{color:#ccc;font-size:.95rem;line-height:1.6}.footer a{text-decoration:none;transition:color .3s ease}.footer a:hover{color:#b70202}.footer ul{list-style:none;padding:0;margin:0}.footer .footer-about .footer-logo{width:120px;margin-top:0}.footer .footer-about p{max-width:300px}.footer .footer-links h3,.footer .footer-contact h3{font-size:1.2rem;margin-bottom:1rem}.footer .footer-socials{margin-top:1rem;display:flex;gap:1rem}.footer .footer-socials a{background:#b80000;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.footer .footer-socials a:hover{background:#fff;color:#b80000}.footer .footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #333;margin-top:2rem}.footer .footer-bottom p{color:#aaa;font-size:.9rem}.footer .footer-bottom .ssl-indicator{margin-top:1rem;color:#90ee90;font-size:.85rem;font-weight:500;display:inline-block;padding:.5rem 1rem;border-radius:4px;background:#90ee901a;border:1px solid rgba(144,238,144,.3);transition:all .3s ease}.footer .footer-bottom .ssl-indicator:hover{background:#90ee9026;border-color:#90ee9080}@media (min-width: 768px){.footer .footer-grid{grid-template-columns:2fr 1fr 1fr}}.news-events-calendar{padding:5rem 0;background:#fff}.news-events-calendar .content-grid{display:grid;grid-template-columns:1fr;gap:3rem}.news-events-calendar h2{font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;color:#1e1e1e}.news-events-calendar .news-section ul{list-style:none;padding:0;margin:0}.news-events-calendar .news-section ul .news-item{background:#f9f9f9;padding:1.5rem;border-radius:.8rem;margin-bottom:1.2rem;transition:transform .3s ease}.news-events-calendar .news-section ul .news-item:hover{transform:translateY(-4px)}.news-events-calendar .news-section ul .news-item p{font-size:.95rem;color:#444;margin-bottom:.6rem}.news-events-calendar .news-section ul .news-item .date{font-size:.85rem;color:#888}.news-events-calendar .calendar-section ul{list-style:none;padding:0;margin:0}.news-events-calendar .calendar-section ul .calendar-item{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;background:#f9f9f9;border-radius:.8rem;margin-bottom:1.2rem;transition:transform .3s ease}.news-events-calendar .calendar-section ul .calendar-item:hover{transform:translateY(-4px)}.news-events-calendar .calendar-section ul .calendar-item .date{font-size:1.8rem;font-weight:700;color:#b80000}.news-events-calendar .calendar-section ul .calendar-item .calendar-text{flex:1}.news-events-calendar .calendar-section ul .calendar-item .calendar-text p{font-size:.95rem;color:#444;margin-bottom:.4rem}.news-events-calendar .calendar-section ul .calendar-item .calendar-text .date-sub{font-size:.85rem;color:#888}@media (min-width: 768px){.news-events-calendar .content-grid{grid-template-columns:1fr 1fr}}.cta-banner{background:linear-gradient(135deg,#0d1629,#1c0a12);padding:6rem 1.5rem;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.cta-banner{padding:8rem 5rem}}.cta-banner__inner{max-width:760px;text-align:center}.cta-banner__label{display:inline-block;background:#b7020233;color:#fd5555;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .9rem;border-radius:100px;margin-bottom:1.5rem}.cta-banner__heading{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:1.25rem}.cta-banner__heading span{color:#fd4b4b}.cta-banner__sub{font-size:clamp(.95rem,2vw,1.1rem);color:#ffffffb3;line-height:1.7;max-width:560px;margin:0 auto 2.5rem}.cta-banner__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-banner__btn{padding:.85rem 2rem;font-size:1rem;font-weight:700;border-radius:.4rem;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease;border:2px solid transparent}.cta-banner__btn--primary{background:#b70202;color:#fff;border-color:#b70202}.cta-banner__btn--primary:hover{background:#8f0202;transform:translateY(-2px)}.cta-banner__btn--outline{background:transparent;color:#fff;border-color:#ffffff80}.cta-banner__btn--outline:hover{border-color:#fff;background:#ffffff14;transform:translateY(-2px)}.course-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:100%;cursor:pointer}.course-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.course-card__image{width:100%;height:240px;background:linear-gradient(135deg,#b70202,#8b0101);overflow:hidden;display:flex;align-items:center;justify-content:center}.course-card__image img{width:100%;height:100%;object-fit:cover}.course-card__no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fffc;font-size:14px;font-weight:500}.course-card__content{padding:24px;display:flex;flex-direction:column;flex:1}.course-card__title{font-size:20px;font-weight:700;color:#2f1c1c;margin:0 0 12px;line-height:1.4}.course-card__description{font-size:14px;line-height:1.6;color:#616161;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card__meta{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.course-card__meta .meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#757575}.course-card__meta .meta-item .meta-icon{color:#2f1c1c;font-size:14px;flex-shrink:0}.course-card__meta .meta-item .mode-badge{display:inline-block;background-color:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.course-card__actions{display:flex;gap:12px;margin-top:auto}.course-card__actions .btn{flex:1;padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:none}.course-card__actions .btn-outline{background-color:transparent;color:#2f1c1c;border:2px solid #2F1C1C}.course-card__actions .btn-outline:hover:not(:disabled){background-color:#b702021a}.course-card__actions .btn-primary{background-color:#b70202;color:#fff}.course-card__actions .btn-primary:hover:not(:disabled){background-color:#8b0101;transform:scale(1.02)}.course-card__actions .btn-primary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.course-card__image{height:160px}.course-card__content{padding:16px}.course-card__title{font-size:17px;margin-bottom:8px}.course-card__description{font-size:13px;-webkit-line-clamp:2;margin-bottom:12px}.course-card__meta{margin-bottom:16px;padding-bottom:12px;gap:6px}.course-card__actions{gap:8px}.course-card__actions .btn{padding:10px 14px;font-size:13px}}@media (max-width: 480px){.course-card__image{height:140px}.course-card__content{padding:14px}.course-card__title{font-size:16px;margin-bottom:6px}.course-card__description{font-size:12px;margin-bottom:10px}.course-card__meta{margin-bottom:12px;padding-bottom:10px}.course-card__meta .meta-item{font-size:12px}.course-card__actions{flex-direction:column;gap:8px}.course-card__actions .btn{padding:10px 12px;font-size:13px}}.bill-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1500;animation:fadeIn .3s ease-in-out}.bill-modal{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000040;max-width:520px;width:90%;display:flex;flex-direction:column;animation:slideUp .4s ease-out;overflow:hidden}.bill-modal .bill-modal-header{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:flex-start}.bill-modal .bill-modal-header h3{margin:0;font-size:22px;font-weight:600}.bill-modal .bill-modal-header .bill-number{margin:8px 0 0;font-size:13px;opacity:.9}.bill-modal .bill-modal-header .close-btn{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.bill-modal .bill-modal-header .close-btn:hover{background:#ffffff4d}.bill-modal .bill-modal-body{padding:24px;flex:1}.bill-modal .bill-modal-body .status-section{margin-bottom:24px}.bill-modal .bill-modal-body .status-section .status-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.bill-modal .bill-modal-body .status-section .status-badge.status-paid{background:#d4edda;color:#155724}.bill-modal .bill-modal-body .status-section .status-badge.status-pending{background:#fff3cd;color:#856404}.bill-modal .bill-modal-body .status-section .status-badge.status-overdue{background:#f8d7da;color:#721c24}.bill-modal .bill-modal-body .status-section .status-badge.status-partially-paid{background:#d1ecf1;color:#0c5460}.bill-modal .bill-modal-body .bill-details-grid{background:#f5f5f5;border-radius:8px;padding:16px;margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.bill-modal .bill-modal-body .bill-details-grid .detail-item{display:flex;flex-direction:column}.bill-modal .bill-modal-body .bill-details-grid .detail-item .label{font-size:12px;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:4px}.bill-modal .bill-modal-body .bill-details-grid .detail-item .value{font-size:14px;color:#333;font-weight:500}@media (max-width: 480px){.bill-modal .bill-modal-body .bill-details-grid{grid-template-columns:1fr}}.bill-modal .bill-modal-body .amount-section{background:#fafafa;border-left:4px solid #FF9800;border-radius:8px;padding:16px;margin-bottom:0}.bill-modal .bill-modal-body .amount-section .amount-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0;font-size:14px}.bill-modal .bill-modal-body .amount-section .amount-row:last-child{border-bottom:none}.bill-modal .bill-modal-body .amount-section .amount-row.total{border-top:2px solid #e0e0e0;padding-top:12px;margin-top:8px;font-weight:600;border-bottom:none}.bill-modal .bill-modal-body .amount-section .amount-row.total .label{color:#333}.bill-modal .bill-modal-body .amount-section .amount-row.total .value{font-size:18px;color:#ff9800}.bill-modal .bill-modal-body .amount-section .amount-row .label{color:#666;font-weight:500}.bill-modal .bill-modal-body .amount-section .amount-row .value{color:#333;font-weight:600;text-align:right}.bill-modal .bill-modal-body .amount-section .amount-row .value.paid{color:#34c759}.bill-modal .bill-modal-body .amount-section .amount-row .value.amount{color:#ff9800}.bill-modal .bill-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;background:#fafafa}.bill-modal .bill-modal-footer .btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.bill-modal .bill-modal-footer .btn.btn-primary{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.bill-modal .bill-modal-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff98004d}.bill-modal .bill-modal-footer .btn.btn-primary:active{transform:translateY(0)}.bill-modal .bill-modal-footer .btn.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.bill-modal .bill-modal-footer .btn.btn-secondary:hover{background:#e8e8e8}@media (max-width: 480px){.bill-modal{max-width:100%;margin:16px;border-radius:12px}.bill-modal .bill-modal-header{padding:20px 16px}.bill-modal .bill-modal-header h3{font-size:20px}.bill-modal .bill-modal-body{padding:20px 16px}.bill-modal .bill-modal-footer{padding:16px;flex-direction:column}.bill-modal .bill-modal-footer .btn{width:100%}}.bills-table{background:#fff;border-radius:12px;padding:0;box-shadow:0 4px 10px #0000000d;overflow-x:auto;margin-top:20px}.bills-table table{width:100%;border-collapse:collapse;min-width:800px}.bills-table table th,.bills-table table td{padding:14px 12px;text-align:left;border-bottom:1px solid #e8e8e8;font-size:13px}.bills-table table th{font-weight:600;color:#555;background:#f9f9f9;border-bottom:2px solid #e0e0e0;white-space:nowrap}.bills-table table td{color:#333}.bills-table table td.balance-cell{font-weight:600;color:#ff9800}.bills-table table td.actions-cell{display:flex;gap:8px;white-space:nowrap}.bills-table table .status{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600}.bills-table table .status.status-paid{background-color:#d4edda;color:#155724}.bills-table table .status.status-pending{background-color:#fff3cd;color:#856404}.bills-table table .status.status-partially-paid{background-color:#d1ecf1;color:#0c5460}.bills-table table .status.status-overdue{background-color:#f8d7da;color:#721c24}.bills-table table .action-btn{display:inline-flex;align-items:center;gap:6px;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.bills-table table .action-btn svg{width:14px;height:14px}.bills-table table .action-btn.view-btn{background:#e3f2fd;color:#1976d2}.bills-table table .action-btn.view-btn:hover{background:#bbdefb}.bills-table table .action-btn.pay-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.bills-table table .action-btn.pay-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980040}.bills-table table .action-btn.pay-btn:active{transform:translateY(0)}.bills-table table tbody tr{transition:background-color .2s}.bills-table table tbody tr:hover{background-color:#fafafa}@media (max-width: 768px){.bills-table{font-size:12px}.bills-table table{min-width:600px}.bills-table table th,.bills-table table td{padding:10px 8px}.bills-table table .action-btn{padding:6px 10px;font-size:11px}.bills-table table .action-btn svg{width:12px;height:12px}}.mc-course-card{display:flex;flex-direction:column;gap:1rem;background:var(--card);border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05);transition:box-shadow .3s ease}.mc-course-card:hover{box-shadow:0 4px 12px #00000014}.mc-course-card .course-icon{flex-shrink:0;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background:linear-gradient(135deg,#e6f2ff,#f1f9ff);display:flex;align-items:center;justify-content:center;overflow:hidden}.mc-course-card .course-icon img{width:100%;height:100%;object-fit:cover}.mc-course-card .course-icon .icon-initials{font-size:1.1rem;font-weight:700;color:var(--primary);white-space:nowrap}.mc-course-card .course-info{flex:1}.mc-course-card .course-info .course-title{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--text);line-height:1.3}.mc-course-card .course-info .course-label{font-size:.65rem;font-weight:600;color:var(--muted);letter-spacing:.5px;margin-bottom:.6rem;text-transform:uppercase}.mc-course-card .course-info .progress-container{display:flex;align-items:center;gap:.75rem}.mc-course-card .course-info .progress-container .progress-bar{flex:1;height:6px;background:#00000014;border-radius:3px;overflow:hidden}.mc-course-card .course-info .progress-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#34c759);border-radius:3px;transition:width .3s ease}.mc-course-card .course-info .progress-container .progress-text{font-size:.8rem;font-weight:600;color:var(--text);min-width:35px}.mc-course-card .course-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.mc-course-card .course-actions .btn-continue{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;white-space:nowrap;background:var(--primary);color:#fff;box-shadow:0 4px 12px #007aff40}.mc-course-card .course-actions .btn-continue:hover{background:#0a66cc;box-shadow:0 6px 16px #007aff59}.mc-course-card .course-actions .btn-continue:active{background:#0052a3}@media (min-width: 768px){.mc-course-card{flex-direction:row;align-items:center;gap:1.25rem;padding:1.25rem}.mc-course-card .course-icon{width:56px;height:56px;min-width:56px;min-height:56px}.mc-course-card .course-icon .icon-initials{font-size:1.25rem}.mc-course-card .course-info{flex:1}.mc-course-card .course-info .course-title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-course-card .course-info .progress-container .progress-text{font-size:.85rem;min-width:40px}}@media (min-width: 992px){.mc-course-card{width:100%;padding:1.5rem;gap:1.5rem}.mc-course-card .course-info .course-label{font-size:.7rem}}.mc-course-card .payment-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin:.5rem 0;font-size:.8rem}.mc-course-card .payment-badge .badge-icon{font-size:1rem}.mc-course-card .payment-badge .badge-text{color:#856404;font-weight:600}.mc-course-card .payment-alert-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.mc-course-card .payment-alert-overlay .payment-alert-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;max-width:400px;width:90%;padding:0;animation:slideUp .3s ease-out}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-header .alert-icon{font-size:1.5rem}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-header h3{margin:0;font-size:1.1rem;color:var(--text);font-weight:700}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-body{padding:1.5rem}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-body p{margin:0 0 1rem;color:var(--muted);font-size:.95rem;line-height:1.5}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-body p.alert-message{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08);color:#d32f2f;font-weight:500}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-body .balance-info{background:#f5f5f5;border-radius:8px;padding:1rem;margin:1rem 0}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-body .balance-info .balance-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:var(--text)}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-body .balance-info .balance-row .amount{font-weight:600;color:var(--primary)}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-body .balance-info .balance-row.outstanding{border-top:1px solid rgba(0,0,0,.1);padding-top:.75rem;margin-top:.75rem;font-weight:700}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-body .balance-info .balance-row.outstanding .amount{color:#d32f2f}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-actions{display:flex;justify-content:center;gap:1rem;padding:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-actions .btn{padding:.75rem 2rem;border-radius:8px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-actions .btn.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #007aff40}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-actions .btn.btn-primary:hover{background:#0a66cc;box-shadow:0 6px 16px #007aff59}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-actions .btn.btn-primary:active{background:#0052a3}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-actions .btn.btn-secondary{background:#007aff1a;color:var(--primary);border:1px solid var(--primary)}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-actions .btn.btn-secondary:hover{background:#007aff26}.mc-course-card .payment-alert-overlay .payment-alert-modal .alert-actions .btn.btn-secondary:active{background:#007aff33}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;transform:translateY(100px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top__button{width:3.5rem;height:3.5rem;border-radius:50%;background-color:#b70202;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.scroll-to-top__button:hover{background-color:#8f0101;transform:translateY(-3px);box-shadow:0 6px 16px #0003}.scroll-to-top__button:active{transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.scroll-to-top__button svg{width:1.8rem;height:1.8rem}@media (max-width: 768px){.scroll-to-top{bottom:1.5rem;right:1.5rem}.scroll-to-top__button{width:3rem;height:3rem}.scroll-to-top__button svg{width:1.5rem;height:1.5rem}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-content.application-summary-modal{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:24px;color:#1a237e}.modal-header .close-btn{background:transparent;border:none;font-size:24px;cursor:pointer;color:#757575;transition:color .2s;padding:4px}.modal-header .close-btn:hover{color:#1a237e}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0}.modal-footer .btn{padding:10px 24px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.modal-footer .btn.btn-secondary{background-color:#e0e0e0;color:#424242}.modal-footer .btn.btn-secondary:hover{background-color:#bdbdbd}.modal-footer .btn.btn-primary{background-color:#1a237e;color:#fff}.modal-footer .btn.btn-primary:hover{background-color:#0d47a1}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.modal-content{width:95%;max-height:95vh}.modal-content.application-summary-modal{max-width:95%}.modal-header{padding:16px}.modal-header h3{font-size:20px}.modal-body,.modal-footer{padding:16px}}.course-details-modal{max-width:800px;max-height:90vh}.course-details-modal .close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#757575;z-index:1;transition:color .2s}.course-details-modal .close-btn:hover{color:#b70202}.course-details__image{width:100%;height:300px;overflow:hidden;background:linear-gradient(135deg,#b70202,#8b0101);display:flex;align-items:center;justify-content:center}.course-details__image img{width:100%;height:100%;object-fit:cover}.course-details__no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fffc;font-size:16px;font-weight:500}.course-details__content{padding:32px;overflow-y:auto;flex:1}.course-details__content::-webkit-scrollbar{width:8px}.course-details__content::-webkit-scrollbar-track{background:#f5f5f5}.course-details__content::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.course-details__content::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.course-details__title{font-size:28px;font-weight:700;color:#2f1c1c;margin:0 0 16px;line-height:1.4}.course-details__actions{display:flex;gap:12px;padding:20px 32px;border-top:1px solid #e0e0e0;background:#f9f9f9;justify-content:flex-end}.course-details__actions .btn{padding:12px 24px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.course-details__actions .btn.btn-secondary{background-color:#e0e0e0;color:#424242}.course-details__actions .btn.btn-secondary:hover{background-color:#bdbdbd}.course-details__actions .btn.btn-primary{background-color:#b70202;color:#fff}.course-details__actions .btn.btn-primary:hover:not(:disabled){background-color:#8b0101;transform:scale(1.02)}.course-details__actions .btn.btn-primary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.availability-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-weight:500}.availability-badge.available{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.availability-badge.unavailable{background-color:#ffebee;color:#c62828;border-left:4px solid #f44336}.availability-badge .badge-icon{font-size:18px;flex-shrink:0}.course-section{margin-bottom:28px}.course-section h3{font-size:18px;font-weight:700;color:#b70202;margin-bottom:12px}.course-section p{font-size:14px;line-height:1.6;color:#616161;margin:0}.course-description{line-height:1.8;color:#424242}.course-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px;padding:20px;background-color:#f5f5f5;border-radius:8px}.course-details-grid .detail-item{display:flex;gap:12px}.course-details-grid .detail-item .detail-icon{font-size:20px;color:#2f1c1c;flex-shrink:0;margin-top:2px}.course-details-grid .detail-item div{display:flex;flex-direction:column}.course-details-grid .detail-item div label{font-size:12px;font-weight:600;color:#757575;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.course-details-grid .detail-item div p{font-size:14px;font-weight:500;color:#212121;margin:0}.course-details-grid .detail-item div .mode-badge{display:inline-block;background-color:#e8f5e9;color:#2e7d32;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize;width:fit-content}.outcomes-list{list-style:none;padding:0;margin:0}.outcomes-list li{padding:8px 0 8px 24px;position:relative;font-size:14px;line-height:1.6;color:#616161}.outcomes-list li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700;font-size:16px}.cohorts-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.cohorts-list .cohort-item{padding:12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fafafa}.cohorts-list .cohort-item p{margin:0 0 4px;font-size:14px}.cohorts-list .cohort-item p.cohort-date{font-size:12px;color:#757575}@media (max-width: 768px){.course-details-modal{max-width:95%}.course-details__image{height:220px}.course-details__content{padding:20px}.course-details__title{font-size:22px}.course-details__actions{padding:16px 20px;flex-direction:column}.course-details__actions .btn{width:100%}.course-details-grid{grid-template-columns:1fr}}.application-fee-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-in-out}.application-fee-modal{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000040;max-width:480px;width:90%;display:flex;flex-direction:column;animation:slideUp .4s ease-out;overflow:hidden}.application-fee-modal .modal-header{background:linear-gradient(135deg,#c41e3a,#a01830);color:#fff;padding:32px 24px;text-align:center;display:flex;justify-content:space-between;align-items:flex-start}.application-fee-modal .modal-header .fee-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}.application-fee-modal .modal-header .fee-icon.required{background:#ffffff4d}.application-fee-modal .modal-header h3{margin:0 0 8px;font-size:24px;font-weight:600}.application-fee-modal .modal-header .subtitle{margin:0;font-size:14px;opacity:.9;color:#ffffffe6}.application-fee-modal .modal-header .close-btn{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.application-fee-modal .modal-header .close-btn:hover:not(:disabled){background:#ffffff4d}.application-fee-modal .modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.application-fee-modal .modal-body{padding:32px 24px;flex:1}.application-fee-modal .modal-body .fee-details{background:#f5f5f5;border-radius:12px;padding:20px;margin-bottom:24px}.application-fee-modal .modal-body .fee-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px}.application-fee-modal .modal-body .fee-details .detail-row.divider{border-top:2px solid #e0e0e0;padding-top:16px;margin-top:8px;font-weight:600}.application-fee-modal .modal-body .fee-details .detail-row .label{color:#666;font-weight:500}.application-fee-modal .modal-body .fee-details .detail-row .value{color:#1a237e;font-weight:600;text-align:right}.application-fee-modal .modal-body .fee-details .detail-row .value.success{color:#34c759;display:flex;align-items:center;justify-content:flex-end}.application-fee-modal .modal-body .fee-details .detail-row .value.amount{font-size:18px;color:#a01830}.application-fee-modal .modal-body .fee-info{background:#e8f4f8;border-left:4px solid #1a237e;border-radius:4px;padding:16px;margin-bottom:24px}.application-fee-modal .modal-body .fee-info.required{background:#fce4ec;border-left-color:#c41e3a}.application-fee-modal .modal-body .fee-info.required p{color:#880e4f}.application-fee-modal .modal-body .fee-info p{margin:0;font-size:13px;color:#1a237e;line-height:1.6}.application-fee-modal .modal-body .fee-info p strong{font-weight:600}.application-fee-modal .modal-body .email-field{display:flex;flex-direction:column}.application-fee-modal .modal-body .email-field label{font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.application-fee-modal .modal-body .email-field input{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.application-fee-modal .modal-body .email-field input:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px #c41e3a1a}.application-fee-modal .modal-body .email-field input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.application-fee-modal .modal-footer{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;background:#fafafa}.application-fee-modal .modal-footer .btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.application-fee-modal .modal-footer .btn.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.application-fee-modal .modal-footer .btn.btn-secondary:hover:not(:disabled){background:#e8e8e8}.application-fee-modal .modal-footer .btn.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.application-fee-modal .modal-footer .btn.btn-primary{background:linear-gradient(135deg,#c41e3a,#a01830);color:#fff}.application-fee-modal .modal-footer .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c41e3a4d}.application-fee-modal .modal-footer .btn.btn-primary:active:not(:disabled){transform:translateY(0)}.application-fee-modal .modal-footer .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.application-fee-modal{max-width:100%;margin:16px;border-radius:12px}.application-fee-modal .modal-header{padding:24px 16px}.application-fee-modal .modal-header h3{font-size:20px}.application-fee-modal .modal-header .fee-icon{width:56px;height:56px;font-size:28px}.application-fee-modal .modal-body{padding:24px 16px}.application-fee-modal .modal-body .fee-details,.application-fee-modal .modal-body .fee-info{padding:16px}.application-fee-modal .modal-footer{padding:16px;flex-direction:column}.application-fee-modal .modal-footer .btn{width:100%}}.payment-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-in-out}.payment-modal{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000040;max-width:520px;width:90%;display:flex;flex-direction:column;animation:slideUp .4s ease-out;overflow:hidden}.payment-modal .modal-header{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:32px 24px;text-align:center;display:flex;justify-content:space-between;align-items:flex-start}.payment-modal .modal-header .payment-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}.payment-modal .modal-header h3{margin:0 0 8px;font-size:24px;font-weight:600}.payment-modal .modal-header .subtitle{margin:0;font-size:14px;opacity:.9;color:#ffffffe6}.payment-modal .modal-header .close-btn{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.payment-modal .modal-header .close-btn:hover:not(:disabled){background:#ffffff4d}.payment-modal .modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.payment-modal .modal-body{padding:32px 24px;flex:1}.payment-modal .modal-body .payment-details{background:#f5f5f5;border-radius:12px;padding:20px;margin-bottom:24px;border-left:4px solid #2196F3}.payment-modal .modal-body .payment-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;border-bottom:1px solid #e0e0e0}.payment-modal .modal-body .payment-details .detail-row:last-of-type{border-bottom:none}.payment-modal .modal-body .payment-details .detail-row.divider{border-top:2px solid #e0e0e0;padding-top:12px;margin-top:8px;font-weight:600;border-bottom:none}.payment-modal .modal-body .payment-details .detail-row .label{color:#666;font-weight:500}.payment-modal .modal-body .payment-details .detail-row .value{color:#1a237e;font-weight:600;text-align:right}.payment-modal .modal-body .payment-details .detail-row .value.paid{color:#34c759}.payment-modal .modal-body .payment-details .detail-row .value.amount{font-size:18px;color:#2196f3}.payment-modal .modal-body .payment-info{background:#e3f2fd;border-left:4px solid #2196F3;border-radius:4px;padding:16px;margin-bottom:24px}.payment-modal .modal-body .payment-info p{margin:0;font-size:13px;color:#1565c0;line-height:1.6}.payment-modal .modal-body .email-field{display:flex;flex-direction:column}.payment-modal .modal-body .email-field label{font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.payment-modal .modal-body .email-field input{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.payment-modal .modal-body .email-field input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.payment-modal .modal-body .email-field input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.payment-modal .modal-footer{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;background:#fafafa}.payment-modal .modal-footer .btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.payment-modal .modal-footer .btn.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.payment-modal .modal-footer .btn.btn-secondary:hover:not(:disabled){background:#e8e8e8}.payment-modal .modal-footer .btn.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.payment-modal .modal-footer .btn.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.payment-modal .modal-footer .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2196f34d}.payment-modal .modal-footer .btn.btn-primary:active:not(:disabled){transform:translateY(0)}.payment-modal .modal-footer .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.payment-modal{max-width:100%;margin:16px;border-radius:12px}.payment-modal .modal-header{padding:24px 16px}.payment-modal .modal-header h3{font-size:20px}.payment-modal .modal-header .payment-icon{width:56px;height:56px;font-size:28px}.payment-modal .modal-body{padding:24px 16px}.payment-modal .modal-body .payment-details,.payment-modal .modal-body .payment-info{padding:16px}.payment-modal .modal-footer{padding:16px;flex-direction:column}.payment-modal .modal-footer .btn{width:100%}}.register-page{font-family:Raleway,sans-serif;background:#f0ede7;height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.register-page .register-container{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:1100px;height:90vh;max-height:600px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.register-page .register-container .register-left{position:relative;background:#2d5016;border-radius:12px 0 0 12px;overflow:hidden}.register-page .register-container .register-left .carousel-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.register-page .register-container .register-left .carousel-container .carousel-image{width:100%;height:100%;object-fit:cover;display:block}.register-page .register-container .register-left .carousel-container .carousel-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:2rem 1.5rem;text-align:center}.register-page .register-container .register-left .carousel-container .carousel-overlay h3{font-size:1.5rem;font-weight:700;margin-bottom:.8rem;line-height:1.2}.register-page .register-container .register-left .carousel-container .carousel-overlay p{margin-bottom:1rem;font-size:.7rem;opacity:.9;line-height:1.4}.register-page .register-container .register-left .carousel-container .carousel-dots{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.register-page .register-container .register-left .carousel-container .carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s}.register-page .register-container .register-left .carousel-container .carousel-dots .dot.active{background:#fff;width:24px;border-radius:4px}.register-page .register-container .register-left .carousel-container .carousel-dots .dot:hover{background:#fffc}.register-page .register-container .register-right{padding:1.5rem 4rem;display:flex;flex-direction:column;justify-content:space-around;overflow-y:hidden;max-height:100%}.register-page .register-container .register-right::-webkit-scrollbar{width:6px}.register-page .register-container .register-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.register-page .register-container .register-right::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.register-page .register-container .register-right::-webkit-scrollbar-thumb:hover{background:#999}.register-page .register-container .register-right .back-button{display:inline-flex;align-items:center;gap:.5rem;color:#cac8c8;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s;margin-bottom:.5rem}.register-page .register-container .register-right .back-button:hover{color:#b70202;transform:translate(-3px)}.register-page .register-container .register-right .back-button svg{transition:transform .3s}.register-page .register-container .register-right .back-button:hover svg{transform:translate(-2px)}.register-page .register-container .register-right .form-header{text-align:center;margin-bottom:1rem}.register-page .register-container .register-right .form-header .logo{font-size:2.5rem;margin-bottom:.8rem}.register-page .register-container .register-right .form-header h2{font-size:1.8rem;font-weight:700;color:#2f1c1c;margin:0 0 .3rem}.register-page .register-container .register-right .form-header .subtitle{font-size:.9rem;color:#bbbaba;font-weight:500;margin:0}.register-page .register-container .register-right form{display:flex;flex-direction:column;gap:1.6rem}.register-page .register-container .register-right form.form-step{animation:fadeIn .3s ease-in}.register-page .register-container .register-right form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.register-page .register-container .register-right form .form-field{position:relative;display:flex;align-items:center}.register-page .register-container .register-right form .form-field .field-icon{position:absolute;left:.8rem;font-size:1.1rem;z-index:1;pointer-events:none;display:flex;align-items:center;color:#aaa}.register-page .register-container .register-right form .form-field input{width:100%;padding:.9rem .8rem .9rem 2.8rem;border:1.5px solid #ddd;border-radius:6px;font-size:.9rem;transition:all .3s;box-sizing:border-box;background:#f9f9f9}.register-page .register-container .register-right form .form-field input::placeholder{color:#aaa}.register-page .register-container .register-right form .form-field input:focus{outline:none;border-color:#b70202;background:#fff;box-shadow:0 0 0 3px #d32f2f1a}.register-page .register-container .register-right form .form-field.contact-field input{padding-left:0}.register-page .register-container .register-right form .contact-group{width:100%;display:flex;gap:.6rem;align-items:center}.register-page .register-container .register-right form .contact-group select{flex:0 0 22%;padding:.7rem .5rem;border:1.5px solid #ddd;border-radius:6px;background:#f9f9f9;font-size:.85rem;color:#333;cursor:pointer;transition:all .3s;box-sizing:border-box;width:5rem}.register-page .register-container .register-right form .contact-group select:focus{outline:none;border-color:#b70202;box-shadow:0 0 0 3px #d32f2f1a}.register-page .register-container .register-right form .contact-group input{flex:1;padding:.7rem .8rem!important;margin:0!important}.register-page .register-container .register-right form .contact-group input::placeholder{color:#aaa}.register-page .register-container .register-right form .form-checkbox{display:flex;align-items:flex-start;gap:.5rem;margin:.3rem 0}.register-page .register-container .register-right form .form-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#B70202;margin-top:.2rem;flex-shrink:0}.register-page .register-container .register-right form .form-checkbox label{font-size:.85rem;color:#555;cursor:pointer;line-height:1.4}.register-page .register-container .register-right form .form-checkbox label a{color:#b70202;text-decoration:none;font-weight:600}.register-page .register-container .register-right form .form-checkbox label a:hover{text-decoration:underline}.register-page .register-container .register-right form .register-btn{padding:.8rem;background-color:#b70202;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.3rem}.register-page .register-container .register-right form .register-btn:hover{background-color:#8b0101;transform:translateY(-2px);box-shadow:0 5px 15px #1b6b374d}.register-page .register-container .register-right form .register-btn:active{transform:translateY(0)}.register-page .register-container .register-right form .back-btn{padding:.8rem;background-color:#f0f0f0;color:#333;border:1.5px solid #ddd;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.2rem}.register-page .register-container .register-right form .back-btn:hover{background-color:#e5e5e5;border-color:#999;transform:translateY(-2px)}.register-page .register-container .register-right form .back-btn:active{transform:translateY(0)}.register-page .register-container .register-right .divider{text-align:center;color:#999;font-size:.8rem;margin:.5rem 0}.register-page .register-container .register-right{position:relative}.register-page .register-container .register-right:before,.register-page .register-container .register-right:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:#e0e0e0}.register-page .register-container .register-right:before{left:0}.register-page .register-container .register-right:after{right:0}.register-page .register-container .google-btn{padding:.8rem;background-color:#fff;color:#333;border:1.5px solid #ddd;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.5rem}.register-page .register-container .google-btn:hover{border-color:#999;background-color:#fafafa;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.register-page .register-container .login-link{text-align:center;margin-top:1rem;font-size:.9rem;color:#666}.register-page .register-container .login-link a{color:#b70202;text-decoration:none;font-weight:600}.register-page .register-container .login-link a:hover{text-decoration:underline}@media (max-width: 900px){.register-page{padding:.5rem}.register-page .register-container{height:auto;max-height:none;grid-template-columns:1fr}.register-page .register-container .register-left{display:none}.register-page .register-container .register-right{padding:1.5rem}.register-page .register-container .register-right .form-header{margin-bottom:1rem}.register-page .register-container .register-right .form-header h2{font-size:1.5rem}.register-page .register-container .register-right .form-header .logo{font-size:2rem;margin-bottom:.5rem}.register-page .register-container .register-right form{gap:.6rem}.register-page .register-container .register-right form .form-row{grid-template-columns:1fr 1fr;gap:.6rem}}@media (max-width: 600px){.register-page{padding:.5rem}.register-page .register-container{border-radius:8px}.register-page .register-container .register-right{padding:1rem}.register-page .register-container .register-right .form-header{margin-bottom:1rem}.register-page .register-container .register-right .form-header h2{font-size:1.3rem}.register-page .register-container .register-right .form-header .logo{font-size:1.8rem;margin-bottom:.4rem}.register-page .register-container .register-right .form-header .subtitle{font-size:.8rem}.register-page .register-container .register-right form{gap:.5rem}.register-page .register-container .register-right form .form-row{grid-template-columns:1fr}.register-page .register-container .register-right form .form-field input{font-size:.9rem;padding:.6rem .6rem .6rem 2rem}.register-page .register-container .register-right form .register-btn,.register-page .register-container .register-right form .google-btn{font-size:.9rem;padding:.7rem}.register-page .register-container .register-right .login-link{font-size:.8rem;margin-top:.8rem}}.applications-layout{display:flex;flex-direction:column;min-height:100vh}@media (min-width: 992px){.applications-layout{flex-direction:row}}@media (min-width: 992px){.applications-layout header{flex-shrink:0}}.applications-layout main{flex:1;overflow-y:auto;min-width:0}.ap-wrapper{padding:1.5rem;background:#f4f6fb;min-height:100vh}@media (min-width: 992px){.ap-wrapper{padding:2rem 2.5rem}}.ap-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.ap-header-left .ap-title{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;color:#1f2a44;margin:0 0 .2rem}.ap-header-left .ap-subtitle{font-size:.875rem;color:#6b7a90;margin:0}.ap-header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ap-search{position:relative;display:flex;align-items:center}.ap-search .ap-search-icon{position:absolute;left:.85rem;color:#adb5bd;font-size:.82rem;pointer-events:none}.ap-search input{padding:.55rem 1rem .55rem 2.3rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-family:Inter,sans-serif;background:#fff;color:#1f2a44;outline:none;width:220px;transition:border-color .2s}.ap-search input:focus{border-color:#b70202}.ap-search input::placeholder{color:#c4cdd6}.ap-cta-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem 1.25rem;background:#b70202;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .15s}.ap-cta-btn:hover{background:#8b0101;box-shadow:0 6px 18px #b7020242;transform:translateY(-1px)}.ap-tabs-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.ap-tabs{display:flex;gap:.25rem;background:#fff;border-radius:10px;padding:.3rem;box-shadow:0 1px 6px #00000012;flex-wrap:wrap}.ap-tab{padding:.45rem 1rem;border:none;border-radius:7px;background:transparent;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;color:#6b7a90;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.ap-tab.active{background:#b70202;color:#fff;font-weight:600}.ap-tab:hover:not(.active){background:#f4f6fb;color:#1f2a44}.ap-count{font-size:.875rem;color:#6b7a90;font-weight:500;white-space:nowrap}.ap-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #12263f14;overflow:hidden}.ap-table-wrap{display:none;overflow-x:auto}@media (min-width: 768px){.ap-table-wrap{display:block}}.ap-table{width:100%;border-collapse:collapse;min-width:640px}.ap-table thead tr{background:#f8fafd}.ap-table th{padding:.85rem 1.25rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9aa4b4;border-bottom:1.5px solid #eef1f6;font-family:Montserrat,sans-serif;white-space:nowrap}.ap-table td{padding:1rem 1.25rem;font-size:.9rem;color:#1f2a44;border-bottom:1px solid #f1f4f9;vertical-align:middle}.ap-table tbody tr{transition:background .15s}.ap-table tbody tr:hover{background:#f8fafd}.ap-table tbody tr:last-child td{border-bottom:none}.ap-table .ap-id{font-family:Montserrat,sans-serif;font-weight:600;color:#b70202;font-size:.82rem}.ap-table .ap-course{font-weight:500}.ap-status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-size:.78rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap}.ap-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ap-actions{display:flex;gap:.5rem;align-items:center}.ap-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .8rem;border:none;border-radius:6px;font-size:.78rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:opacity .15s,transform .12s}.ap-btn:hover{transform:translateY(-1px);opacity:.88}.ap-btn-view{background:#eef2ff;color:#4361ee}.ap-btn-edit{background:#fff4e5;color:#e67e22}.ap-mobile-list{display:flex;flex-direction:column}@media (min-width: 768px){.ap-mobile-list{display:none}}.ap-mobile-card{padding:1rem 1.25rem;border-bottom:1px solid #f1f4f9}.ap-mobile-card:last-child{border-bottom:none}.ap-mobile-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.ap-mobile-label{font-size:.72rem;color:#9aa4b4;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ap-mobile-value{font-size:.88rem;color:#1f2a44;font-weight:500;text-align:right}.ap-mobile-actions{display:flex;gap:.5rem;margin-top:.75rem}.ap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1rem;gap:.75rem;color:#adb5bd;font-size:.9rem}.ap-legend{display:flex;flex-wrap:wrap;gap:1.25rem;padding:1rem .25rem 0}.ap-legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:#6b7a90;font-family:Inter,sans-serif}.ap-legend-dot{width:9px;height:9px;border-radius:50%}.ap-loading,.ap-error{padding:2.5rem;text-align:center;font-size:.9rem;color:#6b7a90}.ap-error{color:#ef4444}.payments-container{background:linear-gradient(140deg,#f5f7fb,#eef3ff);min-height:100vh}.payments-content{padding:2.5rem 1.75rem;max-width:1200px;margin:0 auto}.payments-hero{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;border-radius:16px;background:#fff;box-shadow:0 12px 24px #12263f14;margin-bottom:2rem}.payments-hero h2{font-family:Raleway,sans-serif;font-size:1.9rem;margin:0 0 .35rem;color:#1f2a44;letter-spacing:-.02em}.payments-hero p{margin:0;color:#52627a}.approved-payments{background:#fff;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 10px 22px #12263f12}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:1.25rem;color:#1f2a44}.section-header .count{background:#eef2ff;color:#3f51b5;padding:.35rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600}.approved-table{overflow-x:auto}.approved-table table{width:100%;border-collapse:collapse;min-width:860px}.approved-table th,.approved-table td{padding:.95rem .75rem;text-align:left;border-bottom:1px solid #eef1f6;font-size:.92rem}.approved-table th{color:#6b7a90;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.approved-table td{color:#1f2a44}.approved-table .balance{color:#ff8a00;font-weight:600}.approved-table .status{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#f4f6f8;color:#5c6c7f}.approved-table .status-paid{background:#e8f5e9;color:#2e7d32}.approved-table .status-awaiting-bill{background:#fff4e5;color:#b35b00}.approved-table .status-pending,.approved-table .status-partially-paid,.approved-table .status-overdue{background:#fff1f1;color:#c43d3d}.pay-btn{background:linear-gradient(135deg,#1e88e5,#1565c0);border:none;color:#fff;padding:.55rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pay-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #1e88e547}.pay-btn:disabled{background:#d9e1ec;color:#7a8aa0;cursor:not-allowed;box-shadow:none}.empty-state{padding:1.5rem;border-radius:12px;background:#f6f8fb;color:#5c6c7f;text-align:center}@media (max-width: 768px){.payments-content{padding:2rem 1rem}.payments-hero{flex-direction:column;align-items:flex-start;padding:1.25rem 1.5rem}.approved-payments{padding:1.5rem}.approved-table table{min-width:720px}}.about-programs{background:#fff;padding:3rem 1.5rem}.about-programs__inner{display:flex;flex-direction:column;gap:3rem}@media (min-width: 1024px){.about-programs__inner{flex-direction:row;align-items:flex-start}.about-programs__inner>*{flex:1}}.reveal[data-anim=fade-down]{transform:translateY(-24px)}.reveal-stagger>.reveal{opacity:0;transform:translateY(20px)}.reveal-stagger>.reveal.in-view:nth-child(1){transition-delay:0ms}.reveal-stagger>.reveal.in-view:nth-child(2){transition-delay:80ms}.reveal-stagger>.reveal.in-view:nth-child(3){transition-delay:.16s}.reveal-stagger>.reveal.in-view:nth-child(4){transition-delay:.24s}.about__image.reveal{animation:none}.about__image.reveal{transform:translateY(20px)}.about__content.reveal{transform:translate(40px)}.programs-card.reveal,.work-card.reveal{transform:translateY(18px)}.cta-content.reveal{transform:scale(.98) translateY(12px)}:root{--bg: #f4f6fb;--card: #ffffff;--muted: #7b7f88;--primary: #B70202;--primary-dark: #8B0101;--primary-light: #E8CCCC;--text: #2F1C1C;--accent: #ffcc00;--success: #34c759;--danger: #ff3b30;--radius: 12px;--gap: 1rem}.mc-page{padding:1.5rem;background:#f4f6fb;min-height:100vh;color:#1f2a44}@media (min-width: 768px){.mc-page{padding:2rem 2.5rem}}.mc-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.5rem}.mc-header h1{font-size:1.6rem;font-weight:800;color:#1f2a44;margin:0;font-family:Montserrat,sans-serif;letter-spacing:-.02em}.mc-header .sub{color:#6b7a90;font-size:.9rem;margin-top:.3rem}.mc-header .mc-actions .btn-browse-catalog{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#b70202,#8b0101);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #b702024d;white-space:nowrap}.mc-header .mc-actions .btn-browse-catalog .btn-icon{font-size:1.1rem;display:inline-flex}.mc-header .mc-actions .btn-browse-catalog:hover{background:linear-gradient(135deg,#8b0101,#6b0001);box-shadow:0 6px 20px #b7020266;transform:translateY(-2px)}.mc-header .mc-actions .btn-browse-catalog:active{transform:translateY(0);box-shadow:0 2px 10px #b7020233}@media (min-width: 700px){.mc-header .mc-actions .btn-browse-catalog{padding:.85rem 1.75rem;font-size:1rem}}.mc-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-bottom:1.5rem}.mc-summary .mc-card{background:#fff;border-radius:12px;padding:1.1rem 1.25rem;box-shadow:0 4px 24px #12263f0f;border:1px solid #eef1f6;display:flex;flex-direction:column;gap:.35rem}.mc-summary .mc-card .label{color:#6b7a90;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0}.mc-summary .mc-card h3{margin:0;font-size:1.5rem;font-weight:800;color:#1f2a44;font-family:Montserrat,sans-serif;line-height:1}.mc-grid{display:grid;grid-template-columns:1fr;gap:.9rem}.mc-wait-card{display:flex;gap:.8rem;background:var(--card);border-radius:12px;padding:.9rem;align-items:center;box-shadow:0 6px 18px #1418200a}.mc-wait-card .wait-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6f2ff,#f1f9ff)}.mc-wait-card .wait-thumb img{width:100%;height:100%;object-fit:cover}.mc-wait-card .wait-thumb .thumb-fallback{font-weight:700;font-size:1.5rem;color:var(--primary)}.mc-wait-card .wait-body{flex:1;display:flex;flex-direction:column}.mc-wait-card .wait-body .title{margin:0;font-size:1rem;font-weight:700}.mc-wait-card .wait-body .wait-msg{color:var(--muted);margin:.4rem 0}.mc-wait-card .wait-body .wait-actions{margin-top:auto}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 1.5rem;background:linear-gradient(135deg,#b702020d,#8b01010d);border-radius:12px;border:2px dashed rgba(183,2,2,.2);text-align:center;min-height:300px}.empty-state-container .empty-text{font-size:1.1rem;color:var(--muted);margin:0;font-weight:500}.empty-state-container .btn-browse-catalog{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2rem;background:linear-gradient(135deg,#b70202,#8b0101);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #b702024d}.empty-state-container .btn-browse-catalog .btn-icon{font-size:1.2rem}.empty-state-container .btn-browse-catalog:hover{background:linear-gradient(135deg,#8b0101,#6b0001);box-shadow:0 6px 20px #b7020266;transform:translateY(-2px)}.empty-state-container .btn-browse-catalog:active{transform:translateY(0);box-shadow:0 2px 10px #b7020233}@media (min-width: 700px){.mc-summary{grid-template-columns:repeat(4,1fr)}.mc-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.mc-grid{grid-template-columns:repeat(3,1fr)}}.course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-8px)}.course-card .course-cover{height:120px;position:relative;display:flex;align-items:center;justify-content:center}.course-card .course-cover .cover-overlay{position:absolute;top:8px;right:12px}.course-card .course-cover .cover-overlay .course-category{background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}.course-card .card-content{padding:20px}.course-card .course-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.course-card .course-top .course-info{flex:1}.course-card .course-top .course-info .course-code{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:#999;padding:4px 8px;border-radius:4px;margin-bottom:6px}.course-card .course-top .course-info .course-name{margin:0;font-size:16px;font-weight:700;color:#1a1a1a;line-height:1.3}.course-card .course-top .course-menu .menu-btn{background:transparent;border:none;font-size:20px;cursor:pointer;color:#999;padding:4px 8px}.course-card .course-top .course-menu .menu-btn:hover{color:#333}.course-card .instructor-card{display:flex;gap:12px;align-items:center;margin-bottom:16px;padding:12px;background:#f8f9fb;border-radius:8px}.course-card .instructor-card .instructor-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fc0,gold);display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a1a1a;font-size:16px}.course-card .instructor-card .instructor-info{flex:1}.course-card .instructor-card .instructor-info .instructor-label{margin:0;font-size:11px;color:#999;text-transform:uppercase}.course-card .instructor-card .instructor-info .instructor-name{margin:2px 0 0;font-size:13px;font-weight:600;color:#1a1a1a}.course-card .progress-container{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e3e6ea}.course-card .progress-container .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.course-card .progress-container .progress-header .progress-label{font-size:12px;font-weight:600;color:#666}.course-card .progress-container .progress-header .progress-percentage{font-size:14px;font-weight:700;color:#1a1a1a}.course-card .progress-container .progress-bar-wrapper{display:flex;flex-direction:column;gap:8px}.course-card .progress-container .progress-bar-wrapper .progress-bar{height:10px;background:#e3e6ea;border-radius:5px;overflow:hidden}.course-card .progress-container .progress-bar-wrapper .progress-bar .progress-fill{height:100%;transition:width .4s ease}.course-card .progress-container .progress-bar-wrapper .progress-milestone{font-size:12px;color:#666;font-weight:500}.course-card .learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.course-card .learning-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:#f8f9fb;border-radius:8px;text-align:center}.course-card .learning-stats .stat-item .stat-icon{font-size:20px;margin-bottom:6px}.course-card .learning-stats .stat-item .stat-details .stat-value{margin:0;font-size:16px;font-weight:700;color:#1a1a1a}.course-card .learning-stats .stat-item .stat-details .stat-name{margin:2px 0 0;font-size:11px;color:#999}.course-card .next-lesson-card{margin-bottom:16px;padding:14px;background:linear-gradient(135deg,#fff8e1,#fffbf0);border-left:3px solid #ffcc00;border-radius:8px}.course-card .next-lesson-card .lesson-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.course-card .next-lesson-card .lesson-header .lesson-icon{font-size:16px}.course-card .next-lesson-card .lesson-header .lesson-label{font-size:11px;color:#999;font-weight:600;text-transform:uppercase}.course-card .next-lesson-card .lesson-title{margin:0 0 6px;font-size:13px;font-weight:700;color:#1a1a1a}.course-card .next-lesson-card .lesson-date{margin:0;font-size:12px;color:#666}.course-card .course-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.course-card .course-details-grid .detail-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f8f9fb;border-radius:6px}.course-card .course-details-grid .detail-item .detail-icon{font-size:18px}.course-card .course-details-grid .detail-item>div{flex:1}.course-card .course-details-grid .detail-item>div .detail-label{margin:0;font-size:10px;color:#999;text-transform:uppercase}.course-card .course-details-grid .detail-item>div .detail-value{margin:2px 0 0;font-size:13px;font-weight:700;color:#1a1a1a}.course-card .card-actions{display:flex;gap:8px;margin-bottom:12px}.course-card .card-actions .btn-primary{flex:1;padding:12px 14px;background:#fc0;color:#1a1a1a;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.course-card .card-actions .btn-primary .btn-icon{font-size:14px}.course-card .card-actions .btn-primary:hover{background:gold;transform:translate(2px)}.course-card .card-actions .btn-primary:active{transform:scale(.98)}.course-card .card-actions .quick-btns{display:flex;gap:6px}.course-card .card-actions .quick-btns .btn-icon-only{width:40px;height:40px;background:#f0f0f0;border:1px solid #e3e6ea;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.course-card .card-actions .quick-btns .btn-icon-only:hover{background:#e8e8e8;border-color:#fc0}.course-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e3e6ea;font-size:11px;color:#999}.course-card .card-footer .enrolled-date{font-weight:500}.course-card .card-footer .completion-estimate{background:#f0f0f0;padding:4px 8px;border-radius:4px;font-weight:600}.course-card.completed .course-cover{background:linear-gradient(135deg,#e6ffe6,#f0fff0)}.course-card.completed .course-code{background:#00a854!important;color:#fff}@media (min-width: 768px){.course-card:hover .course-cover{filter:brightness(1.05)}.course-card .learning-stats,.course-card .course-details-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.course-card .learning-stats{grid-template-columns:repeat(3,1fr);gap:8px}.course-card .learning-stats .stat-item{padding:8px}.course-card .learning-stats .stat-item .stat-icon{font-size:16px}.course-card .learning-stats .stat-item .stat-details .stat-value{font-size:14px}.course-card .card-actions .btn-primary{font-size:12px;padding:10px}.course-card .card-actions .quick-btns .btn-icon-only{width:36px;height:36px;font-size:14px}}.cd-page{padding:1.5rem;min-height:100vh;background:#f4f6fb;color:#1f2a44}@media (min-width: 768px){.cd-page{padding:2rem 2.5rem}}.cd-page .cd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.cd-page .cd-header h2{margin:0;font-size:1.5rem;font-weight:800;color:#1f2a44;font-family:Montserrat,sans-serif;letter-spacing:-.02em;line-height:1.2}.cd-page .cd-header .meta{color:#6b7a90;font-size:.9rem;margin-top:.3rem}.cd-page .cd-header .actions{display:flex;gap:.5rem;align-items:center}.cd-page .cd-header .actions .btn-back{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;background:var(--card);color:var(--text);border:1px solid #e8f1ff;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.cd-page .cd-header .actions .btn-back svg{width:20px;height:20px;color:var(--primary);flex-shrink:0}.cd-page .cd-header .actions .btn-back:hover{background:linear-gradient(135deg,#f8fbff,#fafcff);border-color:var(--primary);transform:translate(-2px);box-shadow:0 4px 12px #b7020226;color:var(--primary)}.cd-page .cd-header .actions .btn-back:active{transform:translate(-1px)}.cd-page .cd-top{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.cd-page .cd-top .payment-info{background:var(--card);border-radius:var(--radius);padding:.85rem;box-shadow:0 6px 18px #1418200a}.cd-page .cd-top .payment-info h3{margin-top:.25rem;margin-bottom:0}.cd-page .cd-top .payment-info small{color:var(--muted);display:block;margin-top:.25rem}.cd-page .cd-top .payment-info .payment-bar{height:10px;background:#f0f3f7;border-radius:999px;margin-top:.6rem;overflow:hidden}.cd-page .cd-top .payment-info .payment-bar .filled{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));width:0%;transition:width .3s ease}.cd-page .cd-top .payment-info .hint{color:var(--muted);font-size:.85rem;margin-top:.5rem}.cd-page .cd-top .cd-tabs{display:flex;gap:.3rem;overflow:auto;background:#fff;border-radius:12px;padding:.3rem;box-shadow:0 4px 24px #12263f0f;border:1px solid #eef1f6}.cd-page .cd-top .cd-tabs button{background:transparent;border:none;padding:.5rem .9rem;border-radius:9px;font-weight:600;font-size:.85rem;color:#6b7a90;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}.cd-page .cd-top .cd-tabs button:hover{background:#f4f6fb;color:#1f2a44}.cd-page .cd-top .cd-tabs button.active{background:#b70202;color:#fff;box-shadow:0 2px 8px #b7020240}.cd-page .cd-body .tab-panel{background:var(--card);border-radius:var(--radius);padding:.9rem;box-shadow:0 6px 18px #1418200a}.cd-page .cd-body .tab-panel h4{margin-top:0;margin-bottom:.5rem}.cd-page .cd-body .tab-panel .quick-stats{display:flex;gap:1rem;margin-top:.8rem}.cd-page .cd-body .tab-panel .quick-stats div{flex:1}.cd-page .cd-body .tab-panel .quick-stats div small{display:block;color:var(--muted)}.cd-page .cd-body .tab-panel .quick-stats div strong{display:block;margin-top:.25rem}.cd-page .cd-body .tab-panel.overview-panel{padding:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;gap:1.2rem}.cd-page .cd-body .tab-panel.overview-panel .overview-hero{border-radius:var(--radius);overflow:hidden;max-height:300px;box-shadow:0 6px 18px #14182014}.cd-page .cd-body .tab-panel.overview-panel .overview-hero img{width:100%;height:100%;object-fit:cover;display:block}.cd-page .cd-body .tab-panel.overview-panel .overview-content{background:var(--card);border-radius:var(--radius);padding:1.2rem;box-shadow:0 6px 18px #1418200a;display:flex;flex-direction:column;gap:1.5rem}.cd-page .cd-body .tab-panel.overview-panel .overview-content h4{margin-top:0;margin-bottom:.5rem;font-size:1.1rem;color:var(--primary)}.cd-page .cd-body .tab-panel.overview-panel .overview-content .description-text{line-height:1.6;color:#555;margin:0}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}@media (max-width: 768px){.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats{grid-template-columns:1fr}}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats .stat-box{display:flex;gap:1rem;align-items:center;padding:1rem;background:linear-gradient(135deg,#fafcff,#f5faff);border-radius:12px;border:1px solid #e8f1ff;transition:all .3s ease}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats .stat-box:hover{box-shadow:0 4px 12px #b702021a;transform:translateY(-2px)}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats .stat-box .stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:10px;color:#fff;flex-shrink:0}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats .stat-box .stat-icon svg{color:#fff}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats .stat-box .stat-details{display:flex;flex-direction:column;gap:.3rem}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats .stat-box .stat-details .stat-label{display:block;color:var(--muted);font-size:.8rem;font-weight:500}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-stats .stat-box .stat-details .stat-value{display:block;color:#1a237e;font-size:1.1rem;font-weight:600}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media (max-width: 768px){.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info{grid-template-columns:1fr;gap:1.5rem}}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info .info-group h5{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info .info-group .info-items{display:flex;flex-direction:column;gap:.8rem}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info .info-group .info-items .info-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f0f3f7}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info .info-group .info-items .info-item:last-child{border-bottom:none}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info .info-group .info-items .info-item .info-key{color:var(--muted);font-size:.85rem;font-weight:500}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info .info-group .info-items .info-item .info-value{color:#333;font-size:.9rem;font-weight:500}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info .info-group .info-items .info-item .info-value-highlight{color:var(--primary);font-size:.95rem;font-weight:700}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info .info-group .info-items .info-item .access-status{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:8px;background:linear-gradient(135deg,#b702020d,#b7020205);border:1px solid rgba(183,2,2,.2);color:var(--primary);font-weight:600}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-info .info-group .info-items .info-item .access-status svg{color:var(--primary);flex-shrink:0}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules{border-top:1px solid #e8f1ff;padding-top:1.5rem}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules h5{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:var(--primary);grid-template-columns:repeat(2,1fr)}@media (max-width: 480px){.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules{grid-template-columns:1fr}}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card{padding:1rem;border-radius:10px;background:linear-gradient(135deg,#f8fbff,#fafcff);border:1px solid #e8f1ff;transition:all .3s ease;display:flex;flex-direction:column;gap:.6rem}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card:hover:not(.more){box-shadow:0 6px 16px #b7020226;transform:translateY(-4px);border-color:#d0e4ff}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card.more{justify-content:center;align-items:center;text-align:center;color:var(--muted);min-height:150px;background:#fff;cursor:pointer}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card.more:hover{background:#f5f9ff;border-color:var(--primary);color:var(--primary)}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card .module-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;font-size:.9rem;font-weight:600}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card .module-number-plus{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;font-size:1.5rem;font-weight:600}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card h6{margin:0;font-size:.9rem;font-weight:600;color:var(--primary);line-height:1.3}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.4}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card .module-meta-info{display:flex;gap:.8rem;margin-top:.4rem;flex-wrap:wrap}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card .module-meta-info span{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#fff;border-radius:4px;font-size:.75rem;color:var(--muted);font-weight:500;border:1px solid #e8f1ff}.cd-page .cd-body .tab-panel.overview-panel .overview-content .overview-modules .module-preview-card .module-meta-info span svg{color:var(--primary);flex-shrink:0}.cd-page .cd-body .curriculum-list{display:flex;flex-direction:column;gap:.8rem}.cd-page .cd-body .curriculum-list .curriculum-module{border-radius:12px;background:#fafcff;border:1px solid #e8f1ff;transition:all .3s ease;overflow:hidden}.cd-page .cd-body .curriculum-list .curriculum-module:hover{box-shadow:0 4px 16px #b702021a;border-color:#d0e4ff}.cd-page .cd-body .curriculum-list .curriculum-module.locked{opacity:.65}.cd-page .cd-body .curriculum-list .curriculum-module.locked .module-header{cursor:not-allowed}.cd-page .cd-body .curriculum-list .curriculum-module.locked .lock-badge{margin-left:.5rem;font-size:1.2rem}.cd-page .cd-body .curriculum-list .curriculum-module .module-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#f8fbff,#fafcff);border-bottom:1px solid #e8f1ff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.cd-page .cd-body .curriculum-list .curriculum-module .module-header:hover{background:linear-gradient(135deg,#f0f8ff,#f5faff)}.cd-page .cd-body .curriculum-list .curriculum-module .module-header .module-title{display:flex;gap:.8rem;align-items:flex-start;flex:1}.cd-page .cd-body .curriculum-list .curriculum-module .module-header .module-title h5{margin:0 0 .3rem;font-size:.95rem;font-weight:600;color:var(--text)}.cd-page .cd-body .curriculum-list .curriculum-module .module-header .module-title .description{margin:0;color:var(--muted);font-size:.85rem;line-height:1.4}.cd-page .cd-body .curriculum-list .curriculum-module .module-header .module-meta{display:flex;gap:1rem;align-items:center;margin-left:1rem}.cd-page .cd-body .curriculum-list .curriculum-module .module-header .module-meta .lesson-count,.cd-page .cd-body .curriculum-list .curriculum-module .module-header .module-meta .duration{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted);white-space:nowrap}.cd-page .cd-body .curriculum-list .curriculum-module .module-header .module-meta .lesson-count svg,.cd-page .cd-body .curriculum-list .curriculum-module .module-header .module-meta .duration svg{color:var(--primary)}.cd-page .cd-body .curriculum-list .curriculum-module .module-header .lock-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ff6b6b1a;color:#ff6b6b;margin-left:.5rem;font-size:1rem}.cd-page .cd-body .curriculum-list .curriculum-module .module-header .lock-badge svg{color:#ff6b6b}.cd-page .cd-body .curriculum-list .curriculum-module .module-content{padding:.8rem;background:#fcfcfc}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list{display:flex;flex-direction:column;gap:.6rem}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson{padding:.8rem;border-radius:4px;background:#ebedf1;transition:all .2s ease}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson:hover{background:#f0f8ff}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson.locked{opacity:.6;border-left-color:#ccc;cursor:not-allowed}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.5rem}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-header .lesson-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:var(--primary);color:#fff;border-radius:50%;font-weight:600;font-size:.8rem;flex-shrink:0}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-header .lesson-info{flex:1}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-header .lesson-info h6{margin:0 0 .2rem;font-size:.9rem;font-weight:600;color:var(--text)}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-header .lesson-info .lesson-desc{margin:.2rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.3;display:none}@media (min-width: 768px){.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-header .lesson-info .lesson-desc{display:block}}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-header .lesson-duration{color:var(--muted);font-size:.8rem;white-space:nowrap;padding:.2rem .6rem;background:#f5f5f5;border-radius:4px;flex-shrink:0;display:none}@media (min-width: 768px){.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-header .lesson-duration{display:block}}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-link{display:none;align-items:center;gap:.4rem;padding:.5rem .8rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:6px;font-size:.85rem;font-weight:500;transition:all .2s ease}@media (min-width: 768px){.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-link{display:inline-flex}}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .lessons-list .lesson .lesson-link:hover{background:var(--primary-dark);box-shadow:0 2px 8px #b7020233}.cd-page .cd-body .curriculum-list .curriculum-module .module-content .no-lessons{color:var(--muted);font-size:.9rem;font-style:italic;text-align:center;padding:1rem;margin:0}.cd-page .cd-body .empty-state{padding:2rem;text-align:center;color:var(--muted)}.cd-page .cd-body .empty-state p{margin:0}.cd-page .cd-body .resources-list,.cd-page .cd-body .links-list{list-style:none;padding:0;margin:0}.cd-page .cd-body .resources-list li,.cd-page .cd-body .links-list li{padding:.6rem 0;border-bottom:1px solid #f3f5f8}.cd-page .cd-body .resources-list li a,.cd-page .cd-body .links-list li a{text-decoration:none;color:var(--primary)}.cd-page .cd-body .resources-list .locked,.cd-page .cd-body .links-list .locked{opacity:.5}.cd-page .cd-body .classes-list{display:flex;flex-direction:column;gap:.8rem}.cd-page .cd-body .classes-list .class-card{padding:1rem;border-radius:12px;background:#fafcff;border:1px solid #e8f1ff;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;width:100%}.cd-page .cd-body .classes-list .class-card:hover{box-shadow:0 4px 16px #b702021a;border-color:#d0e4ff}.cd-page .cd-body .classes-list .class-card.locked{opacity:.65;pointer-events:none}.cd-page .cd-body .classes-list .class-card.locked .class-badge{background:#fee;border-color:#fcc;color:#c33}.cd-page .cd-body .classes-list .class-card.locked .btn-join{opacity:.6;cursor:not-allowed}.cd-page .cd-body .classes-list .class-card .class-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:.8rem;gap:1rem;width:100%}.cd-page .cd-body .classes-list .class-card .class-header .class-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:linear-gradient(135deg,#b7020214,#b702020a);border:1px solid rgba(183,2,2,.25);border-radius:8px;font-size:.9rem;font-weight:600;color:var(--primary)}.cd-page .cd-body .classes-list .class-card .class-header .class-badge svg{color:var(--primary);flex-shrink:0}.cd-page .cd-body .classes-list .class-card .class-header .class-id{font-size:.85rem;color:var(--muted);font-family:monospace;font-weight:600}.cd-page .cd-body .classes-list .class-card .class-details{margin-bottom:1rem;width:100%}.cd-page .cd-body .classes-list .class-card .class-details .description{margin:0 0 .8rem;color:#555;font-size:.95rem;line-height:1.4}.cd-page .cd-body .classes-list .class-card .class-details .class-meta{display:flex;flex-direction:column;gap:.6rem;width:100%}.cd-page .cd-body .classes-list .class-card .class-details .class-meta .meta-item{display:flex;align-items:center;gap:.6rem;color:#666;font-size:.9rem;justify-content:flex-start}.cd-page .cd-body .classes-list .class-card .class-details .class-meta .meta-item svg{color:var(--primary);flex-shrink:0}.cd-page .cd-body .classes-list .class-card .class-actions{display:flex;gap:.8rem;align-items:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}.cd-page .cd-body .classes-list .class-card .class-actions .links-group{display:flex;gap:.8rem;flex-wrap:wrap;width:100%}.cd-page .cd-body .classes-list .class-card .class-actions .links-group .btn-join{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;transition:all .3s ease;flex-shrink:0}.cd-page .cd-body .classes-list .class-card .class-actions .links-group .btn-join svg{color:#fff;flex-shrink:0}.cd-page .cd-body .classes-list .class-card .class-actions .links-group .btn-join:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 16px #b7020266}.cd-page .cd-body .classes-list .class-card .class-actions .links-group .btn-join.disabled{opacity:.6;cursor:not-allowed;background:#ccc}.cd-page .cd-body .classes-list .class-card .class-actions .links-group .btn-join span{white-space:nowrap}.cd-page .cd-body .classes-list .class-card .class-actions .no-links{color:var(--muted);font-size:.9rem;font-style:italic}.cd-page .cd-body .classes-list .class-card .class-actions .no-links p{margin:0}.cd-page .cd-body .classes-list .class-card .class-actions .location-info{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#fff8f0;border-radius:8px;color:#d97706;font-size:.9rem;font-weight:500}.cd-page .cd-body .classes-list .class-card .class-actions .location-info svg{flex-shrink:0}.cd-page .cd-body .classes-list .empty-state{padding:2rem;text-align:center;color:var(--muted)}.cd-page .cd-body .classes-list .empty-state p{margin:0;font-size:.95rem}.cd-page .cd-body .instr{display:flex;gap:.8rem;align-items:flex-start}.cd-page .cd-body .instr .avatar{width:64px;height:64px;border-radius:12px;background:#e9f2ff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:var(--primary)}.cd-page .cd-body .instr .info{flex:1}.cd-page .cd-body .instr .info .bio{color:var(--muted);margin:.4rem 0}.cd-page .cd-body .instr .info .instr-actions{display:flex;gap:.5rem}.cd-layout{display:flex;flex-direction:column;gap:1rem}.cd-main{flex:1 1 auto}.cd-side{width:100%}.progress-card{background:var(--card);border-radius:var(--radius);padding:1rem;box-shadow:0 6px 18px #1418200a}.progress-card h3{margin:0 0 .6rem}.progress-card .progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.progress-card .progress-top .lessons{font-weight:700;color:#333}.progress-card .progress-top .percent{color:var(--muted);font-weight:600}.progress-card .bar-wrap{margin-bottom:.8rem}.progress-card .bar-wrap .bar{height:8px;background:#e9f0f4;border-radius:999px;overflow:hidden}.progress-card .bar-wrap .bar .fill{height:100%;background:linear-gradient(90deg,var(--success),#00b894);width:0%;transition:width .3s ease}.progress-card .retake{width:100%;margin-bottom:.8rem;border:1px solid var(--primary);color:var(--primary);background:transparent;padding:.6rem;border-radius:8px}.progress-card .enrolled{color:var(--muted);font-size:.95rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}.progress-card .enrolled svg{color:var(--primary);flex-shrink:0}.progress-card .stats-list{border-top:1px solid #f3f6f8;padding-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.progress-card .stats-list .stat-row{display:flex;gap:.6rem;align-items:center;color:var(--muted)}.progress-card .stats-list .stat-row svg{color:var(--primary);flex-shrink:0}@media (min-width: 900px){.cd-layout{flex-direction:row;align-items:flex-start}.cd-main{flex:1 1 0}.cd-side{width:360px;flex:0 0 360px}}.bp-wrapper{padding:1.5rem;background:#f4f6fb;min-height:100vh}@media (min-width: 992px){.bp-wrapper{padding:2rem 2.5rem}}.bp-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.bp-header-left .bp-title{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;color:#1f2a44;margin:0 0 .2rem}.bp-header-left .bp-subtitle{font-size:.875rem;color:#6b7a90;margin:0}.bp-header-right{display:flex;align-items:center;gap:.75rem}.bp-search{position:relative;display:flex;align-items:center}.bp-search .bp-search-icon{position:absolute;left:.85rem;color:#adb5bd;font-size:.82rem;pointer-events:none}.bp-search input{padding:.55rem 1rem .55rem 2.3rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-family:Inter,sans-serif;background:#fff;color:#1f2a44;outline:none;width:220px;transition:border-color .2s}.bp-search input:focus{border-color:#b70202}.bp-search input::placeholder{color:#c4cdd6}.bp-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.bp-stat-card{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 2px 12px #12263f12;display:flex;flex-direction:column;gap:.4rem}.bp-stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9aa4b4;font-family:Montserrat,sans-serif}.bp-stat-value{font-size:1.35rem;font-weight:700;font-family:Montserrat,sans-serif}.bp-stat-value.bp-stat-due{color:#ef4444}.bp-stat-value.bp-stat-paid{color:#10b981}.bp-stat-value.bp-stat-balance{color:#f59e0b}.bp-tabs-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.bp-tabs{display:flex;gap:.25rem;background:#fff;border-radius:10px;padding:.3rem;box-shadow:0 1px 6px #00000012;flex-wrap:wrap}.bp-tab{padding:.45rem 1rem;border:none;border-radius:7px;background:transparent;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;color:#6b7a90;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.bp-tab.active{background:#b70202;color:#fff;font-weight:600}.bp-tab:hover:not(.active){background:#f4f6fb;color:#1f2a44}.bp-count{font-size:.875rem;color:#6b7a90;font-weight:500;white-space:nowrap}.bp-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #12263f14;overflow:hidden}.bp-table-wrap{display:none;overflow-x:auto}@media (min-width: 768px){.bp-table-wrap{display:block}}.bp-table{width:100%;border-collapse:collapse;min-width:780px}.bp-table thead tr{background:#f8fafd}.bp-table th{padding:.85rem 1.25rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9aa4b4;border-bottom:1.5px solid #eef1f6;font-family:Montserrat,sans-serif;white-space:nowrap}.bp-table td{padding:1rem 1.25rem;font-size:.9rem;color:#1f2a44;border-bottom:1px solid #f1f4f9;vertical-align:middle}.bp-table tbody tr{transition:background .15s}.bp-table tbody tr:hover{background:#f8fafd}.bp-table tbody tr:last-child td{border-bottom:none}.bp-table .bp-program{font-weight:500;max-width:200px}.bp-table .bp-app-id{font-family:Montserrat,sans-serif;font-weight:600;color:#b70202;font-size:.82rem}.bp-table .bp-balance{font-weight:500}.bp-table .bp-balance.outstanding{color:#f59e0b;font-weight:700}.bp-status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-size:.78rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap}.bp-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.bp-paid-badge{font-size:.8rem;font-weight:600;color:#10b981;font-family:Inter,sans-serif}.bp-actions{display:flex;gap:.5rem;align-items:center}.bp-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .8rem;border:none;border-radius:6px;font-size:.78rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:opacity .15s,transform .12s}.bp-btn:hover:not(:disabled){transform:translateY(-1px);opacity:.88}.bp-btn:disabled{opacity:.45;cursor:not-allowed}.bp-btn-view{background:#eef2ff;color:#4361ee}.bp-btn-pay{background:#b70202;color:#fff}.bp-mobile-list{display:flex;flex-direction:column}@media (min-width: 768px){.bp-mobile-list{display:none}}.bp-mobile-card{padding:1rem 1.25rem;border-bottom:1px solid #f1f4f9}.bp-mobile-card:last-child{border-bottom:none}.bp-mobile-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.bp-mobile-label{font-size:.72rem;color:#9aa4b4;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bp-mobile-value{font-size:.88rem;color:#1f2a44;font-weight:500;text-align:right}.bp-mobile-value.outstanding{color:#f59e0b;font-weight:700}.bp-mobile-actions{display:flex;gap:.5rem;margin-top:.75rem}.bp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1rem;gap:.75rem;color:#adb5bd;font-size:.9rem}.bp-legend{display:flex;flex-wrap:wrap;gap:1.25rem;padding:1rem .25rem 0}.bp-legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:#6b7a90;font-family:Inter,sans-serif}.bp-legend-dot{width:9px;height:9px;border-radius:50%}.bp-loading,.bp-error{padding:2.5rem;text-align:center;font-size:.9rem;color:#6b7a90}.bp-error{color:#ef4444}.coursespage{padding:2rem 1rem 3rem;background:#fafafa;margin-top:2rem!important}.coursespage__header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.coursespage__header h2{font-size:1.4rem;font-weight:600;color:#2b1a1a}.coursespage__header select{padding:.7rem .9rem;border-radius:8px;border:1px solid #ccc;font-size:.9rem;width:100%;max-width:20rem}.coursespage__filters{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:52rem}.coursespage__filters select{max-width:none}.coursespage__filter-row{display:flex;flex-direction:column;gap:.75rem}.coursespage__filter-row input,.coursespage__filter-row select{width:100%;border:1px solid #ccc;border-radius:8px;padding:.7rem .9rem;font-size:.9rem;background:#fff}.coursespage__filter-row input:focus,.coursespage__filter-row select:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f4726}.coursespage__chips{display:flex;flex-wrap:wrap;gap:.55rem}.coursespage__chip{border:1px solid #d4c6b1;background:#fff;color:#5a452a;border-radius:999px;padding:.38rem .85rem;font-size:.83rem;cursor:pointer;transition:all .18s ease}.coursespage__chip:hover{background:#f7f1ea}.coursespage__chip.is-active{border-color:#8b6f47;background:#efe4d7;color:#3f2f18;font-weight:600}.coursespage__clear{align-self:flex-start;border:1px solid #8b6f47;background:#fff;color:#5a452a;border-radius:8px;padding:.6rem 1rem;cursor:pointer;transition:all .2s ease}.coursespage__clear:hover:not(:disabled){background:#f4efe8}.coursespage__clear:disabled{cursor:not-allowed;opacity:.5}.coursespage__grid{display:grid;grid-template-columns:1fr;gap:1.25rem;place-items:stretch}.coursespage__state{grid-column:1/-1;background:#fff;border:1px solid #e4e4e4;border-radius:10px;padding:.9rem 1rem;color:#4b4b4b}.coursespage__state--error{color:#9f1d1d;border-color:#f0c8c8;background:#fff5f5}@media (min-width: 768px){.coursespage{padding:3rem 2.5rem}.coursespage__header h2{font-size:1.6rem}.coursespage__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 520px) and (max-width: 767px){.coursespage__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 992px){.coursespage__header{flex-direction:row;justify-content:space-between;align-items:center;padding:0 4rem}.coursespage__filters{gap:.9rem}.coursespage__filter-row{flex-direction:row;align-items:center}.coursespage__filter-row input{flex:1}.coursespage__filter-row select{width:13rem}.coursespage__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1400px;margin:0 auto}}@media (min-width: 1400px){.coursespage__grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.simplified-application-form{max-width:600px;margin:0 auto;padding:40px 20px}.simplified-application-form .form-header{text-align:center;margin-bottom:40px}.simplified-application-form .form-header h2{font-size:28px;font-weight:700;color:#2f1c1c;margin:0 0 12px}.simplified-application-form .form-header p{color:#757575;font-size:16px;margin:0}.simplified-application-form .loading{text-align:center;padding:60px 20px;color:#757575;font-size:16px}.simplified-application-form .profile-alert{background-color:#fff3e0;border:1px solid #ffe0b2;border-radius:8px;padding:24px;text-align:center;margin-bottom:32px}.simplified-application-form .profile-alert p{margin:0 0 12px;color:#f57c00;font-weight:600}.simplified-application-form .profile-alert p.description{color:#757575;font-weight:400;margin-bottom:20px}.simplified-application-form .profile-alert .btn{width:100%}.simplified-application-form .application-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:32px}.simplified-application-form .application-form .form-section{margin-bottom:28px}.simplified-application-form .application-form .form-section label{display:block;margin-bottom:12px;font-weight:600;color:#2f1c1c;font-size:14px}.simplified-application-form .application-form .form-section label.checkbox-label{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin-bottom:0}.simplified-application-form .application-form .form-section label.checkbox-label input[type=checkbox]{margin-top:4px;cursor:pointer}.simplified-application-form .application-form .form-section textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;resize:vertical;transition:border-color .2s}.simplified-application-form .application-form .form-section textarea:focus{outline:none;border-color:#b70202;box-shadow:0 0 0 3px #b702021a}.simplified-application-form .application-form .form-section .help-text{font-size:12px;color:#757575;margin-top:8px;margin-bottom:0}.simplified-application-form .application-form .form-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e0e0e0;justify-content:flex-end}.simplified-application-form .application-form .form-actions .btn{padding:12px 24px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.simplified-application-form .application-form .form-actions .btn.btn-primary{background-color:#b70202;color:#fff}.simplified-application-form .application-form .form-actions .btn.btn-primary:hover:not(:disabled){background-color:#8b0101}.simplified-application-form .application-form .form-actions .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.simplified-application-form .application-form .form-actions .btn.btn-secondary{background-color:#f5f5f5;color:#2f1c1c}.simplified-application-form .application-form .form-actions .btn.btn-secondary:hover{background-color:#e0e0e0}@media (max-width: 600px){.simplified-application-form{padding:20px 0}.simplified-application-form .form-header h2{font-size:22px}.simplified-application-form .application-form{padding:20px;border-radius:0}}*{margin:0;box-sizing:border-box}main.auth-layout{padding-top:0}.nb{position:relative;display:inline-flex;align-items:center}.nb__trigger{width:38px;height:38px;padding:0;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:1rem;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.nb__trigger:hover{background:#fdf0f0;color:#b70202;border-color:#fca5a5}.nb__badge{position:absolute;top:-3px;right:-3px;background:#e53e3e;color:#fff;font-size:.6rem;font-weight:800;line-height:1;padding:2px 4px;border-radius:100px;min-width:16px;text-align:center;pointer-events:none;border:2px solid white}.nb__panel{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-height:480px;background:#1a1a26;border:1px solid rgba(255,255,255,.09);border-radius:.85rem;box-shadow:0 16px 48px #00000080;z-index:1000;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 480px){.nb__panel{width:calc(100vw - 2rem);right:-1rem}}.nb__header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem .75rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.nb__header>span{font-size:.9rem;font-weight:700;color:#f0f0f5}.nb__header-actions{display:flex;align-items:center;gap:.4rem}.nb__mark-all{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer;font-size:.78rem;color:#8888a0;padding:.25rem .5rem;border-radius:.3rem;transition:color .2s,background .2s}.nb__mark-all:hover{color:#fff;background:#ffffff0f}.nb__close{background:none;border:none;cursor:pointer;color:#8888a0;font-size:1rem;padding:.25rem;display:flex;align-items:center;border-radius:.3rem;transition:color .2s}.nb__close:hover{color:#fff}.nb__list{overflow-y:auto;flex:1}.nb__list::-webkit-scrollbar{width:4px}.nb__list::-webkit-scrollbar-track{background:transparent}.nb__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.nb__state{text-align:center;color:#8888a0;font-size:.88rem;padding:2rem 1rem;margin:0}.nb__item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04);position:relative}.nb__item:last-child{border-bottom:none}.nb__item:hover{background:#ffffff0a}.nb__item--unread{background:#e53e3e0d}.nb__item--unread:hover{background:#e53e3e17}.nb__item--unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e53e3e;border-radius:0 2px 2px 0}.nb__item-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px}.nb__item-body{flex:1;min-width:0}.nb__item-title{font-size:.88rem;font-weight:600;color:#f0f0f5;margin:0 0 .2rem;line-height:1.4}.nb__item-msg{font-size:.8rem;color:#8888a0;margin:0 0 .25rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb__item-time{font-size:.72rem;color:#666680;margin:0}.nb__item-del{background:none;border:none;cursor:pointer;color:#555570;font-size:.85rem;padding:.2rem;flex-shrink:0;opacity:0;transition:opacity .2s,color .2s;border-radius:.25rem}.nb__item:hover .nb__item-del{opacity:1}.nb__item-del:hover{color:#f87171}.forgot-password-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.forgot-password-modal-overlay .forgot-password-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;width:100%;max-width:450px;animation:slideUp .3s ease-out}.forgot-password-modal-overlay .forgot-password-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.forgot-password-modal-overlay .forgot-password-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:#2f1c1c}.forgot-password-modal-overlay .forgot-password-modal .modal-header .close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.forgot-password-modal-overlay .forgot-password-modal .modal-header .close-btn:hover{background-color:#f5f5f5;color:#333}.forgot-password-modal-overlay .forgot-password-modal .modal-body{padding:24px}.forgot-password-modal-overlay .forgot-password-modal .modal-body .step-description{color:#666;margin-bottom:20px;font-size:14px;line-height:1.5}.forgot-password-modal-overlay .forgot-password-modal .modal-body .step-description strong{color:#1a237e}.forgot-password-modal-overlay .forgot-password-modal .modal-body form{display:flex;flex-direction:column;gap:16px}.forgot-password-modal-overlay .forgot-password-modal .modal-body .form-field{display:flex;flex-direction:column;gap:8px}.forgot-password-modal-overlay .forgot-password-modal .modal-body .form-field label{font-size:13px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.forgot-password-modal-overlay .forgot-password-modal .modal-body .form-field .input-wrapper{position:relative;display:flex;align-items:center}.forgot-password-modal-overlay .forgot-password-modal .modal-body .form-field .input-wrapper .field-icon{position:absolute;left:12px;color:#999;font-size:18px;pointer-events:none}.forgot-password-modal-overlay .forgot-password-modal .modal-body .form-field .input-wrapper input{padding-left:40px}.forgot-password-modal-overlay .forgot-password-modal .modal-body .form-field input{width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s}.forgot-password-modal-overlay .forgot-password-modal .modal-body .form-field input::placeholder{color:#999}.forgot-password-modal-overlay .forgot-password-modal .modal-body .form-field input:focus{outline:none;border-color:var(--primary);background-color:#f8fbff;box-shadow:0 0 0 3px #b702021a}.forgot-password-modal-overlay .forgot-password-modal .modal-body .form-field input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.forgot-password-modal-overlay .forgot-password-modal .modal-body .button-group{display:flex;gap:12px;margin-top:8px}.forgot-password-modal-overlay .forgot-password-modal .modal-body .button-group .btn{flex:1;padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.forgot-password-modal-overlay .forgot-password-modal .modal-body .button-group .btn:disabled{opacity:.6;cursor:not-allowed}.forgot-password-modal-overlay .forgot-password-modal .modal-body .btn{width:100%;padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.forgot-password-modal-overlay .forgot-password-modal .modal-body .btn.btn-primary{background-color:#b70202;color:#fff}.forgot-password-modal-overlay .forgot-password-modal .modal-body .btn.btn-primary:hover:not(:disabled){background-color:#2f1c1c;box-shadow:0 4px 12px #b702024d}.forgot-password-modal-overlay .forgot-password-modal .modal-body .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.forgot-password-modal-overlay .forgot-password-modal .modal-body .btn.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.forgot-password-modal-overlay .forgot-password-modal .modal-body .btn.btn-secondary:hover:not(:disabled){background-color:#efefef;border-color:#ccc}.forgot-password-modal-overlay .forgot-password-modal .modal-body .btn.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.forgot-password-modal-overlay .forgot-password-modal .modal-body .success-message{text-align:center;padding:20px 0}.forgot-password-modal-overlay .forgot-password-modal .modal-body .success-message .success-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.forgot-password-modal-overlay .forgot-password-modal .modal-body .success-message h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#1a237e}.forgot-password-modal-overlay .forgot-password-modal .modal-body .success-message p{margin:0 0 12px;color:#666;font-size:14px;line-height:1.6}.forgot-password-modal-overlay .forgot-password-modal .modal-body .success-message p strong{color:#1a237e}.forgot-password-modal-overlay .forgot-password-modal .modal-body .success-message p.tip{margin-bottom:24px;color:#999;font-size:13px}.forgot-password-modal-overlay .forgot-password-modal .modal-body .success-message .btn{margin-top:8px}@media (max-width: 600px){.forgot-password-modal-overlay .forgot-password-modal{max-width:100%;margin:0 20px}.forgot-password-modal-overlay .forgot-password-modal .modal-header{padding:16px}.forgot-password-modal-overlay .forgot-password-modal .modal-header h2{font-size:18px}.forgot-password-modal-overlay .forgot-password-modal .modal-body{padding:16px}}.login-page{font-family:Raleway,sans-serif;background:#f0ede7;height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.login-page .login-container{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:1100px;height:90vh;max-height:600px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.login-page .login-container .login-left{position:relative;background:#2d5016;border-radius:12px 0 0 12px;overflow:hidden}.login-page .login-container .login-left .carousel-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.login-page .login-container .login-left .carousel-container .carousel-image{width:100%;height:100%;object-fit:cover;display:block}.login-page .login-container .login-left .carousel-container .carousel-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:2rem 1.5rem;text-align:center}.login-page .login-container .login-left .carousel-container .carousel-overlay h2{font-size:1.5rem;font-weight:700;margin-bottom:.2rem;line-height:1.2}.login-page .login-container .login-left .carousel-container .carousel-overlay p{margin-bottom:1rem;font-size:.95rem;opacity:.9;line-height:1.4}.login-page .login-container .login-left .carousel-container .carousel-dots{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.login-page .login-container .login-left .carousel-container .carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s}.login-page .login-container .login-left .carousel-container .carousel-dots .dot.active{background:#fff;width:24px;border-radius:4px}.login-page .login-container .login-left .carousel-container .carousel-dots .dot:hover{background:#fffc}.login-page .login-container .login-right{padding:1.5rem 2.5rem;display:flex;flex-direction:column;justify-content:space-around;overflow-y:hidden;max-height:100%}.login-page .login-container .login-right::-webkit-scrollbar{width:6px}.login-page .login-container .login-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.login-page .login-container .login-right::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.login-page .login-container .login-right::-webkit-scrollbar-thumb:hover{background:#999}.login-page .login-container .login-right .back-button{display:inline-flex;align-items:center;gap:.5rem;color:#cac8c8;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s;margin-bottom:.5rem}.login-page .login-container .login-right .back-button:hover{color:#b70202;transform:translate(-3px)}.login-page .login-container .login-right .back-button svg{transition:transform .3s}.login-page .login-container .login-right .back-button:hover svg{transform:translate(-2px)}.login-page .login-container .login-right .form-header{text-align:center;margin-bottom:1rem}.login-page .login-container .login-right .form-header h2{font-size:1.8rem;font-weight:700;color:#2f1c1c;margin:0 0 .3rem}.login-page .login-container .login-right .form-header .subtitle{font-size:.9rem;color:#bbbaba;font-weight:500;margin:0}.login-page .login-container .login-right .login-form{display:flex;flex-direction:column;gap:1.6rem}.login-page .login-container .login-right .login-form .form-field{position:relative;display:flex;align-items:center}.login-page .login-container .login-right .login-form .form-field .field-icon{position:absolute;left:.8rem;font-size:1.1rem;z-index:1;pointer-events:none;display:flex;align-items:center;color:#666}.login-page .login-container .login-right .login-form .form-field input{width:100%;padding:.9rem .8rem .9rem 2.8rem;border:1.5px solid #ddd;border-radius:6px;font-size:.9rem;transition:all .3s;box-sizing:border-box;background:#f9f9f9}.login-page .login-container .login-right .login-form .form-field input::placeholder{color:#aaa}.login-page .login-container .login-right .login-form .form-field input:focus{outline:none;border-color:#b70202;background:#fff;box-shadow:0 0 0 3px #d32f2f1a}.login-page .login-container .login-right .login-form .password-options{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:1rem;gap:1rem}.login-page .login-container .login-right .login-form .password-options .remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;color:#555;transition:color .2s}.login-page .login-container .login-right .login-form .password-options .remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#B70202;border-radius:4px;transition:all .2s}.login-page .login-container .login-right .login-form .password-options .remember-me input[type=checkbox]:hover{box-shadow:0 0 4px #b702024d}.login-page .login-container .login-right .login-form .password-options .remember-me input[type=checkbox]:checked{background-color:#b70202;border-color:#b70202}.login-page .login-container .login-right .login-form .password-options .remember-me span{font-weight:500;color:#333}.login-page .login-container .login-right .login-form .password-options .remember-me:hover,.login-page .login-container .login-right .login-form .password-options .remember-me:hover span{color:#b70202}.login-page .login-container .login-right .login-form .password-options .forgot-password-btn{background:none;border:none;color:#b70202;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;text-decoration:none;transition:all .2s;white-space:nowrap}.login-page .login-container .login-right .login-form .password-options .forgot-password-btn:hover{color:#8b0101;text-decoration:underline}.login-page .login-container .login-right .login-form .password-options .forgot-password-btn:active{opacity:.8}.login-page .login-container .login-right .login-form .login-btn{padding:.8rem;background-color:#b70202;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.3rem}.login-page .login-container .login-right .login-form .login-btn:hover{background-color:#8b0101;transform:translateY(-2px);box-shadow:0 5px 15px #1b6b374d}.login-page .login-container .login-right .login-form .login-btn:active{transform:translateY(0)}.login-page .login-container .login-right .divider{text-align:center;color:#999;font-size:.8rem;margin:.5rem 0;position:relative}.login-page .login-container .login-right .divider:before,.login-page .login-container .login-right .divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:#e0e0e0}.login-page .login-container .login-right .divider:before{left:0}.login-page .login-container .login-right .divider:after{right:0}.login-page .login-container .login-right .google-btn{padding:.8rem;background-color:#fff;color:#333;border:1.5px solid #ddd;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.5rem}.login-page .login-container .login-right .google-btn:hover{border-color:#999;background-color:#fafafa;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.login-page .login-container .login-right .register-link{text-align:center;margin-top:1rem;font-size:.9rem;color:#666}.login-page .login-container .login-right .register-link a{color:#b70202;text-decoration:none;font-weight:600}.login-page .login-container .login-right .register-link a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.login-page{padding:.5rem}.login-page .login-container{height:auto;max-height:none;grid-template-columns:1fr}.login-page .login-container .login-left{display:none}.login-page .login-container .login-right{padding:1.5rem}.login-page .login-container .login-right .form-header{margin-bottom:1rem}.login-page .login-container .login-right .form-header h2{font-size:1.5rem}.login-page .login-container .login-right .login-form{gap:1.2rem}}@media (max-width: 600px){.login-page{padding:.5rem}.login-page .login-container{border-radius:8px}.login-page .login-container .login-right{padding:1rem}.login-page .login-container .login-right .form-header{margin-bottom:1rem}.login-page .login-container .login-right .form-header h2{font-size:1.3rem}.login-page .login-container .login-right .form-header .subtitle{font-size:.8rem}.login-page .login-container .login-right .login-form{gap:1rem}.login-page .login-container .login-right .login-form .form-field input{font-size:.9rem;padding:.6rem .6rem .6rem 2rem}.login-page .login-container .login-right .login-form .login-btn,.login-page .login-container .login-right .google-btn{font-size:.9rem;padding:.7rem}.login-page .login-container .login-right .register-link{font-size:.8rem;margin-top:.8rem}}.password-reset-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.password-reset-page .reset-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;width:100%;max-width:450px;padding:40px 32px;animation:slideUp .3s ease-out}.password-reset-page .reset-container .reset-header{text-align:center;margin-bottom:32px}.password-reset-page .reset-container .reset-header h1{margin:0 0 8px;font-size:24px;font-weight:700;color:#1a237e}.password-reset-page .reset-container .reset-header p{margin:0;color:#666;font-size:14px}.password-reset-page .reset-container .reset-form{display:flex;flex-direction:column;gap:20px}.password-reset-page .reset-container .reset-form .form-field{display:flex;flex-direction:column;gap:8px}.password-reset-page .reset-container .reset-form .form-field label{font-size:13px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.password-reset-page .reset-container .reset-form .form-field .input-wrapper{position:relative;display:flex;align-items:center}.password-reset-page .reset-container .reset-form .form-field .input-wrapper .field-icon{position:absolute;left:12px;color:#999;font-size:18px;pointer-events:none}.password-reset-page .reset-container .reset-form .form-field .input-wrapper input{padding-left:40px}.password-reset-page .reset-container .reset-form .form-field input{padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s}.password-reset-page .reset-container .reset-form .form-field input::placeholder{color:#999}.password-reset-page .reset-container .reset-form .form-field input:focus{outline:none;border-color:#667eea;background-color:#f8fbff;box-shadow:0 0 0 3px #667eea1a}.password-reset-page .reset-container .reset-form .form-field input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.password-reset-page .reset-container .reset-form .btn{margin-top:8px;padding:14px 16px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.password-reset-page .reset-container .reset-form .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.password-reset-page .reset-container .reset-form .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.password-reset-page .reset-container .reset-form .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.password-reset-page .reset-container .back-to-login{margin-top:24px;text-align:center}.password-reset-page .reset-container .back-to-login a{display:inline-flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-size:14px;font-weight:600;transition:all .2s}.password-reset-page .reset-container .back-to-login a:hover{color:#764ba2;gap:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.password-reset-page .reset-container{padding:32px 24px}.password-reset-page .reset-container .reset-header h1{font-size:20px}}.dashboard-page{width:100%;font-family:Inter,sans-serif;padding:32px 6%;background:#fcf8f8;min-height:100vh;color:#2f1c1c}.dashboard-page .db-loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:1rem;color:#9c8383}.dashboard-page .db-section-label{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#9c8383;margin-bottom:14px}.dashboard-page .db-topbar{display:flex;align-items:center;gap:1.25rem;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e8d5d5;flex-wrap:wrap}.dashboard-page .db-topbar__left{flex:1;min-width:160px}.dashboard-page .db-topbar__left h2{margin:0;font-size:1.3rem;font-weight:700;color:#2f1c1c;white-space:nowrap}.dashboard-page .db-topbar__search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e8d5d5;border-radius:10px;padding:.5rem 1rem;width:270px;flex-shrink:0}.dashboard-page .db-topbar__search input{border:none;outline:none;font-size:.83rem;color:#2f1c1c;background:none;width:100%}.dashboard-page .db-topbar__search input::placeholder{color:#9c8383}.dashboard-page .db-topbar__search-icon{color:#9c8383;font-size:.95rem;flex-shrink:0}.dashboard-page .db-topbar__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.dashboard-page .db-topbar__avatar{width:40px;height:40px;border-radius:50%;background:#b70202;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0;letter-spacing:.5px}.dashboard-page .db-features{margin-bottom:32px}.dashboard-page .db-features__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.dashboard-page .db-feature-card{background:#fff;border:1px solid #e8d5d5;border-radius:12px;padding:20px;cursor:pointer;position:relative;display:flex;flex-direction:column;min-height:160px;transition:box-shadow .18s ease,transform .18s ease;outline:none}.dashboard-page .db-feature-card:hover,.dashboard-page .db-feature-card:focus-visible{box-shadow:0 6px 20px #b702021a;transform:translateY(-2px)}.dashboard-page .db-feature-card__icon{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.dashboard-page .db-feature-card__icon svg{font-size:1rem}.dashboard-page .db-feature-card h3{margin:0 0 8px;font-size:1rem;font-weight:700;color:#2f1c1c;padding-right:50px}.dashboard-page .db-feature-card p{margin:0;font-size:.82rem;color:#9c8383;line-height:1.55;flex:1}.dashboard-page .db-feature-card__arrow{display:block;margin-top:16px;font-size:1.1rem;color:#b70202;font-weight:600}.dashboard-page .db-feature-card--hero{background:#b70202;border-color:#b70202}.dashboard-page .db-feature-card--hero h3{color:#fff}.dashboard-page .db-feature-card--hero p{color:#fffc}.dashboard-page .db-feature-card--hero .db-feature-card__arrow{color:#fff}.dashboard-page .db-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dashboard-page .db-panel{background:#fff;border:1px solid #e8d5d5;border-radius:12px;padding:20px}.dashboard-page .db-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.dashboard-page .db-panel__header .db-section-label{margin-bottom:0}.dashboard-page .db-panel__header button{background:none;border:1px solid #e8d5d5;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;color:#b70202;cursor:pointer;transition:background .15s}.dashboard-page .db-panel__header button:hover{background:#f9e8e8}.dashboard-page .db-event-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #e8d5d5}.dashboard-page .db-event-item:last-child{border-bottom:none}.dashboard-page .db-event-item__date{min-width:38px;text-align:center;line-height:1}.dashboard-page .db-event-item__date .day{display:block;font-size:1.4rem;font-weight:700;color:#b70202}.dashboard-page .db-event-item__date .mon{display:block;font-size:10px;text-transform:uppercase;color:#9c8383;letter-spacing:.5px;margin-top:2px}.dashboard-page .db-event-item__info h4{margin:0 0 2px;font-size:.9rem;font-weight:600;color:#2f1c1c}.dashboard-page .db-event-item__info p{margin:0;font-size:.8rem;color:#9c8383;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-page .db-course-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e8d5d5}.dashboard-page .db-course-item:last-child{border-bottom:none}.dashboard-page .db-course-item__code{background:#f9e8e8;color:#b70202;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.dashboard-page .db-course-item__info{flex:1;min-width:0}.dashboard-page .db-course-item__info h4{margin:0 0 2px;font-size:.88rem;font-weight:600;color:#2f1c1c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-page .db-course-item__info p{margin:0;font-size:.78rem;color:#9c8383}.dashboard-page .db-course-item__action{background:none;border:1px solid #e8d5d5;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;color:#b70202;cursor:pointer;white-space:nowrap;transition:background .15s}.dashboard-page .db-course-item__action:hover{background:#f9e8e8}.dashboard-page .db-empty{text-align:center;padding:28px;color:#9c8383;font-size:.9rem}@media (max-width: 900px){.dashboard-page .db-panels{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-page{padding:20px 4%}.dashboard-page .db-greeting__text h1{font-size:1.5rem}.dashboard-page .db-features__grid{grid-template-columns:1fr 1fr}}.sp-wrapper{padding:1.5rem;background:#f4f6fb;min-height:100vh}@media (min-width: 992px){.sp-wrapper{padding:2rem 2.5rem}}.sp-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;background:#fff;border-radius:16px;padding:1.5rem 2rem;box-shadow:0 4px 24px #12263f14;margin-bottom:1.5rem}.sp-hero__left{display:flex;align-items:center;gap:1.25rem}.sp-hero__info{display:flex;flex-direction:column;gap:.2rem}.sp-hero__name{font-family:Montserrat,sans-serif;font-size:1.35rem;font-weight:700;color:#1f2a44;margin:0}.sp-hero__email{font-size:.875rem;color:#6b7a90;margin:0}.sp-hero__right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sp-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#b70202,#8b0101);color:#fff;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #b7020259}.sp-completion-inline{display:flex;align-items:center;gap:.65rem;margin-top:.35rem}.sp-completion-bar{width:130px;height:6px;background:#e9ecef;border-radius:999px;overflow:hidden;flex-shrink:0}.sp-completion-fill{height:100%;background:linear-gradient(90deg,#b70202,#8b0101);border-radius:999px;transition:width .4s ease}.sp-completion-label{font-size:.78rem;font-weight:600;color:#6b7a90;white-space:nowrap}.sp-completion-label.complete{color:#10b981}.sp-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:999px;font-size:.78rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap}.sp-badge--new{background:#eef2ff;color:#4361ee}.sp-badge--complete{background:#ecfdf5;color:#10b981}.sp-badge--warn{background:#fffbeb;color:#d97706}.sp-edit-btn{padding:.55rem 1.25rem;background:#b70202;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:background .2s,transform .15s}.sp-edit-btn:hover{background:#8b0101;transform:translateY(-1px)}.sp-notice{background:#fff8e1;border-left:4px solid #f59e0b;color:#92400e;font-size:.875rem;font-weight:500;padding:.85rem 1.25rem;border-radius:8px;margin-bottom:1.25rem}.sp-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #12263f14;overflow:hidden}.sp-tabs{display:flex;gap:.25rem;padding:.9rem 1.25rem 0;border-bottom:1.5px solid #eef1f6;overflow-x:auto;background:#fafbfd}.sp-tab{padding:.55rem 1.1rem;border:none;border-bottom:3px solid transparent;background:transparent;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;color:#6b7a90;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.sp-tab.active{color:#b70202;border-bottom-color:#b70202;font-weight:600}.sp-tab:hover:not(.active){color:#1f2a44}.sp-tab-body{padding:1.75rem 2rem}.sp-tab-content{animation:sp-fade .18s ease}.sp-section-title{font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9aa4b4;margin-bottom:1rem}.sp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;margin-bottom:1rem}@media (max-width: 600px){.sp-grid-2{grid-template-columns:1fr}}.sp-field{display:flex;flex-direction:column;margin-bottom:1rem}.sp-field--half{max-width:420px}.sp-field label{font-size:.82rem;font-weight:600;color:#3d4a5c;margin-bottom:.4rem;font-family:Inter,sans-serif}.sp-field input,.sp-field select{padding:.65rem .9rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-family:Inter,sans-serif;color:#1f2a44;background:#fff;transition:border-color .2s,box-shadow .2s;outline:none}.sp-field input:focus,.sp-field select:focus{border-color:#b70202;box-shadow:0 0 0 3px #b702021a}.sp-field input:disabled,.sp-field select:disabled{background:#f8fafd;color:#6b7a90;cursor:default;border-color:#eef1f6}.sp-req{color:#b70202}.sp-error{font-size:.75rem;color:#ef4444;margin-top:.3rem;font-family:Inter,sans-serif}.sp-actions{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2rem 1.75rem;border-top:1.5px solid #eef1f6;flex-wrap:wrap}.sp-btn{padding:.65rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:background .2s,transform .15s,opacity .15s}.sp-btn--primary{background:#b70202;color:#fff}.sp-btn--primary:hover:not(:disabled){background:#8b0101;transform:translateY(-1px)}.sp-btn--primary:disabled{opacity:.55;cursor:not-allowed}.sp-btn--secondary{background:#f1f4f9;color:#3d4a5c}.sp-btn--secondary:hover{background:#e2e8f0}.sp-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:.9rem;color:#6b7a90;font-family:Inter,sans-serif}@keyframes sp-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.course-application-page{padding:40px 20px;max-width:800px;margin:0 auto}.course-application-page .page-header{text-align:center;margin-bottom:40px}.course-application-page .page-header h1{font-size:32px;font-weight:700;color:#2f1c1c;margin:0 0 8px}.course-application-page .page-header p{color:#757575;font-size:16px;margin:0}.course-application-page .loading{text-align:center;padding:60px 20px;color:#757575}.course-application-page .progress-indicators{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px}.course-application-page .progress-indicators .step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.course-application-page .progress-indicators .step span{width:40px;height:40px;border-radius:50%;background-color:#f5f5f5;color:#757575;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.course-application-page .progress-indicators .step p{font-size:12px;color:#757575;text-align:center;margin:0}.course-application-page .progress-indicators .step.active span{background-color:#b70202;color:#fff}.course-application-page .progress-indicators .step.active p{color:#b70202;font-weight:600}.course-application-page .progress-indicators .step.completed span{background-color:#4caf50;color:#fff}.course-application-page .progress-indicators .step.completed p{color:#4caf50}.course-application-page .progress-indicators .step:not(:last-child):after{content:"";position:absolute;top:20px;left:calc(50% + 20px);right:-50%;height:2px;background-color:#e0e0e0;z-index:-1}.course-application-page .application-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:32px}.course-application-page .application-container .step-content{min-height:400px}.course-application-page .application-container .info-card{background:#f9f9f9;padding:24px;border-radius:8px;border-left:4px solid #B70202;margin-bottom:32px}.course-application-page .application-container .info-card h2{font-size:20px;font-weight:700;color:#2f1c1c;margin:0 0 12px}.course-application-page .application-container .info-card>p{color:#616161;line-height:1.6;margin:0 0 20px}.course-application-page .application-container .info-card .info-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.course-application-page .application-container .info-card .info-sections{grid-template-columns:1fr}}.course-application-page .application-container .info-card .info-sections .info-section h3{font-size:14px;font-weight:600;color:#2f1c1c;margin:0 0 12px}.course-application-page .application-container .info-card .info-sections .info-section ul{list-style:none;padding:0;margin:0}.course-application-page .application-container .info-card .info-sections .info-section ul li{color:#616161;font-size:13px;padding:4px 0 4px 20px;position:relative}.course-application-page .application-container .info-card .info-sections .info-section ul li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.course-application-page .application-container .form-section{margin-bottom:32px}.course-application-page .application-container .form-section h2{font-size:20px;font-weight:700;color:#2f1c1c;margin:0 0 24px}.course-application-page .application-container .form-section .form-group{margin-bottom:20px}.course-application-page .application-container .form-section .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2f1c1c;font-size:14px}.course-application-page .application-container .form-section .form-group input,.course-application-page .application-container .form-section .form-group select,.course-application-page .application-container .form-section .form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:Inter,sans-serif;transition:border-color .2s}.course-application-page .application-container .form-section .form-group input:focus,.course-application-page .application-container .form-section .form-group select:focus,.course-application-page .application-container .form-section .form-group textarea:focus{outline:none;border-color:#b70202;box-shadow:0 0 0 3px #b702021a}.course-application-page .application-container .form-section .form-group textarea{resize:vertical;font-family:Inter,sans-serif;line-height:1.6}.course-application-page .application-container .form-section .form-group .error{display:block;color:#d32f2f;font-size:12px;margin-top:4px}.course-application-page .application-container .form-section .form-group.checkbox label{display:flex;align-items:flex-start;gap:12px;font-weight:400}.course-application-page .application-container .form-section .form-group.checkbox label input[type=checkbox]{width:auto;margin-top:4px;cursor:pointer}.course-application-page .application-container .form-section .form-group.checkbox label span{flex:1}.course-application-page .application-container .review-section h2{font-size:20px;font-weight:700;color:#2f1c1c;margin:0 0 8px}.course-application-page .application-container .review-section .review-intro{color:#757575;margin:0 0 24px}.course-application-page .application-container .review-section .review-card{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #B70202}.course-application-page .application-container .review-section .review-card h3{font-size:16px;font-weight:600;color:#2f1c1c;margin:0 0 16px}.course-application-page .application-container .review-section .review-card .review-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.course-application-page .application-container .review-section .review-card .review-item:last-child{border-bottom:none}.course-application-page .application-container .review-section .review-card .review-item .label{font-weight:600;color:#616161;min-width:150px}.course-application-page .application-container .review-section .review-card .review-item .value{color:#2f1c1c;text-align:right;flex:1}.course-application-page .application-container .review-section .review-card.profile-reminder{background-color:#e3f2fd;border-left-color:#b70202}.course-application-page .application-container .review-section .review-card.profile-reminder p{color:#616161;margin:0 0 12px}.course-application-page .application-container .review-section .review-card.profile-reminder .link-btn{background:transparent;border:none;color:#b70202;cursor:pointer;text-decoration:underline;font-weight:600;padding:0}.course-application-page .application-container .review-section .review-card.profile-reminder .link-btn:hover{color:#8b0101}.course-application-page .application-container .review-section .terms-checkbox{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.course-application-page .application-container .review-section .terms-checkbox label{display:flex;align-items:flex-start;gap:12px}.course-application-page .application-container .review-section .terms-checkbox label input[type=checkbox]{margin-top:4px;cursor:pointer}.course-application-page .application-container .review-section .terms-checkbox label span{flex:1;font-size:13px;color:#616161;line-height:1.6}.course-application-page .application-container .step-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.course-application-page .application-container .step-actions .btn{padding:12px 24px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.course-application-page .application-container .step-actions .btn.btn-primary{background-color:#b70202;color:#fff}.course-application-page .application-container .step-actions .btn.btn-primary:hover:not(:disabled){background-color:#8b0101}.course-application-page .application-container .step-actions .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.course-application-page .application-container .step-actions .btn.btn-secondary{background-color:#f5f5f5;color:#2f1c1c}.course-application-page .application-container .step-actions .btn.btn-secondary:hover{background-color:#e0e0e0}@media (max-width: 600px){.course-application-page{padding:20px}.course-application-page .page-header{margin-bottom:30px}.course-application-page .page-header h1{font-size:24px}.course-application-page .progress-indicators{margin-bottom:30px}.course-application-page .progress-indicators .step p{font-size:10px}.course-application-page .application-container{padding:16px}.course-application-page .application-container .step-content{min-height:auto}.course-application-page .application-container .step-actions{flex-direction:column-reverse}.course-application-page .application-container .step-actions .btn{width:100%}}.about-page{font-family:Inter,sans-serif;color:#1f2937;background:#fff}.about-page .hero-slack{position:relative;padding:120px 0 100px;text-align:center;background:#fff;overflow:hidden}@media (min-width: 1025px){.about-page .hero-slack{padding:80px 0 70px}}@media (min-width: 1440px){.about-page .hero-slack{padding:60px 0 55px}}.about-page .hero-slack .hero-decorative-circle{position:absolute;border-radius:50%;opacity:.8}.about-page .hero-slack .hero-decorative-circle.circle-1{width:400px;height:400px;background:linear-gradient(135deg,#ff0d0d,#6e1313);top:-100px;left:-150px;animation:floatUp 6s ease-in-out infinite}.about-page .hero-slack .hero-decorative-circle.circle-2{width:450px;height:450px;background:linear-gradient(135deg,#060606 100%,#010101);top:-120px;right:-180px;animation:floatDown 6s ease-in-out infinite}.about-page .hero-slack .hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 2rem}.about-page .hero-slack .hero-content h1{font-size:4rem;font-weight:600;line-height:1.15;margin:0 0 2rem;color:#000;letter-spacing:-1px;font-family:raleway,sans-serif}@media (max-width: 768px){.about-page .hero-slack .hero-content h1{font-size:2.5rem}}.about-page .hero-slack .hero-content .hero-subtitle{font-size:1.125rem;line-height:1.75;color:#333;margin:0 0 2rem;font-weight:400;font-family:raleway,sans-serif}.about-page .hero-slack .hero-content .hero-milestone{font-size:1rem;color:#666;margin:2rem 0;font-weight:500}.about-page .hero-slack .hero-content .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem}@media (max-width: 768px){.about-page .hero-slack .hero-content .hero-stats{grid-template-columns:1fr;gap:2rem}}.about-page .hero-slack .hero-content .hero-stats .stat-item .stat-value{font-size:3.5rem;font-weight:900;color:#000;margin-bottom:.5rem;line-height:1}.about-page .hero-slack .hero-content .hero-stats .stat-item .stat-label{font-size:.95rem;color:#666;font-weight:500;line-height:1.5}.about-page .partners-section{padding:60px 2rem;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#fafbfc}.about-page .partners-section .partners-container{max-width:1200px;margin:0 auto;text-align:center}.about-page .partners-section .partners-container h3{font-size:1.1rem;color:#666;margin-bottom:.5rem;font-weight:500}.about-page .partners-section .partners-container p{color:#666;margin-bottom:2rem}.about-page .partners-section .partners-container .partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.5rem}@media (max-width: 768px){.about-page .partners-section .partners-container .partners-grid{grid-template-columns:repeat(2,1fr)}}.about-page .partners-section .partners-container .partners-grid .partner-logo{padding:.5rem;min-height:110px;display:flex;align-items:center;justify-content:center}.about-page .partners-section .partners-container .partners-grid .partner-logo img{height:48px;max-height:48px;width:auto;max-width:180px;object-fit:contain}@media (max-width: 768px){.about-page .partners-section .partners-container .partners-grid .partner-logo img{height:42px;max-height:42px}}.about-page .partners-section .partners-container .partners-grid .partner-logo .partner-fallback{display:none;font-size:.95rem;font-weight:600;color:#666}.about-page .partners-section .partners-container .partners-grid .partner-logo.partner-logo--large img{height:70px;max-height:70px}@media (max-width: 768px){.about-page .partners-section .partners-container .partners-grid .partner-logo.partner-logo--large img{height:50px;max-height:50px}}.about-page .features-section{padding:100px 2rem;background:#fff}.about-page .features-section .features-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 1024px){.about-page .features-section .features-container{grid-template-columns:1fr;gap:40px}}.about-page .features-section .features-container .features-left h2{font-size:2.5rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem;color:#000;font-family:raleway,sans-serif}.about-page .features-section .features-container .features-left p{font-size:1rem;line-height:1.7;color:#444;margin-bottom:1.5rem}.about-page .features-section .features-container .features-left .highlight-text{padding:1.7rem;background:#f0f4f8;border-radius:3px;margin:2rem 0;color:#555}.about-page .features-section .features-container .features-left .highlight-text:before{content:"“";font-size:3rem;color:#b70202;position:absolute;margin-left:-1.2rem;margin-top:-1.5rem}.about-page .features-section .features-container .features-left .highlight-text:after{content:"”";font-size:3rem;color:#b70202;position:absolute;margin-left:.8rem;margin-top:-1.5rem}.about-page .features-section .features-container .features-left .learn-more{display:flex;align-items:center;gap:.5rem;color:#b70202;text-decoration:none;font-weight:600;margin-top:1.5rem;transition:color .3s ease}.about-page .features-section .features-container .features-left .learn-more:hover{color:#141414}.about-page .features-section .features-container .features-right .feature-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 640px){.about-page .features-section .features-container .features-right .feature-icons{grid-template-columns:1fr}}.about-page .features-section .features-container .features-right .feature-icons .feature-item{padding:1.5rem;background:#f9fafb;border-radius:12px;text-align:center;transition:all .3s ease}.about-page .features-section .features-container .features-right .feature-icons .feature-item:hover{background:#fff;box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.about-page .features-section .features-container .features-right .feature-icons .feature-item .feature-icon{font-size:2.5rem;margin-bottom:.75rem}.about-page .features-section .features-container .features-right .feature-icons .feature-item .feature-title{font-size:.95rem;font-weight:600;color:#333}.about-page .culture-section{padding:100px 2rem;background:#f5f7fa}.about-page .culture-section .culture-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 1024px){.about-page .culture-section .culture-container{grid-template-columns:1fr;gap:40px}}.about-page .culture-section .culture-container .culture-left .culture-illustration .illustration-placeholder{width:90%;background:linear-gradient(135deg,#ecf0f1,#bdc3c7);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:4rem}.about-page .culture-section .culture-container .culture-right h2{font-size:2.5rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem;color:#000;font-family:raleway,sans-serif}.about-page .culture-section .culture-container .culture-right p{font-size:1rem;line-height:1.7;color:#444;margin-bottom:1.5rem}.about-page .culture-section .culture-container .culture-right .section-subheading{font-size:1rem;font-weight:700;margin:2rem 0;line-height:1.6}.about-page .culture-section .culture-container .culture-right .explore-careers{display:flex;align-items:center;gap:.5rem;padding:12px 28px;background:#000;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.about-page .culture-section .culture-container .culture-right .explore-careers:hover{background:#8d0a0a;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInIllustration{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatCircle{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-30px)}}.services-page{background:#fff;font-family:Inter,sans-serif}.services-page .hero-services{position:relative;padding:100px 2rem;overflow:hidden;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1700px}@media (min-width: 1400px){.services-page .hero-services{width:100%;max-width:none;height:700px;padding:80px 6vw;align-content:center}.services-page .hero-services .hero-content{max-width:760px}.services-page .hero-services .hero-content .hero-label{font-size:.92rem;letter-spacing:2.4px}.services-page .hero-services .hero-content h1{font-size:clamp(4rem,5vw,5.4rem);line-height:1.04;margin-bottom:1.8rem}.services-page .hero-services .hero-content .hero-description{font-size:1.3rem;line-height:1.9;max-width:66ch;margin-bottom:2.6rem}.services-page .hero-services .hero-content .hero-actions .btn{font-size:1rem;padding:1rem 2.35rem}.services-page .hero-services .hero-bg-circle{width:84rem;height:84rem;right:-28rem}.services-page .hero-services .bg-circle-two{width:90rem;height:90rem;right:-36rem}}@media (min-width: 1440px){.services-page .hero-services{height:600px;padding:60px 6vw}}@media (max-width: 1024px){.services-page .hero-services{grid-template-columns:1fr;gap:40px;padding:60px 2rem}}@media (max-width: 768px){.services-page .hero-services{padding:40px 1.5rem;gap:30px}}.services-page .hero-services .hero-bg-circle{position:absolute;right:-500px;top:50%;transform:translateY(-50%);width:70rem;height:70rem;background:radial-gradient(circle,rgba(183,2,2,.15) 0%,rgba(183,2,2,.05) 70%,transparent 100%);border-radius:50%;pointer-events:none;z-index:2;animation:floatCircle 8s ease-in-out infinite}@media (max-width: 1440px){.services-page .hero-services .hero-bg-circle{width:60rem;height:60rem;right:-200px}}@media (max-width: 1024px){.services-page .hero-services .hero-bg-circle{width:50rem;height:50rem;right:-500px}}@media (max-width: 768px){.services-page .hero-services .hero-bg-circle{display:none}}.services-page .hero-services .bg-circle-two{background:radial-gradient(circle,rgba(219,2,2,.15) 0%,rgba(223,5,5,.05) 70%,transparent 100%);animation-duration:10s;right:-600px}@media (max-width: 1440px){.services-page .hero-services .bg-circle-two{right:-300px}}@media (max-width: 1024px){.services-page .hero-services .bg-circle-two{right:-400px}}@media (max-width: 768px){.services-page .hero-services .bg-circle-two{right:-300px}}.services-page .hero-services .hero-decorative-circle{position:absolute;border-radius:50%;opacity:.8;display:none}.services-page .hero-services .hero-decorative-circle.circle-1{width:400px;height:400px;background:linear-gradient(135deg,#ff0d0d,#6e1313);top:-100px;left:-150px;animation:floatUp 6s ease-in-out infinite}.services-page .hero-services .hero-decorative-circle.circle-2{width:450px;height:450px;background:linear-gradient(135deg,#060606 100%,#010101);top:-120px;right:-180px;animation:floatDown 6s ease-in-out infinite}.services-page .hero-services .hero-content{position:relative;z-index:1;max-width:550px}.services-page .hero-services .hero-content .hero-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:2px;color:#666;margin-bottom:1rem;padding:.5rem 0 .75rem;animation:slideUp .6s cubic-bezier(.25,.46,.45,.94) both}.services-page .hero-services .hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.1;color:#000;margin-bottom:1.5rem;font-family:raleway,sans-serif;animation:slideUp .6s cubic-bezier(.25,.46,.45,.94) .1s both}@media (max-width: 768px){.services-page .hero-services .hero-content h1{font-size:2.5rem}}.services-page .hero-services .hero-content .hero-description{font-size:1.1rem;line-height:1.75;color:#555;margin-bottom:2rem;animation:slideUp .6s cubic-bezier(.25,.46,.45,.94) .2s both}.services-page .hero-services .hero-content .hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:slideUp .6s cubic-bezier(.25,.46,.45,.94) .3s both}@media (max-width: 640px){.services-page .hero-services .hero-content .hero-actions{flex-direction:column}}.services-page .hero-services .hero-content .hero-actions .btn{padding:.9rem 2rem;border-radius:6px;font-size:.95rem;font-weight:700;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.services-page .hero-services .hero-content .hero-actions .btn.btn-primary{background:#b70202;color:#fff}.services-page .hero-services .hero-content .hero-actions .btn.btn-primary:hover{background:#8d0a0a;transform:translateY(-2px);box-shadow:0 8px 20px #b7020233}.services-page .hero-services .hero-content .hero-actions .btn.btn-ghost{background:transparent;color:#b70202;border:2px solid #b70202}.services-page .hero-services .hero-content .hero-actions .btn.btn-ghost:hover{background:#b702020d;transform:translateY(-2px)}.services-page .services-section{padding:80px 2rem;background:#f9f9f9}.services-page .services-section .container{max-width:1200px;margin:0 auto}.services-page .services-section .services-header{text-align:center;margin-bottom:4rem}.services-page .services-section .services-header h2{font-size:2.5rem;font-weight:600;color:#000;margin-bottom:.75rem;font-family:raleway,sans-serif}@media (max-width: 768px){.services-page .services-section .services-header h2{font-size:2rem}}.services-page .services-section .services-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.services-page .services-section .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (max-width: 768px){.services-page .services-section .services-grid{grid-template-columns:1fr;gap:1.5rem}}.services-page .services-section .services-grid .service-item{background:#fff;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 15px #00000014;cursor:pointer;display:flex;flex-direction:column;height:100%}.services-page .services-section .services-grid .service-item:hover{transform:translateY(-8px);box-shadow:0 16px 40px #5c2d8a26}.services-page .services-section .services-grid .service-item:hover .service-image img{transform:scale(1.05)}.services-page .services-section .services-grid .service-item:hover .service-link{color:#fff;padding-right:1.5rem}.services-page .services-section .services-grid .service-item:hover .service-link svg{transform:translate(4px)}.services-page .services-section .services-grid .service-item .service-image{width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.services-page .services-section .services-grid .service-item .service-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.services-page .services-section .services-grid .service-item .service-content{padding:2rem;display:flex;flex-direction:column;flex:1}.services-page .services-section .services-grid .service-item .service-content h3{font-size:1.4rem;font-weight:700;color:#000;margin-bottom:.75rem;line-height:1.3}.services-page .services-section .services-grid .service-item .service-content p{font-size:1rem;line-height:1.6;color:#555;margin-bottom:1.5rem;flex:1}.services-page .services-section .services-grid .service-item .service-content .service-link{display:inline-flex;align-items:center;gap:.75rem;color:#b10303;border:2px solid #b10303;text-decoration:none;font-weight:600;padding:.75rem 1rem;border-radius:2px;transition:all .3s ease;width:fit-content}.services-page .services-section .services-grid .service-item .service-content .service-link svg{font-size:.85rem;transition:transform .3s ease}.services-page .services-section .services-grid .service-item .service-content .service-link:hover{color:#fff;background:#b10303}.services-page .services-final-cta{padding:80px 2rem;background:#fff}.services-page .services-final-cta .container{max-width:1000px;margin:0 auto}.services-page .services-final-cta .cta-content{background:linear-gradient(135deg,#f82541,#220101);color:#fff;padding:4rem 3rem;border-radius:16px;text-align:center;box-shadow:0 20px 50px #8a2d2d33}@media (max-width: 768px){.services-page .services-final-cta .cta-content{padding:2.5rem 2rem}}.services-page .services-final-cta .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}@media (max-width: 768px){.services-page .services-final-cta .cta-content h2{font-size:1.8rem}}.services-page .services-final-cta .cta-content p{font-size:1.1rem;color:#ffffffe6;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.services-page .services-final-cta .cta-content .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 640px){.services-page .services-final-cta .cta-content .cta-buttons{flex-direction:column}.services-page .services-final-cta .cta-content .cta-buttons .btn{width:100%}}.services-page .services-final-cta .cta-content .cta-buttons .btn{padding:.9rem 2rem;border-radius:6px;font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.services-page .services-final-cta .cta-content .cta-buttons .btn.btn-primary{background:#fff;color:#860b0b}.services-page .services-final-cta .cta-content .cta-buttons .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.services-page .services-final-cta .cta-content .cta-buttons .btn.btn-secondary{background:transparent;color:#fff;border:2px solid white}.services-page .services-final-cta .cta-content .cta-buttons .btn.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}@keyframes floatDown{0%,to{transform:translateY(0)}50%{transform:translateY(40px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleInUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.reveal[data-anim=fade-down]{transform:translateY(-20px)}.reveal[data-anim=slide-right]{transform:translate(-40px)}.reveal[data-anim=slide-left]{transform:translate(40px)}.reveal[data-anim=scale-up]{transform:scale(.95) translateY(20px)}.reveal.in-view{opacity:1;transform:none!important}.service-detail-page{font-family:Inter,sans-serif;color:#1f2937;background:#fff}.service-detail-page .hero-service{position:relative;padding:80px 2rem 60px;background:linear-gradient(180deg,#fff,#fffaf9);overflow:hidden}.service-detail-page .hero-service .hero-decorative-circle{position:absolute;border-radius:50%;opacity:.8}.service-detail-page .hero-service .hero-decorative-circle.circle-1{width:400px;height:400px;background:linear-gradient(135deg,#ff0d0d,#6e1313);top:-100px;left:-150px;animation:floatUp 6s ease-in-out infinite}.service-detail-page .hero-service .hero-decorative-circle.circle-2{width:450px;height:450px;background:linear-gradient(135deg,#060606 100%,#010101);top:-120px;right:-180px;animation:floatDown 6s ease-in-out infinite}.service-detail-page .hero-service .hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem}.service-detail-page .hero-service .hero-content .hero-inner{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center}@media (max-width: 1024px){.service-detail-page .hero-service .hero-content .hero-inner{grid-template-columns:1fr}}.service-detail-page .hero-service .hero-content .hero-text{text-align:left;padding-right:1rem}.service-detail-page .hero-service .hero-content .hero-text h1{text-align:left}.service-detail-page .hero-service .hero-content .hero-media{display:flex;align-items:center;justify-content:center}.service-detail-page .hero-service .hero-content .hero-media img{width:100%;max-width:420px;border-radius:14px;box-shadow:0 30px 60px #0f172a1f;transform-origin:center}.service-detail-page .hero-service .hero-content .back-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#b70202;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;transition:color .3s ease}.service-detail-page .hero-service .hero-content .back-button:hover{color:#000}.service-detail-page .hero-service .hero-content .hero-top h1{font-size:3rem;font-weight:800;line-height:1.08;margin:0 0 .75rem;color:#0b1220;letter-spacing:-.6px;font-family:raleway,sans-serif}@media (max-width: 768px){.service-detail-page .hero-service .hero-content .hero-top h1{font-size:2.25rem}}.service-detail-page .hero-service .hero-content .hero-top .hero-subtitle{font-size:1.05rem;color:#374151;margin:0 0 1rem;font-weight:600}.service-detail-page .hero-service .hero-content .hero-top .hero-intro{font-size:1rem;color:#4b5563;margin-bottom:1.25rem;max-width:720px}.service-detail-page .hero-service .hero-content .hero-top .hero-actions{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}@media (max-width: 640px){.service-detail-page .hero-service .hero-content .hero-top .hero-actions{justify-content:center}}.service-detail-page .hero-service .hero-content .hero-top .hero-actions .btn{padding:.95rem 1.8rem;border-radius:8px;font-size:1rem;font-weight:700}.service-detail-page .hero-service .floating-cta{display:none}@media (min-width: 1100px){.service-detail-page .hero-service .floating-cta{display:block;position:absolute;right:3rem;top:40%;transform:translateY(-50%);z-index:10}.service-detail-page .hero-service .floating-cta .floating-inner{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e6edf3;padding:1rem;border-radius:12px;width:220px;text-align:center;box-shadow:0 12px 30px #0f172a14}.service-detail-page .hero-service .floating-cta .floating-inner .floating-title{font-weight:800;font-size:.95rem;margin-bottom:.25rem;color:#0f1724}.service-detail-page .hero-service .floating-cta .floating-inner .floating-sub{font-size:.85rem;color:#6b7280;margin-bottom:.6rem}.service-detail-page .hero-service .floating-cta .floating-inner .btn.primary.small{display:inline-block;width:100%}}.service-detail-page .overview-section{padding:80px 2rem;background:#fff}.service-detail-page .overview-section .overview-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 1024px){.service-detail-page .overview-section .overview-content{grid-template-columns:1fr;gap:40px}}.service-detail-page .overview-section .overview-content .overview-image{border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.service-detail-page .overview-section .overview-content .overview-image img{width:100%;height:auto;display:block}.service-detail-page .overview-section .overview-content .overview-text h2{font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:1.5rem;color:#000;font-family:raleway,sans-serif}.service-detail-page .overview-section .overview-content .overview-text p{font-size:1rem;line-height:1.8;color:#555;margin-bottom:1.5rem}.service-detail-page .overview-section .overview-content .overview-text .overview-intro{font-size:1.1rem;color:#b70202;font-weight:600;margin-bottom:2rem}.service-detail-page .overview-section .overview-content .overview-text .overview-cta{margin-top:2rem}.service-detail-page .overview-section .overview-content .overview-text .overview-cta .btn{padding:.85rem 2rem;background:#000;text-decoration:none;color:#fff;border-radius:5px}.service-detail-page .stats-section{padding:80px 2rem;background:#f5f7fa}.service-detail-page .stats-section .stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}@media (max-width: 768px){.service-detail-page .stats-section .stats-grid{grid-template-columns:1fr}}.service-detail-page .stats-section .stats-grid .stat-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 12px #0000000f;text-align:center;transition:all .3s ease}.service-detail-page .stats-section .stats-grid .stat-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.service-detail-page .stats-section .stats-grid .stat-card .stat-number{font-size:3.5rem;font-weight:900;color:#b70202;margin-bottom:.5rem;line-height:1}.service-detail-page .stats-section .stats-grid .stat-card .stat-label{font-size:1rem;color:#666;font-weight:600}.service-detail-page .benefits-section{padding:100px 2rem;background:#fff}.service-detail-page .benefits-section .benefits-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}@media (max-width: 1024px){.service-detail-page .benefits-section .benefits-content{grid-template-columns:1fr;gap:40px}}.service-detail-page .benefits-section .benefits-content .benefits-left h2{font-size:2.5rem;font-weight:900;line-height:1.2;margin-bottom:2rem;color:#000;font-family:raleway,sans-serif}.service-detail-page .benefits-section .benefits-content .benefits-left .benefits-list{list-style:none;padding:0;margin:0}.service-detail-page .benefits-section .benefits-content .benefits-left .benefits-list .benefit-item{display:flex;gap:1.2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.service-detail-page .benefits-section .benefits-content .benefits-left .benefits-list .benefit-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.service-detail-page .benefits-section .benefits-content .benefits-left .benefits-list .benefit-item .benefit-icon{flex-shrink:0;width:28px;height:28px;background:#b70202;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;margin-top:.15rem}.service-detail-page .benefits-section .benefits-content .benefits-left .benefits-list .benefit-item .benefit-text{font-size:1rem;line-height:1.6;color:#444}.service-detail-page .benefits-section .benefits-content .benefits-right .benefits-highlight{background:linear-gradient(135deg,#f5f7fa,#fff);padding:2.5rem;border-radius:12px;border:1px solid #e5e7eb}.service-detail-page .benefits-section .benefits-content .benefits-right .benefits-highlight h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#000}.service-detail-page .benefits-section .benefits-content .benefits-right .benefits-highlight>p{font-size:1rem;line-height:1.7;color:#555;margin-bottom:2rem}.service-detail-page .benefits-section .benefits-content .benefits-right .benefits-highlight .approach-points{display:flex;flex-direction:column;gap:1.5rem}.service-detail-page .benefits-section .benefits-content .benefits-right .benefits-highlight .approach-points .approach-point h4{font-size:1rem;font-weight:700;color:#b70202;margin-bottom:.5rem}.service-detail-page .benefits-section .benefits-content .benefits-right .benefits-highlight .approach-points .approach-point p{font-size:.95rem;color:#666;margin:0}.service-detail-page .courses-section{padding:100px 2rem;background:#f5f7fa}.service-detail-page .courses-section .section-title{font-size:2.5rem;text-align:center;margin-bottom:.5rem;font-weight:900;color:#000}.service-detail-page .courses-section .section-subtitle{text-align:center;color:#666;margin-bottom:3rem;font-size:1.1rem}.service-detail-page .courses-section .courses-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media (max-width: 768px){.service-detail-page .courses-section .courses-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.service-detail-page .courses-section .courses-grid{grid-template-columns:1fr}}.service-detail-page .courses-section .courses-grid .course-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e5e7eb;position:relative;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.service-detail-page .courses-section .courses-grid .course-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001f;border-color:#b70202}.service-detail-page .courses-section .courses-grid .course-card .course-number{display:inline-block;width:40px;height:40px;background:#b70202;color:#fff;border-radius:50%;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.service-detail-page .courses-section .courses-grid .course-card h3{font-size:1.1rem;font-weight:700;color:#000;margin:0;line-height:1.4}.service-detail-page .service-cta{padding:80px 2rem;background:#fff}.service-detail-page .service-cta .container{max-width:1000px;margin:0 auto}.service-detail-page .service-cta .cta-card{background:linear-gradient(135deg,#0f1724,#1a2332);color:#fff;padding:4rem 3rem;border-radius:16px;text-align:center}@media (max-width: 768px){.service-detail-page .service-cta .cta-card{padding:2.5rem 2rem}}.service-detail-page .service-cta .cta-card h3{font-size:2.2rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.service-detail-page .service-cta .cta-card p{font-size:1.1rem;color:#ffffffd9;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.service-detail-page .service-cta .cta-card .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 640px){.service-detail-page .service-cta .cta-card .cta-actions{flex-direction:column}}.service-detail-page .service-cta .cta-card .cta-actions .btn{padding:.9rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:5px}.service-detail-page .service-cta .cta-card .cta-actions .btn.primary{background:#b70202;color:#fff;border:none}.service-detail-page .service-cta .cta-card .cta-actions .btn.primary:hover{background:#8d0a0a}.service-detail-page .service-cta .cta-card .cta-actions .btn.ghost{background:transparent;color:#fff;border:2px solid white}.service-detail-page .service-cta .cta-card .cta-actions .btn.ghost:hover{background:#ffffff1a}.service-detail-page .service-cta .cta-card .cta-actions .btn.large{padding:1rem 2.2rem}.otp-page{width:100%;font-family:Inter,sans-serif;color:#333;background:#f8f9fb;height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 6%;overflow:hidden}.otp-page .otp-container{width:100%;max-width:480px}.otp-page .otp-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 30px #14141e0f}.otp-page .otp-card h2{margin:0 0 6px;font-size:20px;font-weight:700}.otp-page .otp-card .sub{margin:0 0 18px;font-size:14px;color:#555}.otp-page .otp-card .otp-form{display:flex;flex-direction:column;gap:14px}.otp-page .otp-card .otp-form .otp-inputs{display:flex;gap:10px;justify-content:center}.otp-page .otp-card .otp-form .otp-inputs .otp-digit{width:44px;height:56px;border-radius:8px;border:1px solid #e3e6ea;text-align:center;font-size:20px;font-weight:600;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.otp-page .otp-card .otp-form .otp-inputs .otp-digit:focus{border-color:#b70202;box-shadow:0 0 0 4px #ffcc001f}.otp-page .otp-card .otp-form .verify-btn{margin-top:4px;background:#2f1c1c;color:#fff;border:none;padding:12px 14px;border-radius:8px;font-weight:700;cursor:pointer}.otp-page .otp-card .otp-form .verify-btn:disabled{opacity:.7;cursor:default}.otp-page .otp-card .resend-row{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.otp-page .otp-card .resend-row .resend-btn{background:transparent;border:none;color:#07c;cursor:pointer;font-weight:600;padding:6px 8px}.otp-page .otp-card .resend-row .resend-btn:disabled{color:#9aa6b2;cursor:default}.otp-page .otp-card .resend-row .resend-hint{font-size:12px;color:#777}@media (min-width: 720px){.otp-page{padding:40px}.otp-page .otp-card{padding:28px}.otp-page .otp-card h2{font-size:22px}.otp-page .otp-card .otp-digit{width:52px;height:68px;font-size:24px}.otp-page .otp-card .verify-btn{padding:14px 16px}}.enrollment-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.enrollment-modal-overlay .enrollment-modal{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.enrollment-modal-overlay .enrollment-modal .close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:28px;cursor:pointer;color:#757575;z-index:1;transition:color .2s}.enrollment-modal-overlay .enrollment-modal .close-btn:hover{color:#b70202}.enrollment-modal-overlay .enrollment-modal .modal-content{padding:32px 24px}.enrollment-modal-overlay .enrollment-modal .modal-content h2{font-size:24px;font-weight:700;color:#2f1c1c;margin:0 0 24px}.enrollment-modal-overlay .enrollment-modal .modal-content .loading{text-align:center;color:#757575;padding:32px 0}.enrollment-modal-overlay .enrollment-modal .modal-content .profile-warning{background-color:#fff3e0;border:1px solid #ffe0b2;border-radius:8px;padding:24px;text-align:center}.enrollment-modal-overlay .enrollment-modal .modal-content .profile-warning p{margin:0 0 12px;color:#f57c00;font-weight:600}.enrollment-modal-overlay .enrollment-modal .modal-content .profile-warning p.description{color:#757575;font-weight:400;margin-bottom:24px}.enrollment-modal-overlay .enrollment-modal .modal-content .profile-warning .btn{width:100%}.enrollment-modal-overlay .enrollment-modal .modal-content .enrollment-confirmation .course-info{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:24px;border-left:4px solid #B70202}.enrollment-modal-overlay .enrollment-modal .modal-content .enrollment-confirmation .course-info h3{font-size:18px;font-weight:700;color:#2f1c1c;margin:0 0 8px}.enrollment-modal-overlay .enrollment-modal .modal-content .enrollment-confirmation .course-info .course-code{font-size:12px;color:#757575;text-transform:uppercase;margin:0 0 12px;font-weight:600}.enrollment-modal-overlay .enrollment-modal .modal-content .enrollment-confirmation .course-info .course-fee{font-size:16px;font-weight:600;color:#b70202;margin:8px 0 0}.enrollment-modal-overlay .enrollment-modal .modal-content .enrollment-confirmation .enrollment-terms{background-color:#f5f5f5;padding:16px;border-radius:6px;margin-bottom:24px}.enrollment-modal-overlay .enrollment-modal .modal-content .enrollment-confirmation .enrollment-terms p{font-size:13px;color:#616161;line-height:1.6;margin:0}.enrollment-modal-overlay .enrollment-modal .modal-content .modal-actions{display:flex;gap:12px;justify-content:flex-end}.enrollment-modal-overlay .enrollment-modal .modal-content .modal-actions .btn{padding:12px 24px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.enrollment-modal-overlay .enrollment-modal .modal-content .modal-actions .btn.btn-primary{background-color:#b70202;color:#fff;flex:1}.enrollment-modal-overlay .enrollment-modal .modal-content .modal-actions .btn.btn-primary:hover:not(:disabled){background-color:#8b0101}.enrollment-modal-overlay .enrollment-modal .modal-content .modal-actions .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.enrollment-modal-overlay .enrollment-modal .modal-content .modal-actions .btn.btn-secondary{background-color:#f5f5f5;color:#2f1c1c}.enrollment-modal-overlay .enrollment-modal .modal-content .modal-actions .btn.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.enrollment-modal-overlay .enrollment-modal .modal-content .modal-actions .btn.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.enrollment-modal-overlay .enrollment-modal{width:95%;max-height:95vh}.enrollment-modal-overlay .enrollment-modal .modal-content{padding:20px 16px}.enrollment-modal-overlay .enrollment-modal .modal-content h2{font-size:20px}}.not-found-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#b70202,#8b0101);padding:2rem}.not-found-content{text-align:center;background:#fff;padding:3rem 2rem;border-radius:1rem;box-shadow:0 10px 40px #00000026;max-width:500px;width:100%}@media (min-width: 375px){.not-found-content{padding:2rem 1.5rem}}.not-found-code{font-size:6rem;font-weight:900;color:#b70202;margin:0;line-height:1}@media (min-width: 375px){.not-found-code{font-size:4rem}}.not-found-title{font-size:2rem;font-weight:700;color:#333;margin:1rem 0 .5rem}@media (min-width: 375px){.not-found-title{font-size:1.5rem}}.not-found-message{font-size:1rem;color:#666;margin:1rem 0 2rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (min-width: 375px){.not-found-actions{flex-direction:column}}.not-found-btn{padding:.75rem 2rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.not-found-btn.btn-primary{background-color:#b70202;color:#fff}.not-found-btn.btn-primary:hover{background-color:#8b0101;transform:translateY(-2px);box-shadow:0 5px 15px #b7020266}.not-found-btn.btn-secondary{background-color:#f0f0f0;color:#333}.not-found-btn.btn-secondary:hover{background-color:#e0e0e0;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}@media (min-width: 375px){.not-found-btn{width:100%}}.idb-page{padding:32px 6%;background:#fcf8f8;min-height:100vh;font-family:Inter,sans-serif;color:#2f1c1c}.idb-page .idb-section-label{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#9c8383;margin-bottom:14px}.idb-page .idb-topbar{display:flex;align-items:center;gap:1.25rem;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e8d5d5;flex-wrap:wrap}.idb-page .idb-topbar__left{flex:1;min-width:160px}.idb-page .idb-topbar__left h2{margin:0;font-size:1.3rem;font-weight:700;color:#2f1c1c;white-space:nowrap}.idb-page .idb-topbar__search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e8d5d5;border-radius:10px;padding:.5rem 1rem;width:270px;flex-shrink:0}.idb-page .idb-topbar__search input{border:none;outline:none;font-size:.83rem;color:#2f1c1c;background:none;width:100%}.idb-page .idb-topbar__search input::placeholder{color:#9c8383}.idb-page .idb-topbar__search-icon{color:#9c8383;font-size:.95rem;flex-shrink:0}.idb-page .idb-topbar__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.idb-page .idb-topbar__avatar{width:40px;height:40px;border-radius:50%;background:#b70202;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0;letter-spacing:.5px}.idb-page .idb-stats{margin-bottom:36px}.idb-page .idb-stats__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.idb-page .idb-stat-card{background:#fff;border:1px solid #e8d5d5;border-radius:12px;padding:20px 20px 18px;position:relative}.idb-page .idb-stat-card__icon{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.idb-page .idb-stat-card__icon svg{font-size:1rem}.idb-page .idb-stat-card__value{font-size:2rem;font-weight:700;color:#2f1c1c;line-height:1;margin-bottom:6px;margin-top:8px}.idb-page .idb-stat-card__label{font-size:.82rem;color:#9c8383;font-weight:500}.idb-page .idb-courses__loading,.idb-page .idb-courses__error{text-align:center;padding:2rem;font-size:.95rem;color:#9c8383}.idb-page .idb-courses__error{color:#c00}.idb-page .idb-courses__empty{text-align:center;background:#fff;border:1px solid #e8d5d5;border-radius:12px;padding:4rem 2rem;color:#9c8383}.idb-page .idb-courses__empty svg{margin-bottom:1rem;opacity:.3}.idb-page .idb-courses__empty p{margin:.25rem 0;font-size:.95rem}.idb-page .idb-courses__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.idb-page .idb-course-card{background:#fff;border:1px solid #e8d5d5;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .18s ease,transform .18s ease}.idb-page .idb-course-card:hover{box-shadow:0 6px 20px #b7020214;transform:translateY(-2px)}.idb-page .idb-course-card__icon{width:40px;height:40px;border-radius:10px;background:#f9e8e8;color:#b70202;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.idb-page .idb-course-card__body{flex:1}.idb-page .idb-course-card__code{display:inline-block;background:#f9e8e8;color:#b70202;padding:2px 9px;border-radius:5px;font-size:11px;font-weight:700;margin-bottom:6px}.idb-page .idb-course-card__title{margin:0 0 10px;font-size:1rem;font-weight:700;color:#2f1c1c;line-height:1.35}.idb-page .idb-course-card__meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.idb-page .idb-course-card__meta span{display:flex;align-items:center;gap:5px;font-size:.82rem;color:#9c8383}.idb-page .idb-course-card__meta span svg{font-size:.78rem}.idb-page .idb-course-card__mode{margin:0;font-size:.82rem;color:#9c8383}.idb-page .idb-course-card__cta{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:#b70202;color:#fff;border-radius:8px;font-size:.88rem;font-weight:600;text-decoration:none;align-self:flex-start;transition:background .15s}.idb-page .idb-course-card__cta:hover{background:#8f0202}.idb-page .idb-course-card__cta svg{font-size:.75rem}@media (max-width: 768px){.idb-page{padding:20px 4%}.idb-page .idb-greeting__text h1{font-size:1.5rem}}.course-students-page{padding:1.5rem;background:#f8f9fb;min-height:100vh}.course-students-page .page-header{margin-bottom:2rem}.course-students-page .page-header .btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.course-students-page .page-header .btn-back:hover{background:#f5f5f5;border-color:#2f1c1c;color:#2f1c1c}.course-students-page .page-header .header-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.course-students-page .page-header .header-content h1{margin:0;font-size:1.75rem;font-weight:700;color:#333}.course-students-page .page-header .header-content .course-badge{padding:.4rem .9rem;background:linear-gradient(135deg,#2f1c1c,#b70202);color:#fff;border-radius:8px;font-size:.85rem;font-weight:600}.course-students-page .students-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.course-students-page .students-stats .stat-item{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000f}.course-students-page .students-stats .stat-item .stat-icon{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,#b702021a,#b702020d);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#2f1c1c}.course-students-page .students-stats .stat-item .stat-content{flex:1}.course-students-page .students-stats .stat-item .stat-content .stat-label{margin:0 0 .25rem;font-size:.85rem;color:#888;font-weight:500}.course-students-page .students-stats .stat-item .stat-content .stat-value{margin:0;font-size:1.5rem;font-weight:700;color:#333}.course-students-page .students-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.course-students-page .students-controls .search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:0 1rem}.course-students-page .students-controls .search-box svg{color:#999;margin-right:.75rem}.course-students-page .students-controls .search-box input{flex:1;border:none;padding:.75rem 0;font-size:.95rem;outline:none}.course-students-page .students-controls .search-box input::placeholder{color:#999}.course-students-page .students-controls .filter-group{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:0 1rem}.course-students-page .students-controls .filter-group label{font-size:.9rem;font-weight:600;color:#666;white-space:nowrap}.course-students-page .students-controls .filter-group select{border:none;padding:.75rem .5rem;font-size:.95rem;background:transparent;outline:none;cursor:pointer;color:#333}.course-students-page .students-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.course-students-page .students-container .loading-text,.course-students-page .students-container .error-text{text-align:center;padding:3rem;font-size:1rem}.course-students-page .students-container .error-text{color:#ff3b30}.course-students-page .students-container .empty-state{text-align:center;padding:4rem 2rem}.course-students-page .students-container .empty-state svg{color:#ccc;margin-bottom:1rem}.course-students-page .students-container .empty-state p{margin:.5rem 0;font-size:1rem;color:#666}.course-students-page .students-container .students-table{overflow-x:auto}.course-students-page .students-container .students-table table{width:100%;border-collapse:collapse}.course-students-page .students-container .students-table table thead{background:#f8f9fb}.course-students-page .students-container .students-table table thead th{padding:1rem;text-align:left;font-size:.85rem;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.course-students-page .students-container .students-table table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.course-students-page .students-container .students-table table tbody tr:hover{background:#f8f9fb}.course-students-page .students-container .students-table table tbody tr td{padding:1.25rem 1rem;font-size:.9rem;color:#333;vertical-align:middle}.course-students-page .students-container .students-table table tbody tr td.student-info{display:flex;align-items:center;gap:1rem}.course-students-page .students-container .students-table table tbody tr td.student-info .student-avatar{width:45px;height:45px;min-width:45px;min-height:45px;border-radius:50%;background:linear-gradient(135deg,#2f1c1c,#b70202);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.course-students-page .students-container .students-table table tbody tr td.student-info .student-details .student-name{margin:0;font-weight:600;color:#333}.course-students-page .students-container .students-table table tbody tr td.contact-info .contact-item{display:flex;align-items:center;gap:.5rem;margin:.25rem 0;font-size:.85rem;color:#666}.course-students-page .students-container .students-table table tbody tr td.contact-info .contact-item svg{color:#2f1c1c;font-size:.9rem}.course-students-page .students-container .students-table table tbody tr td .status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.course-students-page .students-container .students-table table tbody tr td .status-badge.status-pending{background:#fff3cd;color:#856404}.course-students-page .students-container .students-table table tbody tr td .status-badge.status-approved{background:#d1ecf1;color:#0c5460}.course-students-page .students-container .students-table table tbody tr td .status-badge.status-active{background:#d4edda;color:#155724}.course-students-page .students-container .students-table table tbody tr td .status-badge.status-completed{background:#cfe2ff;color:#084298}.course-students-page .students-container .students-table table tbody tr td .progress-cell{display:flex;align-items:center;gap:.75rem}.course-students-page .students-container .students-table table tbody tr td .progress-cell .progress-bar-mini{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;min-width:80px}.course-students-page .students-container .students-table table tbody tr td .progress-cell .progress-bar-mini .progress-fill{height:100%;background:linear-gradient(90deg,#2f1c1c,#00b894);border-radius:4px;transition:width .3s ease}.course-students-page .students-container .students-table table tbody tr td .progress-cell .progress-text{font-size:.85rem;font-weight:600;color:#666;min-width:40px}.course-students-page .students-container .students-table table tbody tr td.amount-col{font-weight:600;color:#333}.course-students-page .students-container .students-table table tbody tr td.amount-col .locked-badge{display:inline-flex;align-items:center;gap:.3rem;margin-left:.5rem;padding:.2rem .5rem;background:#fee;color:#c33;border-radius:4px;font-size:.75rem;font-weight:600}.course-students-page .students-container .students-table table tbody tr td.amount-col .locked-badge svg{font-size:.7rem}.course-students-page .students-container .students-table table tbody tr td.date-col{color:#666;font-size:.85rem}@media (max-width: 768px){.course-students-page{padding:1rem}.course-students-page .page-header .header-content h1{font-size:1.5rem}.course-students-page .students-stats{grid-template-columns:1fr}.course-students-page .students-controls{flex-direction:column}.course-students-page .students-controls .search-box,.course-students-page .students-controls .filter-group{width:100%}.course-students-page .students-table table{font-size:.85rem}.course-students-page .students-table table thead th,.course-students-page .students-table table tbody td{padding:.75rem .5rem}.course-students-page .students-table table .student-info{flex-direction:column;align-items:flex-start!important}}.instructor-resources{padding:2rem;max-width:1400px;margin:0 auto}.instructor-resources .resources-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.instructor-resources .resources-header .header-content h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.instructor-resources .resources-header .header-content p{color:#666;font-size:1rem}.instructor-resources .resources-header .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2196f3;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.instructor-resources .resources-header .btn-primary:hover{background:#1976d2}.instructor-resources .resources-header .btn-primary svg{font-size:1.2rem}.instructor-resources .resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.instructor-resources .resources-grid .resource-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.instructor-resources .resources-grid .resource-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.instructor-resources .resources-grid .resource-card .resource-icon{width:50px;height:50px;background:#e3f2fd;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.instructor-resources .resources-grid .resource-card .resource-icon svg{font-size:1.5rem;color:#2196f3}.instructor-resources .resources-grid .resource-card .resource-info{flex:1;min-width:0}.instructor-resources .resources-grid .resource-card .resource-info h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instructor-resources .resources-grid .resource-card .resource-info .resource-date{font-size:.875rem;color:#666}.instructor-resources .resources-grid .resource-card .resource-actions{display:flex;gap:.5rem;align-items:center}.instructor-resources .resources-grid .resource-card .resource-actions .btn-download{padding:.5rem 1rem;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;text-decoration:none;transition:background .3s}.instructor-resources .resources-grid .resource-card .resource-actions .btn-download:hover{background:#388e3c}.instructor-resources .resources-grid .resource-card .resource-actions .btn-delete{padding:.5rem;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.instructor-resources .resources-grid .resource-card .resource-actions .btn-delete:hover{background:#d32f2f}.instructor-resources .resources-grid .resource-card .resource-actions .btn-delete:disabled{opacity:.5;cursor:not-allowed}.instructor-resources .resources-grid .resource-card .resource-actions .btn-delete svg{font-size:1rem}.instructor-resources .empty-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px}.instructor-resources .empty-state .empty-icon{font-size:4rem;color:#ccc;margin-bottom:1rem}.instructor-resources .empty-state h3{font-size:1.5rem;color:#666;margin-bottom:.5rem}.instructor-resources .empty-state p{color:#999}.instructor-resources .loading-state,.instructor-resources .error-state{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.instructor-resources .error-state{color:#f44336}.instructor-resources .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.instructor-resources .modal-overlay .modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.instructor-resources .modal-overlay .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.instructor-resources .modal-overlay .modal-content .modal-header h2{font-size:1.5rem;font-weight:600;color:#1a1a1a}.instructor-resources .modal-overlay .modal-content .modal-header .btn-close{width:32px;height:32px;border-radius:50%;background:#f5f5f5;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.instructor-resources .modal-overlay .modal-content .modal-header .btn-close:hover{background:#eee}.instructor-resources .modal-overlay .modal-content .modal-header .btn-close svg{font-size:1.2rem}.instructor-resources .modal-overlay .modal-content form{padding:1.5rem}.instructor-resources .modal-overlay .modal-content form .form-group{margin-bottom:1.5rem}.instructor-resources .modal-overlay .modal-content form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.instructor-resources .modal-overlay .modal-content form .form-group input,.instructor-resources .modal-overlay .modal-content form .form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}.instructor-resources .modal-overlay .modal-content form .form-group input:focus,.instructor-resources .modal-overlay .modal-content form .form-group select:focus{outline:none;border-color:#2196f3}.instructor-resources .modal-overlay .modal-content form .form-group .file-input-wrapper input[type=file]{padding:.5rem}.instructor-resources .modal-overlay .modal-content form .form-group .file-input-wrapper .file-name{margin-top:.5rem;font-size:.875rem;color:#666}.instructor-resources .modal-overlay .modal-content form .upload-progress{margin-bottom:1.5rem;height:4px;background:#eee;border-radius:2px;overflow:hidden}.instructor-resources .modal-overlay .modal-content form .upload-progress .progress-bar{height:100%;background:#2196f3;transition:width .3s}.instructor-resources .modal-overlay .modal-content form .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.instructor-resources .modal-overlay .modal-content form .modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.instructor-resources .modal-overlay .modal-content form .modal-actions button.btn-secondary{background:#f5f5f5;color:#333}.instructor-resources .modal-overlay .modal-content form .modal-actions button.btn-secondary:hover{background:#eee}.instructor-resources .modal-overlay .modal-content form .modal-actions button.btn-primary{background:#2196f3;color:#fff}.instructor-resources .modal-overlay .modal-content form .modal-actions button.btn-primary:hover{background:#1976d2}.instructor-resources .modal-overlay .modal-content form .modal-actions button.btn-primary:disabled{opacity:.6;cursor:not-allowed}.instructor-class-links{padding:2rem;max-width:1400px;margin:0 auto}.instructor-class-links .links-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.instructor-class-links .links-header .header-content h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.instructor-class-links .links-header .header-content p{color:#666;font-size:1rem}.instructor-class-links .links-header .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2196f3;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.instructor-class-links .links-header .btn-primary:hover{background:#1976d2}.instructor-class-links .links-header .btn-primary svg{font-size:1.2rem}.instructor-class-links .links-list{display:flex;flex-direction:column;gap:1.5rem}.instructor-class-links .links-list .link-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.instructor-class-links .links-list .link-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.instructor-class-links .links-list .link-card.inactive{opacity:.7;background:#f9f9f9}.instructor-class-links .links-list .link-card .link-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.instructor-class-links .links-list .link-card .link-header .link-title{display:flex;flex-direction:column;gap:.5rem}.instructor-class-links .links-list .link-card .link-header .link-title h3{font-size:1.25rem;font-weight:600;color:#1a1a1a}.instructor-class-links .links-list .link-card .link-header .link-title .course-badge{display:inline-flex;padding:.25rem .75rem;background:#e3f2fd;color:#2196f3;border-radius:12px;font-size:.875rem;font-weight:500;width:fit-content}.instructor-class-links .links-list .link-card .link-header .link-title .inactive-badge{display:inline-flex;padding:.25rem .75rem;background:#ffebee;color:#f44336;border-radius:12px;font-size:.875rem;font-weight:500;width:fit-content}.instructor-class-links .links-list .link-card .link-header .link-actions{display:flex;gap:.5rem}.instructor-class-links .links-list .link-card .link-header .link-actions button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.instructor-class-links .links-list .link-card .link-header .link-actions button svg{font-size:1rem}.instructor-class-links .links-list .link-card .link-header .link-actions button.btn-edit{background:#fff3e0;color:#ff9800}.instructor-class-links .links-list .link-card .link-header .link-actions button.btn-edit:hover{background:#ffe0b2}.instructor-class-links .links-list .link-card .link-header .link-actions button.btn-delete{background:#ffebee;color:#f44336}.instructor-class-links .links-list .link-card .link-header .link-actions button.btn-delete:hover{background:#ffcdd2}.instructor-class-links .links-list .link-card .link-header .link-actions button.btn-delete:disabled{opacity:.5;cursor:not-allowed}.instructor-class-links .links-list .link-card .link-details{display:flex;flex-direction:column;gap:.75rem}.instructor-class-links .links-list .link-card .link-details .detail-item{display:flex;align-items:center;gap:.75rem;color:#666}.instructor-class-links .links-list .link-card .link-details .detail-item .icon{font-size:1rem;color:#2196f3;flex-shrink:0}.instructor-class-links .links-list .link-card .link-details .detail-item a{color:#2196f3;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instructor-class-links .links-list .link-card .link-details .detail-item a:hover{text-decoration:underline}.instructor-class-links .links-list .link-card .link-details .link-description{margin-top:.5rem;padding:.75rem;background:#f9f9f9;border-radius:8px;color:#666;font-size:.9375rem;line-height:1.5}.instructor-class-links .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px}.instructor-class-links .empty-state .empty-icon{font-size:4rem;color:#ccc;margin-bottom:1rem}.instructor-class-links .empty-state h3{font-size:1.5rem;color:#666;margin-bottom:.5rem}.instructor-class-links .empty-state p{color:#999}.instructor-class-links .loading-state,.instructor-class-links .error-state{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.instructor-class-links .error-state{color:#f44336}.instructor-class-links .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.instructor-class-links .modal-overlay .modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.instructor-class-links .modal-overlay .modal-content.large{max-width:700px}.instructor-class-links .modal-overlay .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.instructor-class-links .modal-overlay .modal-content .modal-header h2{font-size:1.5rem;font-weight:600;color:#1a1a1a}.instructor-class-links .modal-overlay .modal-content .modal-header .btn-close{width:32px;height:32px;border-radius:50%;background:#f5f5f5;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.instructor-class-links .modal-overlay .modal-content .modal-header .btn-close:hover{background:#eee}.instructor-class-links .modal-overlay .modal-content .modal-header .btn-close svg{font-size:1.2rem}.instructor-class-links .modal-overlay .modal-content form{padding:1.5rem}.instructor-class-links .modal-overlay .modal-content form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.instructor-class-links .modal-overlay .modal-content form .form-group{margin-bottom:1.5rem}.instructor-class-links .modal-overlay .modal-content form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.instructor-class-links .modal-overlay .modal-content form .form-group input,.instructor-class-links .modal-overlay .modal-content form .form-group select,.instructor-class-links .modal-overlay .modal-content form .form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s;font-family:inherit}.instructor-class-links .modal-overlay .modal-content form .form-group input:focus,.instructor-class-links .modal-overlay .modal-content form .form-group select:focus,.instructor-class-links .modal-overlay .modal-content form .form-group textarea:focus{outline:none;border-color:#2196f3}.instructor-class-links .modal-overlay .modal-content form .form-group textarea{resize:vertical;min-height:80px}.instructor-class-links .modal-overlay .modal-content form .form-group.checkbox{margin-bottom:1rem}.instructor-class-links .modal-overlay .modal-content form .form-group.checkbox label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.instructor-class-links .modal-overlay .modal-content form .form-group.checkbox label input[type=checkbox]{width:auto;cursor:pointer}.instructor-class-links .modal-overlay .modal-content form .form-group.checkbox label span{font-weight:400}.instructor-class-links .modal-overlay .modal-content form .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.instructor-class-links .modal-overlay .modal-content form .modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.instructor-class-links .modal-overlay .modal-content form .modal-actions button.btn-secondary{background:#f5f5f5;color:#333}.instructor-class-links .modal-overlay .modal-content form .modal-actions button.btn-secondary:hover{background:#eee}.instructor-class-links .modal-overlay .modal-content form .modal-actions button.btn-primary{background:#2196f3;color:#fff}.instructor-class-links .modal-overlay .modal-content form .modal-actions button.btn-primary:hover{background:#1976d2}.instructor-class-links .modal-overlay .modal-content form .modal-actions button.btn-primary:disabled{opacity:.6;cursor:not-allowed}.rewards-page{padding:1.5rem;background:#f4f6fb;min-height:100vh;display:flex;flex-direction:column;gap:1.25rem}.rewards-page .rp-hero{background:linear-gradient(135deg,#0d1629,#1c0a12);border-radius:16px;padding:2rem 2.5rem;display:flex;align-items:center;gap:2.5rem;color:#fff;position:relative;overflow:hidden}.rewards-page .rp-hero:before{content:"";position:absolute;top:-60px;right:8%;width:280px;height:280px;background:radial-gradient(circle,rgba(183,2,2,.2) 0%,transparent 68%);pointer-events:none}.rewards-page .rp-hero__trophy{font-size:3.5rem;color:#fbbf24;filter:drop-shadow(0 0 18px rgba(251,191,36,.45));flex-shrink:0;position:relative;z-index:1}.rewards-page .rp-hero__main{flex:1;position:relative;z-index:1}.rewards-page .rp-hero__eyebrow{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff61;font-weight:600;margin-bottom:.4rem}.rewards-page .rp-hero__points{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.75rem;line-height:1}.rewards-page .rp-hero__pts-num{font-size:3.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.rewards-page .rp-hero__pts-unit{font-size:1.1rem;font-weight:600;color:#ffffff6b}.rewards-page .rp-hero__pills{display:flex;gap:.5rem;flex-wrap:wrap}.rewards-page .rp-hero__pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-size:.77rem;font-weight:600}.rewards-page .rp-hero__pill-icon{font-size:.7rem}.rewards-page .rp-hero__pill--level{background:#ffffff1a;color:#ffffffe0;border:1px solid rgba(255,255,255,.14)}.rewards-page .rp-hero__pill--rank{background:#b7020238;color:#fca5a5;border:1px solid rgba(183,2,2,.35)}.rewards-page .rp-hero__progress{flex-shrink:0;width:230px;position:relative;z-index:1}.rewards-page .rp-hero__prog-labels{display:flex;justify-content:space-between;font-size:.68rem;color:#ffffff6b;margin-bottom:.45rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.rewards-page .rp-hero__prog-track{height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-bottom:.45rem}.rewards-page .rp-hero__prog-fill{height:100%;background:linear-gradient(90deg,#b70202,#f87171);border-radius:999px;transition:width .7s cubic-bezier(.16,1,.3,1)}.rewards-page .rp-hero__prog-hint{font-size:.7rem;color:#ffffff59}@media (max-width: 768px){.rewards-page .rp-hero{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.5rem}.rewards-page .rp-hero__progress{width:100%}}.rewards-page .rp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.rewards-page .rp-stats{grid-template-columns:repeat(2,1fr)}}.rewards-page .rp-stat{background:#fff;border-radius:12px;padding:1.1rem 1rem;display:flex;align-items:center;gap:.875rem;border:1px solid #ede8e8;transition:box-shadow .15s,transform .15s}.rewards-page .rp-stat:hover{box-shadow:0 4px 20px #2f1c1c12;transform:translateY(-2px)}.rewards-page .rp-stat__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}.rewards-page .rp-stat__icon--pts{background:#fef3c7;color:#d97706}.rewards-page .rp-stat__icon--lvl{background:#ede9fe;color:#7c3aed}.rewards-page .rp-stat__icon--bdg{background:#fce7f3;color:#db2777}.rewards-page .rp-stat__icon--rnk{background:#dcfce7;color:#16a34a}.rewards-page .rp-stat__body{display:flex;flex-direction:column;gap:2px;min-width:0}.rewards-page .rp-stat__val{font-size:1.2rem;font-weight:800;color:#2f1c1c;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rewards-page .rp-stat__lbl{font-size:.67rem;color:#9c8383;text-transform:uppercase;letter-spacing:.07em;font-weight:600}.rewards-page .rp-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #ede8e8}.rewards-page .rp-card__hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.rewards-page .rp-card__hdr h2{font-size:.72rem;font-weight:700;color:#9c8383;text-transform:uppercase;letter-spacing:.09em;margin:0}.rewards-page .rp-grid{display:grid;grid-template-columns:1fr 340px;gap:1.25rem;align-items:start}.rewards-page .rp-grid--equal{grid-template-columns:1fr 1fr}@media (max-width: 960px){.rewards-page .rp-grid,.rewards-page .rp-grid--equal{grid-template-columns:1fr}}.rewards-page .rp-badge-count{background:#f9e8e8;color:#b70202;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:700}.rewards-page .badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.25rem .75rem;padding:.25rem 0;justify-items:center}.rewards-page .badge-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center}.rewards-page .badge-wrap:hover .badge-share-btn{opacity:1;transform:translateY(0)}.rewards-page .badge-share-btn{margin-top:6px;background:#fff;border:1px solid #e8d5d5;border-radius:999px;padding:4px 10px;font-size:11px;color:#b70202;cursor:pointer;display:flex;align-items:center;gap:5px;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s,box-shadow .15s}.rewards-page .badge-share-btn:hover{box-shadow:0 2px 8px #b7020233;border-color:#b70202}.rewards-page .hex-badge-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.rewards-page .hex-badge__course-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#b70202;text-align:center;max-width:120px;line-height:1.3;opacity:.85}.rewards-page .hex-badge{display:flex;justify-content:center}.rewards-page .hex-badge__outer{position:relative;width:130px;height:115px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:var(--badge-outer, #1e3a5f);filter:drop-shadow(0 4px 14px rgba(var(--badge-glow, "30,80,160"),.35));transition:filter .2s ease;cursor:default}.rewards-page .hex-badge__outer:hover{filter:drop-shadow(0 6px 20px rgba(var(--badge-glow, "30,80,160"),.6))}.rewards-page .hex-badge__face{position:absolute;width:110px;height:97px;top:9px;left:10px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:#0d1629}.rewards-page .hex-badge__ribbon{position:absolute;left:0;right:0;top:62%;height:22%;background:var(--badge-ribbon, #B70202)}.rewards-page .hex-badge__content{position:absolute;inset:12px 0 34%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px;gap:2px;text-align:center}.rewards-page .hex-badge__check{font-size:12px;color:var(--badge-ribbon, #B70202);margin-bottom:4px;opacity:.9}.rewards-page .hex-badge__org{font-size:7px;color:#fff6;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;line-height:1}.rewards-page .hex-badge__name{font-size:10px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.07em;line-height:1.3;margin-top:3px}.rewards-page .hex-badge__year{position:absolute;bottom:18%;left:0;right:0;text-align:center;font-size:8px;color:#ffffffd9;font-weight:700;letter-spacing:.5px}.rewards-page .rp-podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:1.25rem}.rewards-page .rp-podium__card{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-radius:10px;text-align:center;gap:4px}.rewards-page .rp-podium__card--1{background:linear-gradient(160deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.rewards-page .rp-podium__card--2{background:linear-gradient(160deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.rewards-page .rp-podium__card--3{background:linear-gradient(160deg,#fff7ed,#ffedd5);border:1px solid #fed7aa}.rewards-page .rp-podium__medal{font-size:1.25rem;line-height:1}.rewards-page .rp-podium__name{font-size:.78rem;font-weight:700;color:#2f1c1c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;width:100%;text-align:center}.rewards-page .rp-podium__pts{font-size:.7rem;font-weight:700;color:#9c8383}.rewards-page .rp-lb-list{display:flex;flex-direction:column;gap:1px}.rewards-page .rp-lb-row{display:flex;align-items:center;gap:.625rem;padding:.5rem .375rem;border-radius:8px;transition:background .1s}.rewards-page .rp-lb-row:hover{background:#f9fafb}.rewards-page .rp-lb-row--me{background:#f9e8e8}.rewards-page .rp-lb-row--me:hover{background:#f5e0e0}.rewards-page .rp-lb-row__rank{font-size:.67rem;font-weight:700;color:#9c8383;width:26px;flex-shrink:0}.rewards-page .rp-lb-row__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rewards-page .rp-lb-row__name{flex:1;font-size:.82rem;color:#2f1c1c;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rewards-page .rp-lb-row__pts{font-size:.78rem;font-weight:700;color:#b70202;flex-shrink:0}.rewards-page .rp-breakdown{display:flex;flex-direction:column;gap:1rem}.rewards-page .rp-breakdown__row{display:flex;align-items:center;gap:.75rem}.rewards-page .rp-breakdown__cat{font-size:.82rem;color:#2f1c1c;font-weight:500;width:120px;flex-shrink:0}.rewards-page .rp-breakdown__track{flex:1;height:7px;background:#f0f2f5;border-radius:999px;overflow:hidden}.rewards-page .rp-breakdown__fill{height:100%;background:linear-gradient(90deg,#b70202,#f87171);border-radius:999px;transition:width .5s cubic-bezier(.16,1,.3,1)}.rewards-page .rp-breakdown__pts{font-size:.8rem;font-weight:700;color:#b70202;width:42px;text-align:right;flex-shrink:0}.rewards-page .rp-activity{display:flex;flex-direction:column}.rewards-page .rp-activity__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid #f3f4f6}.rewards-page .rp-activity__row:last-child{border-bottom:none}.rewards-page .rp-activity__main{display:flex;flex-direction:column;gap:2px;min-width:0}.rewards-page .rp-activity__cat{font-size:.85rem;color:#2f1c1c;font-weight:600}.rewards-page .rp-activity__note{font-size:.75rem;color:#9c8383;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rewards-page .rp-activity__right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.rewards-page .rp-activity__pts{display:inline-block;font-size:.82rem;font-weight:700;color:#16a34a;background:#dcfce7;border-radius:999px;padding:1px 9px}.rewards-page .rp-activity__date{font-size:.7rem;color:#9c8383}.rewards-page .rp-empty{color:#9c8383;font-size:.875rem;margin:0;padding:1.5rem 0;text-align:center}.rewards-page .loading{text-align:center;padding:3rem;color:#9c8383}.bsm-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.bsm{background:#fff;border-radius:16px;padding:2rem 1.75rem 1.75rem;width:100%;max-width:400px;position:relative;box-shadow:0 20px 60px #00000040;text-align:center}.bsm__close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.4rem;color:#999;cursor:pointer;line-height:1}.bsm__close:hover{color:#333}.bsm__preview{display:flex;justify-content:center;margin-bottom:1.25rem}.bsm__preview .hex-badge__outer{width:160px;height:142px}.bsm__preview .hex-badge__face{width:136px;height:120px;top:11px;left:12px}.bsm__title{margin:0 0 .35rem;font-size:1.1rem;font-weight:700;color:#1a1a2e}.bsm__sub{margin:0 0 1.25rem;font-size:.875rem;color:#6b7280}.bsm__actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.bsm__btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;color:#fff;text-decoration:none}.bsm__btn:hover{opacity:.88;transform:translateY(-1px)}.bsm__btn svg{font-size:.9rem}.bsm__btn--linkedin{background:#0077b5}.bsm__btn--twitter{background:#14171a}.bsm__btn--facebook{background:#1877f2}.bsm__btn--download{background:#b70202}.bsm__btn--copy{background:#f3f4f6;color:#374151;grid-column:1/-1}.bsm__btn--copy svg{color:#6b7280}.quiz-page{padding:1.5rem;background:#fcf8f8;min-height:100vh}.quiz-page .join-screen{max-width:440px;margin:5rem auto 0;background:#fff;border-radius:12px;padding:2.5rem;border:1px solid #e8d5d5;box-shadow:0 4px 24px #00000012;text-align:center}.quiz-page .join-screen .join-icon{font-size:2.5rem;color:#b70202;margin-bottom:1rem}.quiz-page .join-screen h2{font-size:1.4rem;font-weight:700;margin:0 0 .5rem;color:#2f1c1c}.quiz-page .join-screen p{color:#6b7280;margin:0 0 1.5rem;font-size:.9rem}.quiz-page .join-screen input{width:100%;font-size:1.6rem;letter-spacing:.4rem;text-transform:uppercase;text-align:center;padding:.9rem;border:2px solid #e8d5d5;border-radius:8px;outline:none;margin-bottom:1rem;box-sizing:border-box;transition:border-color .2s}.quiz-page .join-screen input:focus{border-color:#b70202}.quiz-page .join-screen .btn-join{width:100%;padding:.9rem;background:#b70202;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit}.quiz-page .join-screen .btn-join:hover{opacity:.9}.quiz-page .join-screen .btn-join:disabled{opacity:.5;cursor:not-allowed}.quiz-page .join-screen .error-msg{color:#e53e3e;margin-top:.75rem;font-size:.85rem}.quiz-page .join-screen .fee-block{background:#fff3cd;border:1px solid #f0ad4e;border-radius:8px;color:#856404;padding:.75rem 1rem;font-size:.9rem;text-align:center;line-height:1.6;max-width:340px}.quiz-page .quiz-header{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;border:1px solid #e8d5d5}.quiz-page .quiz-header .quiz-title{font-size:1rem;font-weight:600;color:#2f1c1c}.quiz-page .quiz-header .quiz-meta{display:flex;gap:1.5rem;align-items:center}.quiz-page .quiz-header .timer{font-size:1.4rem;font-weight:700;color:#b70202;font-variant-numeric:tabular-nums}.quiz-page .quiz-header .timer.warning{color:#e67e22}.quiz-page .quiz-header .timer.critical{color:#e53e3e;animation:pulse .5s infinite alternate}.quiz-page .quiz-header .progress-info{font-size:.85rem;color:#9c8383}@keyframes pulse{0%{opacity:1}to{opacity:.4}}.quiz-page .question-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:1.5rem;border:1px solid #e8d5d5}.quiz-page .question-card .q-number{font-size:.72rem;color:#9c8383;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem;font-weight:700}.quiz-page .question-card .q-text{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:#2f1c1c}.quiz-page .question-card .q-points{font-size:.78rem;color:#b70202;margin-bottom:1rem;font-weight:600}.quiz-page .question-card .choices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 540px){.quiz-page .question-card .choices{grid-template-columns:1fr}}.quiz-page .question-card .choices .choice-btn{padding:1rem 1.25rem;border:2px solid #e8d5d5;border-radius:8px;background:#fff;font-size:.95rem;cursor:pointer;text-align:left;transition:all .15s;font-family:inherit;color:#2f1c1c}.quiz-page .question-card .choices .choice-btn:hover:not(:disabled){border-color:#b70202;background:#f9e8e8}.quiz-page .question-card .choices .choice-btn.selected{border-color:#b70202;background:#f9e8e8;font-weight:600}.quiz-page .question-card .choices .choice-btn.correct{border-color:#38a169;background:#f0fff4;color:#276749}.quiz-page .question-card .choices .choice-btn.wrong{border-color:#e53e3e;background:#fff5f5;color:#9b2c2c}.quiz-page .nav-buttons{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:2rem}.quiz-page .nav-buttons button{padding:.75rem 1.75rem;border-radius:8px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit}.quiz-page .nav-buttons button.btn-next{background:#b70202;color:#fff}.quiz-page .nav-buttons button.btn-submit{background:#38a169;color:#fff}.quiz-page .nav-buttons button:disabled{opacity:.4;cursor:not-allowed}.quiz-page .results-screen{max-width:560px;margin:0 auto;background:#fff;border-radius:12px;padding:2.5rem;border:1px solid #e8d5d5;box-shadow:0 4px 24px #00000012;text-align:center}.quiz-page .results-screen .result-icon{font-size:3rem;margin-bottom:1rem}.quiz-page .results-screen .result-icon--success{color:#38a169}.quiz-page .results-screen .result-icon--good{color:#b70202}.quiz-page .results-screen .result-icon--try{color:#e67e22}.quiz-page .results-screen h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#2f1c1c}.quiz-page .results-screen .score-big{font-size:3rem;font-weight:800;color:#b70202;margin:1rem 0;font-variant-numeric:tabular-nums}.quiz-page .results-screen .points-earned{background:#f9e8e8;border-radius:8px;padding:.75rem 1rem;color:#b70202;font-weight:600;margin-bottom:1rem;font-size:.95rem}.quiz-page .results-screen .bonus-note{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.quiz-page .results-screen .lb-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:.875rem}.quiz-page .results-screen .lb-table th{background:#f8f9fa;padding:.5rem .75rem;text-align:left;color:#9c8383;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e8d5d5}.quiz-page .results-screen .lb-table td{padding:.6rem .75rem;border-bottom:1px solid #f3f4f6}.quiz-page .results-screen .lb-table tr:last-child td{border-bottom:none}.quiz-page .results-screen .btn-done{margin-top:1.5rem;padding:.85rem 2.5rem;background:#b70202;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.quiz-page .results-screen .btn-done:hover{opacity:.9}.quiz-page .loading{text-align:center;padding:3rem;color:#9c8383}.instructor-rewards{padding:1.5rem;background:#fcf8f8;min-height:100vh}.instructor-rewards .page-header{display:flex;align-items:center;gap:1.25rem;background:#fff;border-radius:8px;border:1px solid #e8d5d5;border-left:4px solid #B70202;padding:1.5rem 2rem;margin-bottom:1.5rem}.instructor-rewards .page-header__icon{font-size:1.6rem;color:#b70202;flex-shrink:0}.instructor-rewards .page-header h1{margin:0 0 .2rem;font-size:1.4rem;font-weight:700;color:#2f1c1c}.instructor-rewards .page-header p{margin:0;font-size:.875rem;color:#6b7280}.instructor-rewards .filter-bar{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;align-items:center}.instructor-rewards .filter-bar input,.instructor-rewards .filter-bar select{padding:.55rem .9rem;border:1px solid #e8d5d5;border-radius:8px;font-size:.9rem;outline:none}.instructor-rewards .filter-bar input:focus,.instructor-rewards .filter-bar select:focus{border-color:#b70202}.instructor-rewards .filter-bar input{flex:1;min-width:180px}.instructor-rewards .students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.instructor-rewards .student-card{background:#fff;border-radius:8px;padding:1.25rem 1.5rem;border:1px solid #e8d5d5;transition:box-shadow .15s}.instructor-rewards .student-card:hover{box-shadow:0 4px 16px #b7020214}.instructor-rewards .student-card .sc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.instructor-rewards .student-card .sc-name{font-weight:600;font-size:.95rem;color:#222}.instructor-rewards .student-card .sc-email{font-size:.75rem;color:#9c8383;margin-top:.15rem}.instructor-rewards .student-card .sc-pts{font-size:1.25rem;font-weight:800;color:#b70202}.instructor-rewards .student-card .sc-level{font-size:.78rem;color:#888;text-align:right}.instructor-rewards .student-card .sc-badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.instructor-rewards .student-card .sc-badges .badge-chip{background:#f0f2ff;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;color:#555}.instructor-rewards .student-card .btn-award{width:100%;padding:.55rem;background:#b70202;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit}.instructor-rewards .student-card .btn-award:hover{opacity:.88}.instructor-rewards .student-card .btn-award:disabled{background:#e2e8f0;color:#9c8383;cursor:not-allowed;opacity:1}.instructor-rewards .student-card--unpaid{border:1.5px solid #fecaca;background:#fff8f8}.instructor-rewards .student-card--unpaid .sc-pts{color:#ccc}.instructor-rewards .sc-fee-warning{display:flex;align-items:center;font-size:.78rem;color:#c0392b;background:#fdf0f0;border:1px solid #fecaca;border-radius:6px;padding:.35rem .6rem;margin-bottom:.65rem;gap:.3rem}.instructor-rewards .rank-label{font-weight:600;font-size:.85rem;color:#9c8383}.instructor-rewards .rank-label--1{color:#b7791f}.instructor-rewards .rank-label--2{color:#718096}.instructor-rewards .rank-label--3{color:#9c6b39}.instructor-rewards .modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.instructor-rewards .award-modal{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:420px;box-shadow:0 8px 32px #00000026}.instructor-rewards .award-modal h2{margin:0 0 1.25rem;font-size:1.1rem;font-weight:700;color:#222}.instructor-rewards .award-modal label{display:block;font-size:.82rem;font-weight:600;color:#555;margin-bottom:.3rem;margin-top:.75rem}.instructor-rewards .award-modal select,.instructor-rewards .award-modal input,.instructor-rewards .award-modal textarea{width:100%;padding:.6rem .9rem;border:1px solid #e8d5d5;border-radius:8px;font-size:.9rem;box-sizing:border-box;font-family:inherit;outline:none}.instructor-rewards .award-modal select:focus,.instructor-rewards .award-modal input:focus,.instructor-rewards .award-modal textarea:focus{border-color:#b70202}.instructor-rewards .award-modal textarea{resize:vertical;min-height:68px}.instructor-rewards .award-modal .modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.instructor-rewards .award-modal .modal-actions .btn-cancel{flex:1;padding:.7rem;border:1px solid #e8d5d5;background:#fff;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem}.instructor-rewards .award-modal .modal-actions .btn-confirm{flex:2;padding:.7rem;background:#b70202;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.9rem;transition:opacity .2s}.instructor-rewards .award-modal .modal-actions .btn-confirm:hover{opacity:.88}.instructor-rewards .award-modal .modal-actions .btn-confirm:disabled{opacity:.5;cursor:not-allowed}.instructor-rewards .loading,.instructor-rewards .empty{text-align:center;padding:3rem;color:#9c8383}.instructor-quiz{padding:1.5rem;background:#fcf8f8;min-height:100vh}.instructor-quiz .page-header{display:flex;align-items:center;gap:1.25rem;background:#fff;border-radius:8px;border:1px solid #e8d5d5;border-left:4px solid #B70202;padding:1.5rem 2rem;margin-bottom:1.5rem}.instructor-quiz .page-header__icon{font-size:1.6rem;color:#b70202;flex-shrink:0}.instructor-quiz .page-header div h1{margin:0 0 .2rem;font-size:1.4rem;font-weight:700;color:#2f1c1c}.instructor-quiz .page-header div p{margin:0;font-size:.875rem;color:#6b7280}.instructor-quiz .page-header .btn-new{margin-left:auto;padding:.65rem 1.25rem;background:#b70202;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;font-family:inherit;transition:opacity .2s;white-space:nowrap}.instructor-quiz .page-header .btn-new:hover{opacity:.88}.instructor-quiz .quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-bottom:2rem}.instructor-quiz .quiz-card{background:#fff;border-radius:8px;padding:1.25rem 1.5rem;border:1px solid #e8d5d5;transition:box-shadow .15s}.instructor-quiz .quiz-card:hover{box-shadow:0 4px 16px #b7020214}.instructor-quiz .quiz-card .qc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.instructor-quiz .quiz-card .qc-title{font-weight:700;font-size:1rem;color:#222}.instructor-quiz .quiz-card .qc-status{border-radius:4px;padding:.2rem .55rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.instructor-quiz .quiz-card .qc-status.draft{background:#fef3c7;color:#92400e}.instructor-quiz .quiz-card .qc-status.active{background:#d1fae5;color:#065f46}.instructor-quiz .quiz-card .qc-status.closed{background:#f3f4f6;color:#6b7280}.instructor-quiz .quiz-card .qc-meta{font-size:.8rem;color:#9c8383;margin-bottom:.75rem}.instructor-quiz .quiz-card .qc-code{font-size:1.5rem;font-weight:800;letter-spacing:.25rem;color:#b70202;margin-bottom:.75rem;font-family:monospace}.instructor-quiz .quiz-card .qc-actions{display:flex;gap:.5rem;flex-wrap:wrap}.instructor-quiz .quiz-card .qc-actions button{padding:.4rem .85rem;border-radius:6px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s;display:flex;align-items:center;gap:.25rem}.instructor-quiz .quiz-card .qc-actions button:hover{opacity:.85}.instructor-quiz .quiz-card .qc-actions button:disabled{opacity:.4;cursor:not-allowed}.instructor-quiz .quiz-card .qc-actions button.btn-edit{background:#f9e8e8;color:#b70202}.instructor-quiz .quiz-card .qc-actions button.btn-activate{background:#d1fae5;color:#065f46}.instructor-quiz .quiz-card .qc-actions button.btn-close{background:#fee2e2;color:#991b1b}.instructor-quiz .quiz-card .qc-actions button.btn-results{background:#f3f4f6;color:#374151;border:1px solid #e8d5d5}.instructor-quiz .quiz-card .qc-actions button.btn-delete{background:#fee2e2;color:#991b1b}.instructor-quiz .create-panel{background:#fff;border-radius:8px;padding:1.5rem 2rem;border:1px solid #e8d5d5;margin-bottom:2rem}.instructor-quiz .create-panel h2{margin:0 0 1.25rem;font-size:1rem;font-weight:700;color:#2f1c1c}.instructor-quiz .create-panel .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.instructor-quiz .create-panel .form-grid{grid-template-columns:1fr}}.instructor-quiz .create-panel .form-group{display:flex;flex-direction:column}.instructor-quiz .create-panel .form-group.full{grid-column:1/-1}.instructor-quiz .create-panel .form-group label{font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:.3rem}.instructor-quiz .create-panel .form-group input,.instructor-quiz .create-panel .form-group select,.instructor-quiz .create-panel .form-group textarea{padding:.6rem .9rem;border:1px solid #e8d5d5;border-radius:8px;font-size:.9rem;font-family:inherit;outline:none}.instructor-quiz .create-panel .form-group input:focus,.instructor-quiz .create-panel .form-group select:focus,.instructor-quiz .create-panel .form-group textarea:focus{border-color:#b70202}.instructor-quiz .create-panel .form-group textarea{resize:vertical;min-height:64px}.instructor-quiz .create-panel .form-actions{margin-top:1.25rem;display:flex;gap:.75rem}.instructor-quiz .create-panel .form-actions .btn-cancel{padding:.65rem 1.25rem;border:1px solid #e8d5d5;background:#fff;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem}.instructor-quiz .create-panel .form-actions .btn-save{padding:.65rem 1.75rem;background:#b70202;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.9rem;transition:opacity .2s}.instructor-quiz .create-panel .form-actions .btn-save:hover{opacity:.88}.instructor-quiz .create-panel .form-actions .btn-save:disabled{opacity:.5;cursor:not-allowed}.instructor-quiz .question-builder{background:#fff;border-radius:8px;padding:1.5rem 2rem;border:1px solid #e8d5d5;margin-bottom:2rem}.instructor-quiz .question-builder .qb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.instructor-quiz .question-builder .qb-header h2{margin:0;font-size:1rem;font-weight:700;color:#2f1c1c}.instructor-quiz .question-builder .existing-questions{margin-bottom:1.25rem}.instructor-quiz .question-builder .existing-questions .eq-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border:1px solid #f3f4f6;border-radius:6px;margin-bottom:.5rem;font-size:.875rem;background:#fafbff}.instructor-quiz .question-builder .existing-questions .eq-item .eq-text{color:#374151}.instructor-quiz .question-builder .existing-questions .eq-item .eq-pts{color:#b70202;font-weight:700}.instructor-quiz .question-builder .add-question-form{border-top:1px solid #f3f4f6;padding-top:1.25rem}.instructor-quiz .question-builder .add-question-form label{display:block;font-size:.8rem;font-weight:600;color:#6b7280;margin-top:.75rem;margin-bottom:.3rem}.instructor-quiz .question-builder .add-question-form input,.instructor-quiz .question-builder .add-question-form select,.instructor-quiz .question-builder .add-question-form textarea{width:100%;padding:.6rem .9rem;border:1px solid #e8d5d5;border-radius:8px;font-size:.9rem;font-family:inherit;box-sizing:border-box;outline:none}.instructor-quiz .question-builder .add-question-form input:focus,.instructor-quiz .question-builder .add-question-form select:focus,.instructor-quiz .question-builder .add-question-form textarea:focus{border-color:#b70202}.instructor-quiz .question-builder .add-question-form textarea{resize:vertical;min-height:64px}.instructor-quiz .question-builder .add-question-form .choices-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.instructor-quiz .question-builder .add-question-form .choices-list .choice-row{display:flex;align-items:center;gap:.75rem}.instructor-quiz .question-builder .add-question-form .choices-list .choice-row input[type=text]{flex:1}.instructor-quiz .question-builder .add-question-form .choices-list .choice-row label{margin:0;font-weight:400;font-size:.85rem;color:#555;display:flex;align-items:center;gap:.35rem;white-space:nowrap}.instructor-quiz .question-builder .add-question-form .choices-list .choice-row input[type=checkbox]{width:auto;accent-color:#38a169}.instructor-quiz .question-builder .add-question-form .btn-add-choice{margin-top:.5rem;padding:.4rem .9rem;background:#f3f4f6;border:1px solid #e8d5d5;border-radius:6px;font-size:.82rem;cursor:pointer;font-family:inherit}.instructor-quiz .question-builder .add-question-form .btn-save-question{margin-top:1rem;padding:.65rem 1.75rem;background:#38a169;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.9rem;transition:opacity .2s}.instructor-quiz .question-builder .add-question-form .btn-save-question:hover{opacity:.85}.instructor-quiz .question-builder .add-question-form .btn-save-question:disabled{opacity:.5;cursor:not-allowed}.instructor-quiz .results-panel{background:#fff;border-radius:8px;padding:1.5rem 2rem;border:1px solid #e8d5d5;margin-bottom:2rem}.instructor-quiz .results-panel h2{font-size:1rem;font-weight:700;margin:0 0 1.25rem;color:#2f1c1c}.instructor-quiz .results-panel table{width:100%;border-collapse:collapse;font-size:.875rem}.instructor-quiz .results-panel table th{background:#f8f9fa;padding:.5rem .75rem;text-align:left;color:#9c8383;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e8d5d5}.instructor-quiz .results-panel table td{padding:.6rem .75rem;border-bottom:1px solid #f3f4f6}.instructor-quiz .results-panel table tr:last-child td{border-bottom:none}.instructor-quiz .results-panel table tr:hover td{background:#fafbff}.instructor-quiz .results-panel table .pts-chip{background:#f9e8e8;color:#b70202;border-radius:999px;padding:.2rem .6rem;font-weight:700;font-size:.8rem}.instructor-quiz .loading,.instructor-quiz .empty{text-align:center;padding:3rem;color:#9c8383}.ia-page{padding:2rem;min-height:100vh;background:#f4f6fb;color:#1f2a44}@media (min-width: 768px){.ia-page{padding:2.5rem 3rem}}.ia-loading{color:#6b7a90;font-size:.95rem;padding:2rem 0}.ia-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.ia-header__left{display:flex;align-items:center;gap:1rem}.ia-header__icon{font-size:2.2rem;color:#b70202;flex-shrink:0}.ia-header h1{font-size:1.6rem;font-weight:800;color:#1f2a44;margin:0 0 .2rem;font-family:Montserrat,sans-serif}.ia-header p{font-size:.9rem;color:#6b7a90;margin:0}.ia-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:.4rem;border:none;cursor:pointer;transition:background .2s,transform .2s}.ia-btn--primary{background:#b70202;color:#fff}.ia-btn--primary:hover{background:#8b0101;transform:translateY(-1px);box-shadow:0 4px 14px #b7020240}.ia-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.ia-btn--ghost{background:#f4f6fb;color:#374151;border:1px solid #dce3ed}.ia-btn--ghost:hover{background:#eef1f6;color:#1f2a44;border-color:#c5cedd}.ia-btn--danger{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.ia-btn--danger:hover{background:#fecaca}.ia-btn--sm{padding:.45rem .85rem;font-size:.82rem}.ia-form-card{background:#fff;border:1px solid #eef1f6;border-radius:1rem;padding:1.75rem;margin-bottom:1.75rem;box-shadow:0 4px 24px #12263f0f}.ia-form-card h3{font-size:1.1rem;font-weight:700;color:#1f2a44;margin:0 0 1.25rem;font-family:Montserrat,sans-serif}.ia-form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ia-form-grid{grid-template-columns:1fr 1fr}}.ia-form-grid label{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;font-weight:600;color:#6b7a90;text-transform:uppercase;letter-spacing:.05em}.ia-form-grid input,.ia-form-grid select,.ia-form-grid textarea{background:#fff;border:1px solid #dce3ed;border-radius:.4rem;padding:.6rem .85rem;color:#1f2a44;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.ia-form-grid input:focus,.ia-form-grid select:focus,.ia-form-grid textarea:focus{border-color:#b70202;box-shadow:0 0 0 3px #b7020214}.ia-form-grid input option,.ia-form-grid select option,.ia-form-grid textarea option{background:#fff}.ia-form-grid textarea{resize:vertical}.ia-form-full{grid-column:1/-1}.ia-file-input-wrap{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px dashed #dce3ed;border-radius:.4rem;padding:.6rem .85rem;cursor:pointer;font-size:.88rem;font-weight:400;color:#6b7a90;text-transform:none;letter-spacing:0;position:relative;overflow:hidden}.ia-file-input-wrap input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.ia-file-input-wrap svg{flex-shrink:0}.ia-file-input-wrap:hover{border-color:#b70202;color:#b70202;background:#fef9f9}.ia-form-checkbox{grid-column:1/-1;flex-direction:row!important;align-items:center!important;gap:.6rem!important;font-size:.9rem!important;text-transform:none!important;letter-spacing:0!important;color:#374151!important;cursor:pointer}.ia-form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#B70202}.ia-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.ia-empty{text-align:center;padding:4rem 2rem;color:#6b7a90}.ia-empty svg{font-size:3rem;margin-bottom:1rem}.ia-empty p{font-size:1rem}.ia-list{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ia-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.ia-list{grid-template-columns:repeat(3,1fr)}}.ia-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;box-shadow:0 2px 16px #12263f0d;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;flex-direction:column}.ia-card:hover{box-shadow:0 8px 28px #12263f1a;transform:translateY(-2px);border-color:#d6dde8}.ia-card--overdue{border-left:4px solid #fca5a5}.ia-card__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid #f4f6fb;background:#fafbfd;gap:.75rem}.ia-card__badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ia-card__actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.ia-card__body{padding:1rem 1.25rem .75rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.ia-card__title{font-size:1rem;font-weight:700;color:#1f2a44;margin:0;font-family:Montserrat,sans-serif;line-height:1.3}.ia-card__desc{font-size:.845rem;color:#4b5563;margin:0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ia-card__meta-row{padding:.6rem 1.25rem;display:flex;flex-wrap:wrap;gap:.4rem;border-top:1px solid #f4f6fb;border-bottom:1px solid #f4f6fb;background:#fafbfd}.ia-card__footer{padding:.75rem 1.25rem}.ia-meta-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;background:#f0f3f9;border:1px solid #e4e9f2;border-radius:999px;font-size:.78rem;font-weight:500;color:#4b5563;white-space:nowrap}.ia-meta-chip svg{font-size:.8rem;color:#6b7a90;flex-shrink:0}.ia-meta-chip a{color:#b70202;text-decoration:none;font-weight:600}.ia-meta-chip a:hover{text-decoration:underline}.ia-meta-chip--overdue{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.ia-meta-chip--overdue svg{color:#f87171}.ia-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #e4e9f2;background:#fff;color:#6b7a90;cursor:pointer;font-size:.9rem;transition:background .15s,color .15s,border-color .15s,transform .15s}.ia-icon-btn:hover{background:#f0f3f9;color:#1f2a44;border-color:#c5cedd;transform:translateY(-1px)}.ia-icon-btn--success:hover{background:#dcfce7;color:#166534;border-color:#86efac}.ia-icon-btn--warn:hover{background:#fef9c3;color:#854d0e;border-color:#fde047}.ia-icon-btn--danger:hover{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.ia-submissions-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:linear-gradient(135deg,#b70202,#8b0101);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s,box-shadow .2s}.ia-submissions-btn svg{font-size:.9rem;flex-shrink:0}.ia-submissions-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #b702024d}.ia-submissions-btn__count{background:#ffffff38;border-radius:999px;padding:.1rem .5rem;font-size:.78rem;font-weight:700;line-height:1.4}.ia-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border-radius:100px}.ia-badge--green{background:#dcfce7;color:#166534}.ia-badge--gray{background:#f1f5f9;color:#64748b}.ia-badge--red{background:#fee2e2;color:#991b1b}.ia-overlay{position:fixed;inset:0;background:#000000a6;z-index:900;display:flex;align-items:flex-start;justify-content:flex-end}.ia-panel{background:#fff;width:min(640px,100vw);height:100vh;overflow-y:auto;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;box-shadow:-8px 0 32px #12263f1f}.ia-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding-bottom:1rem;border-bottom:1px solid #eef1f6}.ia-panel__header h2{font-size:1.1rem;font-weight:700;color:#1f2a44;margin:0;font-family:Montserrat,sans-serif}.ia-panel__close{background:#f4f6fb;border:1px solid #eef1f6;border-radius:8px;color:#6b7a90;font-size:1.1rem;cursor:pointer;padding:.35rem .5rem;line-height:1;transition:background .15s,color .15s}.ia-panel__close:hover{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.ia-empty-text{color:#6b7a90;font-size:.9rem;padding:1rem 0}.ia-sub-card{background:#fff;border:1px solid #eef1f6;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 10px #12263f0a}.ia-sub-card__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;transition:background .15s}.ia-sub-card__header:hover{background:#f8fafd}.ia-sub-card__student{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ia-sub-card__student strong{font-size:.95rem;color:#1f2a44}.ia-sub-card__student span{font-size:.8rem;color:#6b7a90}.ia-sub-card__score-preview{display:flex;align-items:center;gap:.6rem;flex-shrink:0;color:#6b7a90}.ia-sub-card__body{padding:1rem 1.25rem 1.5rem;border-top:1px solid #eef1f6;display:flex;flex-direction:column;gap:1rem;background:#f8fafd}.ia-score{font-weight:700;font-size:.9rem;color:#166534;background:#dcfce7;padding:.15rem .6rem;border-radius:999px}.ia-score--pending{color:#92400e;background:#fef9c3}.ia-sub-text label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7a90;margin-bottom:.4rem;display:block}.ia-sub-text p{font-size:.88rem;color:#374151;line-height:1.6;margin:0;white-space:pre-wrap;background:#fff;border:1px solid #eef1f6;padding:.75rem;border-radius:.4rem}.ia-file-link{font-size:.88rem;color:#b70202;text-decoration:underline}.ia-file-link:hover{opacity:.7}.ia-grade-form{background:#fff;border:1px solid #eef1f6;border-radius:.6rem;padding:1rem}.ia-grade-form h5{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7a90;margin:0 0 .75rem}.ia-grade-row{display:grid;grid-template-columns:160px 1fr;gap:.75rem;margin-bottom:.75rem}.ia-grade-row label{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:600;color:#6b7a90;text-transform:uppercase;letter-spacing:.05em}.ia-grade-row input,.ia-grade-row textarea{background:#fff;border:1px solid #dce3ed;border-radius:.4rem;padding:.55rem .75rem;color:#1f2a44;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.ia-grade-row input:focus,.ia-grade-row textarea:focus{border-color:#b70202;box-shadow:0 0 0 3px #b7020214}.ia-grade-row textarea{resize:vertical}.ia-grade-feedback{grid-column:2}.asn-page{padding:2rem;min-height:100vh;background:#f4f6fb}@media (min-width: 768px){.asn-page{padding:2.5rem 3rem}}.asn-loading{color:#6b7a90;font-size:.95rem;padding:2rem 0}.asn-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.asn-header__icon{font-size:2.2rem;color:#b70202;flex-shrink:0}.asn-header h1{font-size:1.6rem;font-weight:800;color:#1f2a44;margin:0 0 .2rem;font-family:Montserrat,sans-serif}.asn-header p{font-size:.9rem;color:#6b7a90;margin:0}.asn-empty{text-align:center;padding:4rem 2rem;color:#6b7a90}.asn-empty svg{font-size:3rem;margin-bottom:1rem}.asn-empty p{font-size:1rem}.asn-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border-radius:100px;white-space:nowrap}.asn-badge--yellow{background:#fef9c3;color:#92400e}.asn-badge--red{background:#fee2e2;color:#991b1b}.asn-badge--blue{background:#dbeafe;color:#1e40af}.asn-badge--green{background:#dcfce7;color:#166534}.asn-badge--gray{background:#f1f5f9;color:#64748b}.asn-chevron{color:#6b7a90;flex-shrink:0;transition:transform .2s}.asn-list{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.asn-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.asn-list{grid-template-columns:repeat(3,1fr)}}.asn-card{background:#fff;border:1px solid #eef1f6;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px #12263f0d;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;flex-direction:column;cursor:pointer}.asn-card:hover{box-shadow:0 8px 28px #12263f1a;transform:translateY(-3px);border-color:#d6dde8}.asn-card--pending{border-left:4px solid #fde047}.asn-card--late{border-left:4px solid #f87171}.asn-card--submitted{border-left:4px solid #60a5fa}.asn-card--graded{border-left:4px solid #4ade80}.asn-card--unknown{border-left:4px solid #e4e9f2}.asn-card__header{display:flex;align-items:center;padding:.65rem 1.1rem;background:#fafbfd;border-bottom:1px solid #f4f6fb}.asn-card__body{padding:.85rem 1.1rem .6rem;flex:1}.asn-card__title{font-size:.975rem;font-weight:700;color:#1f2a44;margin:0 0 .3rem;font-family:Montserrat,sans-serif;line-height:1.3}.asn-card__preview{font-size:.82rem;color:#6b7a90;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asn-card__meta-row{padding:.5rem 1.1rem;display:flex;flex-wrap:wrap;gap:.35rem;border-top:1px solid #f4f6fb;background:#fafbfd}.asn-card__footer{padding:.65rem 1.1rem;border-top:1px solid #f4f6fb}.asn-card__cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:#b70202}.asn-card__cta svg{font-size:.75rem;transition:transform .15s}.asn-card:hover .asn-card__cta svg{transform:translate(3px)}.asn-meta-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;background:#f0f3f9;border:1px solid #e4e9f2;border-radius:999px;font-size:.75rem;font-weight:500;color:#4b5563;white-space:nowrap}.asn-meta-chip svg{font-size:.75rem;color:#6b7a90;flex-shrink:0}.asn-meta-chip--overdue{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.asn-meta-chip--overdue svg{color:#f87171}.asn-desc{font-size:.88rem;color:#4b5563;line-height:1.6;margin:0}.asn-modal-overlay{position:fixed;inset:0;background:#12263f73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width: 768px){.asn-modal-overlay{align-items:center;padding:1.5rem}}.asn-modal{background:#fff;width:100%;max-width:620px;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 -8px 40px #12263f26;animation:asn-slide-up .22s cubic-bezier(.16,1,.3,1)}@media (min-width: 768px){.asn-modal{border-radius:20px;max-height:85vh;box-shadow:0 20px 60px #12263f2e;animation:asn-fade-in .18s ease}}.asn-modal__head{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #eef1f6;position:sticky;top:0;background:#fff;z-index:1}.asn-modal__title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.asn-modal__close{background:#f4f6fb;border:1px solid #eef1f6;border-radius:8px;color:#6b7a90;font-size:1rem;cursor:pointer;padding:.35rem .45rem;line-height:1;display:flex;align-items:center;transition:background .15s,color .15s}.asn-modal__close:hover{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.asn-modal__name{font-size:1.2rem;font-weight:800;color:#1f2a44;margin:0 0 .75rem;font-family:Montserrat,sans-serif;line-height:1.25}.asn-modal__chips{display:flex;flex-wrap:wrap;gap:.4rem}.asn-modal__body{padding:1.25rem 1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.1rem}@keyframes asn-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes asn-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.asn-attachment{display:flex;flex-direction:column;gap:.35rem;background:#f8fafd;border:1px solid #eef1f6;border-radius:.6rem;padding:.8rem 1rem}.asn-attachment__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7a90;margin-bottom:.1rem}.asn-attachment__link{font-size:.88rem;color:#b70202;text-decoration:underline;word-break:break-all}.asn-attachment__link:hover{opacity:.7}.asn-score-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.6rem;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.asn-score-box__row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.asn-score-box__label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#166534;min-width:70px;flex-shrink:0}.asn-score-box__value{font-size:1rem;font-weight:700;color:#1f2a44}.asn-score-box__feedback{font-size:.88rem;color:#374151;line-height:1.5}.asn-prior{background:#f8fafd;border:1px solid #eef1f6;border-radius:.6rem;padding:.9rem 1.1rem}.asn-prior__label{font-size:.8rem;font-weight:700;color:#6b7a90;margin:0 0 .6rem}.asn-prior__label span{font-weight:400}.asn-prior__text{font-size:.88rem;color:#374151;white-space:pre-wrap;margin:0;line-height:1.6}.asn-file-link{font-size:.88rem;color:#b70202;text-decoration:underline;display:inline-block;margin-top:.4rem}.asn-form{background:#f8fafd;border:1px solid #eef1f6;border-radius:.7rem;padding:1.1rem;display:flex;flex-direction:column;gap:.85rem}.asn-form h5{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7a90;margin:0}.asn-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600;color:#6b7a90;text-transform:uppercase;letter-spacing:.05em}.asn-form textarea{background:#fff;border:1px solid #dce3ed;border-radius:.4rem;padding:.6rem .85rem;color:#1f2a44;font-size:.9rem;font-family:inherit;resize:vertical;outline:none}.asn-form textarea:focus{border-color:#b70202;box-shadow:0 0 0 3px #b7020214}.asn-file-label{text-transform:uppercase}.asn-file-input{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px dashed #dce3ed;border-radius:.4rem;padding:.6rem .85rem;cursor:pointer;font-size:.88rem;font-weight:400;color:#6b7a90;text-transform:none;letter-spacing:0;position:relative;overflow:hidden}.asn-file-input input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.asn-file-input svg{flex-shrink:0}.asn-file-input:hover{border-color:#b70202;color:#b70202;background:#fef9f9}.asn-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:.4rem;border:none;cursor:pointer;transition:background .2s,transform .2s;align-self:flex-start}.asn-btn--primary{background:#b70202;color:#fff;gap:.5rem}.asn-btn--primary:hover{background:#8b0101;transform:translateY(-1px);box-shadow:0 4px 14px #b7020240}.asn-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
