:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2{font-size:2.5em;line-height:1.1;margin-bottom:.5em}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;width:100vw;background-color:#bbb;min-width:320px;min-height:100vh;display:block}#root{text-align:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media screen and (max-width: 768px){h1{font-size:2.4em}h2{font-size:2em}}.hero-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#222;color:#fff}.hero-section.hero-bg{min-height:580px;background:url(/assets/chess-hero-placeholder-DR78e-B5.jpg) center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center}.highlighted-text{background:linear-gradient(90deg,#ffea00,#00eaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:700}.hero-overlay{width:100vw;min-height:480px;background:#1e1e1e8c;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:5rem 5vw}.hero-content{flex:2;color:#fff;padding-right:2rem}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.hero-content p{font-size:1.3rem;margin:2rem 0}.hero-form-wrapper{flex:1;background:#141414f2;border-radius:12px;padding:2rem 1.5rem;box-shadow:0 4px 24px #0000001f;max-width:400px;margin-top:3.5rem}.demo-form{display:flex;flex-direction:column;gap:1rem}.demo-form input,.demo-form select,.demo-form textarea,.demo-form button{padding:.9rem;border-radius:6px;border:none;font-size:1rem}.demo-form button{background:#2979ff;color:#fff;font-weight:700;cursor:pointer}@media (max-width: 768px){.hero-section{flex-direction:row}.hero-image img{max-width:100%}}@media (max-width: 900px){.hero-overlay{flex-direction:column;align-items:flex-start;padding:2rem 2vw}.hero-content{padding-right:0}.hero-form-wrapper{max-width:480px;width:80%}}@media (max-width:768px){.hero-overlay{padding:2rem 4vw;background-color:transparent}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1.1rem}.hero-form-wrapper{width:90%;max-width:none}}@media (max-width:450px){.hero-overlay{padding:4rem 3vw}.hero-content h1{font-size:1.7rem}.hero-content p{font-size:1rem}.hero-form-wrapper{padding:1.5rem 1rem;margin-top:none!important}.demo-form input,.demo-form button{font-size:.9rem;padding:.75rem}}.notice-board{display:flex;align-items:center;background:#ffe600;padding:.75rem 2rem;font-weight:700;overflow:hidden}.fixed-text{color:red;flex-shrink:0;margin-right:1rem}.scroll-container{overflow:hidden;white-space:nowrap;flex:1;position:relative}.scroll-text{display:inline-block;color:#07f;animation:scrollText 20s linear infinite;will-change:transform;visibility:visible;font-weight:bolder}@keyframes scrollText{0%{transform:translate(100vw)}to{transform:translate(-100vw)}}@media (max-width: 768px){.notice-board{flex-direction:column;gap:.5rem}.scroll-text{animation:scrollText 10s linear infinite}}.features-section{background:#f5f7fa;padding:2rem;color:#000}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.feature-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000012;padding:1.5rem;text-align:center}.achievement-image-wrapper{width:100%;display:flex;align-items:flex-start;overflow:hidden}.achievement-img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:12px;box-shadow:0 8px 32px #0000002e}.achievements-section{background:#f7f3f0;padding:1rem 0 5rem;color:#2d2323}.achievements-description{text-align:center;max-width:80vw;margin:0 auto 3rem;padding:0 1rem}.achievements-content{flex-wrap:wrap;align-items:center;gap:2rem}.achievement-text{flex:2}.achievement-image img{max-width:220px;border-radius:10px}.achievements-list{display:flex;flex-direction:column;gap:3rem}.achievement-row{display:flex;align-items:stretch;gap:0;min-height:340px;position:relative}.row-normal{flex-direction:row}.row-reverse{flex-direction:row-reverse}.achievement-img-wrapper{flex:1.2;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:2}.achievement-img{width:340px;height:380px;width:100%;border-radius:12px;box-shadow:0 8px 32px #0000002e;object-fit:cover}.achievement-info{flex:2;background:linear-gradient(135deg,#fff,#f6eee9);border-radius:0 0 0 32px;padding:2.5rem 2rem 2.5rem 3rem;box-shadow:0 8px 16px #0000003a;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.fide-id-showcase{font-size:1.1rem;color:#444;font-weight:800;text-align:center;margin:.5rem}.row-reverse .achievement-info{border-radius:0 32px 0 0;padding:2.5rem 3rem 2.5rem 2rem}.achievement-info h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#2d2323}.achievement-info p{font-size:1.15rem;color:#5a4a42;margin-bottom:0}@media (max-width: 768px){.achievements-content{flex-direction:column}}@media (max-width: 900px){.achievement-row,.row-normal,.row-reverse{flex-direction:column!important;min-height:unset}.achievement-img-wrapper{justify-content:center;margin-bottom:1rem}.achievement-info,.row-reverse .achievement-info{border-radius:0 0 32px 32px;padding:1.5rem}}@media screen and (max-width: 480px){.achievement-img{max-width:80%}.achievement-info h3{font-size:1.3rem}.achievement-info p{font-size:1rem}.achievement-row,.row-normal,.row-reverse{flex-direction:column!important;min-height:unset}.achievement-img-wrapper{margin-bottom:1rem}.achievement-info,.row-reverse .achievement-info{border-radius:0 0 32px 32px;padding:1.5rem}}.courses-section{background:#fff;padding:2rem 1.2rem;color:#222;display:flex;flex-direction:column;align-items:center}.courses-main-heading{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:.5em;letter-spacing:.03em}.course-description{font-size:1.1rem;max-width:80vw;margin:0 auto 2.5rem;text-align:center;color:#444;line-height:1.6}.courses-grid{display:grid;grid-template-columns:1fr;gap:2rem;justify-items:stretch;width:100%;max-width:80vw;margin:0 auto;padding:0 .6rem}@media (min-width: 600px){.courses-grid{grid-template-columns:repeat(2,1fr);padding:0 1.8rem}}@media (min-width: 1024px){.courses-grid{grid-template-columns:repeat(3,1fr);padding:0 2.5rem}}@media (min-width: 1400px){.courses-grid{padding:0 3.5rem}}.course-card{background:radial-gradient(circle at 20% 20%,#f6fbff 60%,#e3eeff);border-radius:16px;box-shadow:0 2px 12px #1b55ff1c;padding:2rem 1.5rem 2.5rem;text-align:left;position:relative;cursor:pointer;outline:none;transition:transform .32s cubic-bezier(.19,1,.22,1),box-shadow .22s cubic-bezier(.19,1,.22,1),background .2s;will-change:transform,box-shadow}.course-card:hover,.course-card:focus{transform:translateY(-10px) scale(1.021);box-shadow:0 8px 30px #07f2;background:radial-gradient(circle at 50% 60%,#eaf6ff 82%,#cbe0ff);border:2px solid #0077ff33;z-index:2}.course-card.animated{animation:fadeInUp .4s cubic-bezier(.39,.58,.57,1) backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.course-header{display:block;margin-bottom:1.2em;gap:0}.course-title{font-size:1.38rem;font-weight:700;margin:0 0 .3em;flex:none;text-align:left}.highlight-message{background:linear-gradient(90deg,red,#fa0);color:#fff;font-weight:700;padding:.8em 1.5em;border-radius:30px;margin-bottom:4rem;text-align:center;font-size:1.2rem;box-shadow:0 4px 15px #ff6a004d;animation:pulseGlow 1.6s infinite,slideIn .8s ease-out}@keyframes pulseGlow{0%{box-shadow:0 0 10px #f009;transform:scale(1)}50%{box-shadow:0 0 25px #ffb400cc;transform:scale(1.05)}to{box-shadow:0 0 10px #ff6a0099;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.course-price{display:flex;align-items:center;gap:.55rem;font-weight:700;color:#07f;font-size:1.12em;margin:0 0 .7em;white-space:nowrap;text-align:left}.course-price .price-old{color:#e11d48;text-decoration-line:line-through;text-decoration-thickness:2px;text-decoration-color:currentColor;font-size:calc(1em - 2px);opacity:.9}.course-price .price-new{display:inline-flex;align-items:baseline;color:#07f;font-size:calc(1em + 4px);line-height:1;transform-origin:left center;animation:pricePulse 1.15s ease-in-out .2s 3 both}@keyframes pricePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.course-price .price-unit{color:#555;font-weight:600;font-size:.86em;margin-left:.1rem}.course-features{list-style:disc outside;margin-left:1.2em;font-size:1.07em;color:#333;margin-bottom:1.7em;min-height:68px}.course-enroll-btn{display:block;width:100%;background:linear-gradient(90deg,#07f 30%,#00cfff 90%);color:#fff;font-weight:600;border:none;border-radius:30px;padding:.85em 0;font-size:1.08em;cursor:pointer;box-shadow:0 2px 12px #1b55ff1a;transition:background .18s,box-shadow .18s,transform .2s;position:relative;margin-top:2em;margin-bottom:.4em;outline:none}.course-enroll-btn:hover,.course-enroll-btn:focus{background:linear-gradient(90deg,#0057b8 30%,#21e6ff 90%);box-shadow:0 3px 17px #0077ff29;transform:scale(1.04)}@media (max-width: 450px){.courses-main-heading{font-size:1.65rem}.course-card{padding:1.2rem .7rem 2.2rem}.course-title{font-size:1.12rem}.course-header{flex-direction:column;align-items:flex-start;gap:.4em}.course-price{font-size:1em;margin-left:0;margin-top:.15em;gap:.45rem}.course-price .price-new{font-size:calc(1em + 2px)}.course-features{font-size:.97em;min-height:46px}.course-enroll-btn{padding:.8em 0;font-size:.9em;margin-top:1.3em}.course-description{font-size:.9rem;max-width:80vw;margin:0 auto 2.5rem;text-align:center;color:#444;line-height:1.6}.highlight-message{font-size:.9rem;padding:.7em 1.2em;margin-bottom:3rem}}.key-features-section{background:#f5f7fa;padding:2rem;color:#000}.key-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.key-feature-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000012;padding:1.5rem;text-align:center}.faq-section{background:#222;color:#fff;padding:2rem 0}.faq-list{max-width:80vw;margin:0 auto}.faq-item{margin-bottom:1rem}.faq-question{background:#07f;color:#fff;border:none;padding:1rem;width:100%;text-align:left;border-radius:6px;font-weight:700;cursor:pointer}.faq-answer{background:#fff;color:#222;padding:1rem;border-radius:6px;margin-top:.5rem}.testimonials-section{background:#eaf4ff;padding:2rem 0}.testimonials-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.testimonial-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000012;padding:1.5rem;min-width:220px;text-align:center}.testimonial-rating{color:#ffc107;font-size:1.2rem;margin-top:.5rem}.google-reviews{margin-top:2rem;text-align:center}.google-review-placeholder{background:#fff;border-radius:10px;padding:1rem;color:#000}.contact-section{background:#fff;padding:2.5rem;display:flex;flex-direction:row;align-items:flex-start;gap:2.5rem;text-align:left!important}.contact-heading{font-size:2rem;font-weight:700;margin-bottom:.2rem;color:#222}.contact-details{font-size:1rem;margin-bottom:1.5rem;line-height:2}.contact-details strong{font-weight:700;color:#222}.contact-info-wrapper{flex:1;display:flex;flex-direction:column}.contact-map{flex:1;display:flex;justify-content:flex-end;align-items:flex-start;min-width:300px}.embed-map-responsive{position:relative;width:600px;height:300px;max-width:100%;margin-top:1rem;margin-bottom:1rem}.embed-map-container{overflow:hidden;background:none!important;width:100%;height:100%;position:absolute;top:0;left:0}.embed-map-frame{width:100%!important;height:100%!important;position:absolute;top:0;left:0;border:none}.contact-social{display:flex;gap:1rem;align-items:center}.contact-social a{font-size:2rem;color:#646cff;transition:color .25s}.contact-social a:hover{color:#535bf2}@media (max-width: 900px){.contact-section{flex-direction:column;gap:1rem}.contact-map{justify-content:flex-start;width:100%;min-width:unset;margin-top:1rem}}@media (max-width: 400px){.embed-map-responsive{width:100%;height:180px}}.carousel-container{width:100%;margin:2rem auto;position:relative;text-align:center;overflow:hidden}.carousel-track{display:flex;width:200%;animation:scrollLeft 30s linear infinite}.carousel-image{width:20%;height:300px;object-fit:cover;border-radius:1rem;cursor:pointer;box-shadow:0 2px 16px #0000001f;padding:.5em;margin:auto 1em}.carousel-image:hover{transform:scale(1.03)}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.carousel-dots{display:flex;justify-content:center;margin-top:2em}.dot{height:12px;width:12px;margin:0 6px;background-color:#bbb;border-radius:50%;display:inline-block;cursor:pointer;transition:background .3s}.dot.active{background-color:#333}.carousel-preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.carousel-preview-image{max-width:90vw;max-height:90vh;border-radius:16px;box-shadow:0 4px 32px #00000040}@media screen and (max-width: 768px){.carousel-image{height:200px;margin:auto .5em}}.header-nav{position:fixed;top:0;left:0;width:100vw;min-width:0;height:64px;z-index:100;background:#fff0;transition:background .4s,box-shadow .4s;box-shadow:none;padding:0;display:flex;align-items:center;justify-content:center}.header-nav.scrolled{background:linear-gradient(90deg,#f7b733,#fc4a1a);box-shadow:0 2px 16px #00000014}.header-content{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.header-logo{display:flex;align-items:center;cursor:pointer;gap:.75rem}.header-logo img{height:40px;width:40px;border-radius:8px;object-fit:cover}.header-logo span{font-size:1.3rem;font-weight:700;color:#222}.header-logo.top img.logo-top{filter:brightness(0) invert(1)}.header-logo.top .logo-text-top{color:#fff}.header-logo.scrolled img.logo-scrolled{filter:none}.header-logo.scrolled .logo-text-scrolled{color:#222}.header-links{display:flex;gap:2rem;color:#f0f8ff}.header-links button{background:none;border:none;font-size:1rem;font-weight:600;color:#222;cursor:pointer;padding:.5em 1em;border-radius:20px;transition:background .2s,color .2s}.header-links button:hover{background:#fff3;color:#fc4a1a}.header-links.top button.header-link-top{color:#fff}.header-links.scrolled button.header-link-scrolled{color:#222}@media (max-width: 900px){.header-nav{padding:0 1rem;height:56px}.header-logo img{height:32px;width:32px}.header-logo span{font-size:1.05rem}.header-links{gap:1rem}.header-links button{font-size:.95rem;padding:.4em .7em}.header-content{padding:0 1rem}}@media (max-width: 600px){.header-nav{flex-direction:row;height:auto;padding:.5rem}.header-logo{margin-bottom:.5rem}.header-links{gap:.5rem;justify-content:flex-end}.header-links button{font-size:.9rem;padding:.3em 1.2em}.header-logo span.logo-text-top,.header-logo span.logo-text-scrolled{display:none}.header-content{padding:0 .5rem}}.about-section{background:"#fff";padding:"3rem 0";text-align:"center"}.about-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.about-section p{max-width:80vw;margin:0 auto 2rem;font-size:1.2rem;color:#5a4a42}.about-section div{margin:0 auto 1.5rem;max-width:80vw}.div{margin:2rem auto;max-width:900px}.view-fide-chart-button{background:linear-gradient(90deg,#5a4a42,#2d2323);color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;margin-bottom:1.5rem;transition:background 1s}.view-fide-chart-button:hover{background:linear-gradient(90deg,#2d2323,#5a4a42)}.iframe-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fffc;z-index:2}.loader{border:6px solid #f3f3f3;border-top:6px solid #2d2323;border-radius:50%;width:40px;height:40px;animation:spin 3s linear infinite}.about-chessboard-gif{position:absolute;right:0;bottom:-100px;width:220px;height:220px;z-index:1;pointer-events:none}@media screen and (max-width: 768px){.about-chessboard-gif{bottom:56px;width:80px;height:80px}}.star-performer-section{padding:4rem 1rem;display:flex;justify-content:center;position:relative;background:none}.star-performer-section:before{content:"";position:absolute;inset:0;z-index:0;background-image:url(/assets/star-bg-CclpwDtn.jpg);background-position:center top;background-size:cover;background-repeat:no-repeat;opacity:.18;pointer-events:none}.star-performer-content{display:flex;align-items:flex-start;max-width:1100px;width:100%;gap:3.5rem;flex-wrap:wrap;position:relative;z-index:1;background:#ffffffb3;border-radius:18px;box-shadow:0 2px 18px #00000012;padding:2.5rem 2rem}.star-performer-img{aspect-ratio:3 / 4;width:100%;max-width:320px;min-width:220px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.star-performer-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;position:relative}.star-performer-info{flex:2;min-width:300px;display:flex;flex-direction:column;gap:1.5rem;justify-content:flex-start}.star-performer-info h2{font-size:2rem;font-weight:700;color:#282222;margin-bottom:1.2rem;text-align:center}.star-performer-info p{font-size:1.17rem;color:#5a4a42;text-align:left;margin-bottom:.3rem}.star-performer-highlight{font-size:1.35rem;color:#d97706;font-weight:700;margin-bottom:.8rem;text-align:left}.star-performer-gif{margin-top:1.2rem;display:flex;flex-direction:column}.star-performer-gif img{width:170px;min-width:110px;background:#fff;z-index:2}.star-performer-gif-caption{font-size:1.2rem;color:#2d2323;margin-top:.4rem;line-height:1.3}.star-performer-img.hidden{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.star-performer-img.appear{opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out}@media (max-width: 900px){.star-performer-content{flex-direction:column;align-items:center;gap:2rem}.star-performer-highlight,.star-performer-info p{font-size:1rem}}@media (max-width: 500px){.star-performer-section{padding:2rem .2rem}.star-performer-gif img{width:120px}}.admin-login-bg{min-height:100vh;width:100vw;background:linear-gradient(120deg,#e0e7ff,#f8fafc);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:0;overflow:auto;animation:bgFadeIn 1.2s}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}.admin-login-container{background:#ffffffd1;box-shadow:0 8px 32px #1f26872e;border-radius:18px;padding:2.5rem 2.2rem 2rem;min-width:320px;max-width:350px;width:100%;display:flex;flex-direction:column;align-items:center;animation:loginPopIn .7s cubic-bezier(.68,-.55,.27,1.55)}@keyframes loginPopIn{0%{transform:scale(.85) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.admin-login-header{font-size:2.1rem;color:#2d2323;margin-bottom:2.2rem;letter-spacing:.08em;text-align:center;font-weight:700;text-shadow:0 2px 12px #e0e7ff88}.admin-login-form,.admin-reset-form{width:100%;display:flex;flex-direction:column;gap:1.1rem;margin-bottom:1.2rem;color:#000}.admin-reset-link{font-size:.9rem;color:red;margin-top:.4rem;align-self:flex-end;-webkit-user-select:none;user-select:none}.admin-login-input{padding:.85rem 1.1rem;border-radius:8px;border:1.5px solid #b6b6b6;font-size:1.08rem;background:#fffffff2;transition:box-shadow .25s,border .25s,background .25s;outline:none;box-shadow:0 1px 6px #e0e7ff33;color:#2d2323}.admin-login-input:focus{border:1.5px solid #6366f1;background:#f0f7ff;box-shadow:0 2px 12px #6366f122}.admin-login-btn,.admin-reset-btn{padding:.8rem 0;border-radius:8px;border:none;background:linear-gradient(90deg,#6366f1,#60a5fa);color:#fff;font-size:1.08rem;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #6366f122;transition:background .18s,box-shadow .18s,transform .18s;margin-top:.2rem}.admin-login-btn:hover,.admin-reset-btn:hover{background:linear-gradient(90deg,#4338ca,#2563eb);transform:translateY(-2px) scale(1.03);box-shadow:0 4px 18px #6366f144}@media (max-width: 500px){.admin-login-container{min-width:90vw;padding:1.2rem .5rem}.admin-login-header{font-size:1.3rem}}.admin-portal-root{display:flex;flex-direction:column;min-height:100vh;background:#f7f8fa}.admin-portal-header{display:flex;align-items:center;justify-content:space-between;background:#22223b;color:#fff;padding:0 2rem;position:fixed;top:0;left:0;right:0;z-index:1000;height:64px;box-shadow:0 2px 8px #0000000a}.admin-portal-logo img{height:40px;width:auto;margin-top:8px;filter:brightness(0) invert(1);border-radius:8px}.admin-portal-user{display:flex;align-items:center;gap:3rem}.admin-portal-username{font-weight:500;font-size:1rem;text-transform:capitalize}.admin-portal-name{font-weight:600;font-size:1.2rem;margin-left:.8rem;color:#f1faee;letter-spacing:.05em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-portal-logout{background:#e63946;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:background .2s}.admin-portal-logout:hover{background:#b71c1c}.admin-portal-main{display:flex;flex:1;min-height:0}.admin-portal-nav{width:220px;background:#4a4e69;color:#fff;padding:5.5rem 0 2rem 0rem;min-height:calc(100vh - 64px);box-shadow:2px 0 8px #00000008}.admin-portal-nav ul{list-style:none;text-align:left;padding:0;margin:0}.nav-item{font-size:1.1rem;font-weight:500;margin-bottom:1.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background .2s}.nav-item:hover{background:#22223b}.nav-group{margin-bottom:1rem}.nav-sublist{list-style:none;padding-left:1.5rem;margin-top:.5rem}.nav-sublist li{font-size:1rem;margin:1.3rem;cursor:pointer;padding:.3rem .7rem;border-radius:3px;transition:background .2s}.nav-sublist li:hover{background:#9a8c98}.nav-item a,.nav-sublist li a{color:inherit;text-decoration:none;display:block;width:100%;height:100%}.nav-item a.active,.nav-sublist li a.active{background:#22223b;color:#fff}.nav-sublist li a.active{background:#64698c}.admin-portal-content{flex:1;padding:4.5rem 2rem;background:#f7f8fa;min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center}.admin-portal-placeholder{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;padding:2.5rem 3rem;text-align:center}.admin-portal-placeholder h2{margin-bottom:1rem;color:#22223b}.admin-portal-placeholder p{color:#4a4e69;font-size:1.1rem}@media (max-width: 900px){.admin-portal-main{flex-direction:column}.admin-portal-nav{width:100%;min-height:unset;padding:1rem .5rem;box-shadow:none;display:flex;flex-direction:row;overflow-x:auto}.admin-portal-nav ul{display:flex;flex-direction:row;gap:1.5rem}.nav-group{margin-bottom:0}.nav-sublist{display:none}}.toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;width:23%;max-width:none}.toast{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .5s ease-out;cursor:pointer;transition:transform .3s ease,opacity .3s ease}.toast:hover{transform:translate(-5px)}.toast-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;opacity:.7;transition:opacity .2s ease;margin-left:12px}.toast-close:hover{opacity:1}.toast-message{font-size:14px;font-weight:500;text-align:start}.toast-success{background-color:#28a745;color:#fff}.toast-error{background-color:#dc3545;color:#fff}.toast-warning{background-color:#ffc107;color:#333}.toast-info{background-color:#17a2b8;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-exit{animation:slideOut .3s ease-out forwards}@media (max-width: 768px){.toast-container{width:90%;left:5%;right:5%}.toast{padding:10px 12px}.toast-message{font-size:13px}}.achievements-content{flex:1;padding:6rem 2rem;background:#f7f8fa;min-height:calc(100vh - 64px);overflow-y:auto;text-align:start}.achievements-page{background:#f7f8fa;min-height:calc(100vh - 120px)}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.achievements-header h1{margin:0;color:#333;font-size:24px;font-weight:800;text-transform:uppercase}.achievements-cta-btn{background-color:#4a6fa5;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.achievements-cta-btn:hover{background-color:#3d5d8a}.achievements-form-container{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.achievements-form-container h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.achievements-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#555;display:flex;justify-content:space-between;align-items:center}.char-count{font-size:12px;font-weight:400;color:#999}.form-group input[type=text],.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#4a6fa5}.form-group textarea{resize:vertical;min-height:80px}.image-input{padding:8px 12px;border:1px dashed #ddd;border-radius:6px;background:#fafafa;font-size:14px}.image-preview{margin-top:12px;position:relative;display:inline-block}.image-preview img{max-width:200px;max-height:150px;border-radius:6px;border:1px solid #ddd}.remove-image-btn{display:block;margin-top:8px;padding:6px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.remove-image-btn:hover{background-color:#c82333}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.cancel-btn{background-color:#e0e0e0;color:#333;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.cancel-btn:hover{background-color:#d0d0d0}.save-btn{background-color:#4a6fa5;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.save-btn:hover:not(:disabled){background-color:#3d5d8a}.save-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.cancel-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.no-achievements{display:flex;justify-content:center;align-items:center;min-height:300px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.no-achievements-content{text-align:center}.no-achievements-message{color:#666;font-size:16px;margin-bottom:20px}.no-achievements-cta-btn{background-color:#4a6fa5;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.no-achievements-cta-btn:hover{background-color:#3d5d8a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4a6fa5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{margin-top:16px;color:#666;font-size:14px}.achievements-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.achievements-table{width:100%;border-collapse:collapse;table-layout:fixed}.achievements-table thead{background-color:#f8f9fa}.achievements-table th{padding:14px 16px;text-align:left;font-size:14px;font-weight:800;color:#555;border-bottom:2px solid #e0e0e0}.achievements-table tbody tr{transition:background-color .2s ease}.achievements-table tbody tr:hover{background-color:#f8f9fa}.achievements-table td{padding:16px 14px;font-size:14px;color:#333;border-bottom:1px solid #e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievements-table td:first-child{font-weight:500}.achievements-table th:nth-child(1),.achievements-table td:nth-child(1){width:22%}.achievements-table th:nth-child(2),.achievements-table td:nth-child(2){width:35%}.achievements-table th:nth-child(3),.achievements-table td:nth-child(3){width:10%;text-align:center}.achievements-table th:nth-child(4),.achievements-table td:nth-child(4){width:10%;text-align:center}.achievements-table th:nth-child(5),.achievements-table td:nth-child(5){width:23%;text-align:left;overflow:visible;text-overflow:unset}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.icon-btn img{width:18px;height:18px}.icon-btn.edit-btn{background-color:#4a6fa5}.icon-btn.edit-btn:hover{background-color:#3d5d8a}.icon-btn.delete-btn{background-color:#dc3545}.icon-btn.delete-btn:hover{background-color:#c82333}.icon-btn.more-btn{background-color:#6c757d}.icon-btn.more-btn:hover{background-color:#5a6268}.more-menu-container{position:relative;display:inline-block}.more-menu-dropdown{position:absolute;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:1000;overflow:visible;margin-top:4px;right:0;white-space:normal}.more-menu-dropdown .menu-item{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s ease}.more-menu-dropdown .menu-item:hover{background-color:#f8f9fa}.action-buttons{display:flex;gap:12px;align-items:center}@media (max-width: 1024px){.achievements-content{padding:5.5rem 1.5rem}}@media (max-width: 768px){.achievements-content{padding:1.5rem 1rem}.achievements-page{padding:0}.achievements-header{flex-direction:column;align-items:flex-start;gap:16px}.achievements-header h1{font-size:20px}.achievements-cta-btn{width:100%}.achievements-table-container{overflow-x:auto}.achievements-table{min-width:700px}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.action-buttons{flex-direction:column}}
