@layer base{:root{--kdj-red:#dc2626;--kdj-red-dark:#b91c1c;--kdj-red-light:#fef2f2;--kdj-black:#000;--kdj-white:#fff;--kdj-gray-50:#f9fafb;--kdj-gray-100:#f3f4f6;--kdj-gray-200:#e5e7eb;--kdj-gray-300:#d1d5db;--kdj-gray-400:#9ca3af;--kdj-gray-500:#6b7280;--kdj-gray-600:#4b5563;--kdj-gray-700:#374151;--kdj-gray-800:#1f2937;--kdj-gray-900:#111827;--kdj-success:#16a34a;--kdj-warning:#f59e0b;--kdj-error:#dc2626;--kdj-info:#2563eb;--kdj-font-sans:"Inter", "Noto Sans Sinhala", system-ui, sans-serif;--kdj-gap-xs:.25rem;--kdj-gap-sm:.5rem;--kdj-gap-md:1rem;--kdj-gap-lg:1.5rem;--kdj-gap-xl:2rem;--kdj-gap-2xl:3rem;--kdj-gap-3xl:4rem;--kdj-radius-sm:6px;--kdj-radius-md:10px;--kdj-radius-lg:14px;--kdj-radius-xl:20px;--kdj-radius-full:9999px;--kdj-shadow-sm:0 1px 2px #0000000a;--kdj-shadow-md:0 4px 12px #0000000f;--kdj-shadow-lg:0 8px 24px #00000014;--kdj-shadow-xl:0 16px 40px #0000001a;--kdj-transition-fast:.15s ease;--kdj-transition-base:.25s ease;--kdj-transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--kdj-font-sans);color:var(--kdj-black);background:radial-gradient(ellipse 120% 80% at 50% 20%, #dc262626 0%, #dc26260d 35%, transparent 65%), radial-gradient(ellipse 60% 50% at 80% 80%, #dc262614 0%, transparent 55%), var(--kdj-white);min-height:100vh;padding-top:68px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000008;border-radius:4px}::-webkit-scrollbar-thumb{background:#dc262633;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#dc262659}::-webkit-scrollbar-thumb:active{background:#dc262673}*{scrollbar-width:thin;scrollbar-color:#dc262633 #00000008}.bg-orb{filter:blur(70px);opacity:.2;pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.bg-orb:first-child{background:#dc26264d;width:500px;height:500px;top:-120px;left:-120px}.bg-orb:nth-child(2){background:#dc262633;width:350px;height:350px;bottom:-100px;right:-100px}.bg-orb:nth-child(3){background:#dc262626;width:250px;height:250px;top:55%;left:65%}.bg-orb:nth-child(4){background:#dc26262e;width:300px;height:300px;top:15%;right:5%}body:before{content:"";z-index:-1;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Ctext x='90' y='110' font-size='60' font-weight='700'%3E📚%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Ctext x='60' y='80' font-size='45' font-weight='700'%3E🎓%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Ctext x='50' y='65' font-size='36' font-weight='700'%3E💡%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Ctext x='80' y='100' font-size='50' font-weight='700'%3E🧠%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ctext x='55' y='75' font-size='38' font-weight='700'%3E📖%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Ctext x='40' y='55' font-size='28' font-weight='700'%3E✏️%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Ctext x='70' y='95' font-size='44' font-weight='700'%3E🔬%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Ctext x='40' y='55' font-size='24' font-weight='700'%3E📝%3C/text%3E%3C/svg%3E");background-position:8% 8%,72% 5%,38% 15%,55% 3%,22% 28%,88% 18%,5% 32%,50% 35%;background-repeat:no-repeat;background-size:160px 160px,110px 110px,90px 90px,140px 140px,100px 100px,70px 70px,120px 120px,60px 60px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#000c 20%,#0000004d 40%,#0000 52%);mask-image:linear-gradient(#000 0%,#000c 20%,#0000004d 40%,#0000 52%)}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(80% 60% at 50% 45%,#ffffffe0 0%,#0000 75%);position:fixed;inset:0}.learn-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle,#dc26261a 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:fixed}.learn-particle{pointer-events:none;z-index:-1;line-height:1;animation:1s ease-out forwards learnParticleAnim;position:fixed}@keyframes learnParticleAnim{0%{opacity:0;transform:translate(0)scale(.3)}20%{opacity:1}to{transform:translate(var(--learn-x), var(--learn-y)) scale(.5);opacity:0}}.learn-ring{pointer-events:none;z-index:-1;border:2px solid #dc262626;border-radius:50%;width:50px;height:50px;animation:.8s ease-out forwards learnRingAnim;position:fixed}@keyframes learnRingAnim{0%{opacity:.7;transform:scale(.2)}to{opacity:0;transform:scale(3.5)}}.learn-flash{pointer-events:none;z-index:-1;background:radial-gradient(circle,#dc26260f 0%,#0000 60%);border-radius:50%;width:160px;height:160px;animation:.5s ease-out forwards learnFlashAnim;position:fixed}@keyframes learnFlashAnim{0%{opacity:.8;transform:scale(.1)}to{opacity:0;transform:scale(2)}}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}}.kdj-nav{z-index:1000;background:0 0;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,box-shadow .3s,height .3s,padding .3s;position:fixed;top:0;left:0;right:0}.kdj-nav-inner{justify-content:space-between;align-items:center;max-width:100%;height:68px;padding:0 2rem;transition:height .3s,padding .3s;display:flex}.kdj-nav.scrolled{background:#fff;border-bottom-color:#0000000f;box-shadow:0 2px 20px #00000014}.kdj-nav.scrolled .kdj-nav-inner{height:56px}.kdj-nav.scrolled .kdj-logo{font-size:1.15rem}.kdj-nav.scrolled .kdj-logo-icon{width:28px;height:28px;font-size:.82rem}.kdj-nav.scrolled .kdj-btn{padding:.45rem 1rem;font-size:.82rem}.kdj-logo{letter-spacing:-.5px;color:var(--kdj-black);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;text-decoration:none;transition:font-size .3s;display:flex}.kdj-logo span{color:var(--kdj-red)}.kdj-logo-icon{background:linear-gradient(135deg, var(--kdj-red), #ef4444);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:width .3s,height .3s,font-size .3s;display:flex}.kdj-nav-right{align-items:center;gap:.75rem;display:flex}.kdj-btn{border-radius:var(--kdj-radius-md);cursor:pointer;transition:font-size .3s, padding .3s, background var(--kdj-transition-fast), color var(--kdj-transition-fast), transform var(--kdj-transition-fast), box-shadow var(--kdj-transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.kdj-btn-primary{background:var(--kdj-red);color:var(--kdj-white);box-shadow:0 3px 10px #dc262633}.kdj-btn-primary:hover{background:var(--kdj-red-dark);transform:translateY(-1px);box-shadow:0 4px 14px #dc262640}.kdj-btn-ghost{color:var(--kdj-gray-700);background:0 0}.kdj-btn-ghost:hover{background:var(--kdj-gray-100);color:var(--kdj-black)}.kdj-hamburger{cursor:pointer;background:#0000000a;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:6px;transition:background .2s;display:none}.kdj-hamburger:hover{background:#00000014}.kdj-hamburger span{background:var(--kdj-gray-700);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.kdj-hamburger.active span:first-child{transform:translateY(6px)rotate(45deg)}.kdj-hamburger.active span:nth-child(2){opacity:0}.kdj-hamburger.active span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.kdj-mobile-overlay{z-index:9998;opacity:0;background:#0000004d;transition:opacity .3s;display:none;position:fixed;inset:0}.kdj-mobile-overlay.active{opacity:1;display:block}.kdj-mobile-sidebar{z-index:9999;background:#fff;width:280px;transition:transform .3s cubic-bezier(.15,.75,.4,1);display:none;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 30px #0000001a}.kdj-mobile-sidebar.active{display:block;transform:translate(0)}.kdj-mobile-header{border-bottom:1px solid var(--kdj-gray-100);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.kdj-mobile-header .kdj-logo{font-size:1.1rem}.kdj-mobile-header .kdj-logo-icon{width:28px;height:28px;font-size:.82rem}.kdj-mobile-body{padding:.75rem .5rem}.kdj-mobile-link{width:100%;color:var(--kdj-gray-700);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.kdj-mobile-link:hover{background:var(--kdj-gray-50)}.kdj-mobile-register{color:var(--kdj-red);font-weight:600}.kdj-mobile-logout{color:var(--kdj-gray-500);font-size:.85rem}.kdj-mobile-divider{background:var(--kdj-gray-100);height:1px;margin:.5rem 1rem}.kdj-desktop-only{display:flex}.kdj-sidebar{z-index:999;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;width:250px;transition:transform .3s;position:fixed;top:68px;bottom:1rem;left:1rem;overflow:hidden auto;box-shadow:0 4px 20px #0000000a}.kdj-sidebar-inner{flex-direction:column;height:100%;padding:.75rem 0;display:flex}.ks-user{background:#fff9;border:1px solid #ffffff80;border-radius:12px;align-items:center;gap:.75rem;margin:0 .75rem .5rem;padding:1rem 1.25rem;display:flex}.ks-avatar{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:700;display:flex}.ks-info{flex:1;overflow:hidden}.ks-name{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.ks-plan{color:var(--kdj-gray-400);font-size:.7rem;font-weight:500}.ks-nav{flex:1;padding:.25rem 0;overflow-y:auto}.ks-cat{text-transform:uppercase;letter-spacing:.06em;color:var(--kdj-gray-400);padding:.85rem 1.25rem .3rem;font-size:.65rem;font-weight:700}.ks-link{color:var(--kdj-gray-600);border-radius:8px;align-items:center;gap:.65rem;margin:0 .5rem;padding:.55rem 1.25rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.ks-link:hover{color:#000;background:#00000008}.ks-link.ks-active{background:var(--kdj-red-light);color:var(--kdj-red);font-weight:600}.ks-link.ks-locked{color:var(--kdj-gray-400);cursor:default}.ks-link.ks-admin-link{color:var(--kdj-red);font-weight:600}.ks-link.ks-upsell-link{background:linear-gradient(135deg, var(--kdj-red-light), #fff);color:var(--kdj-red);border:1px solid #dc262626;justify-content:center;margin-top:.75rem;padding:.65rem 1.25rem;font-weight:600}.ks-footer{border-top:1px solid #0000000a;margin-top:auto;padding:.5rem .75rem}.ks-logout-btn{width:100%;color:var(--kdj-gray-500);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.65rem;padding:.6rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.ks-logout-btn:hover{color:#000;background:#00000008}.ks-upsell{text-align:center;background:#ffffff80;border:1px solid #dc26261a;border-radius:12px;padding:.85rem 1rem}.ksu-title{color:var(--kdj-red);margin-bottom:.2rem;font-size:.8rem;font-weight:700}.ksu-desc{color:var(--kdj-gray-500);margin-bottom:.6rem;font-size:.72rem;line-height:1.4}.ksu-btn{background:var(--kdj-red);color:#fff;border-radius:8px;padding:.4rem 1rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.ksu-btn:hover{background:var(--kdj-red-dark)}@media (width<=768px){.kdj-desktop-only{display:none!important}.kdj-hamburger{display:flex}.kdj-nav-inner{padding:0 1rem}.kdj-sidebar{display:none}}@media (width>=769px){.kdj-sidebar{display:block}}.kdj-overlay{z-index:9999;opacity:0;visibility:hidden;transition:opacity var(--kdj-transition-base), visibility var(--kdj-transition-base);background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.kdj-overlay.active{opacity:1;visibility:visible}.kdj-modal{border-radius:var(--kdj-radius-xl);width:100%;max-width:420px;box-shadow:var(--kdj-shadow-xl);transition:transform var(--kdj-transition-base);background:#fff;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto;transform:scale(.95)translateY(10px)}.kdj-overlay.active .kdj-modal{transform:scale(1)translateY(0)}.kdj-modal-close{border-radius:var(--kdj-radius-full);background:var(--kdj-gray-100);cursor:pointer;width:32px;height:32px;color:var(--kdj-gray-500);transition:all var(--kdj-transition-fast);border:none;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;top:1rem;right:1rem}.kdj-modal-close:hover{background:var(--kdj-gray-200);color:var(--kdj-black)}.kdj-modal-logo{text-align:center;margin-bottom:1.5rem}.kdj-modal-logo a{color:var(--kdj-black);letter-spacing:-.5px;font-size:1.3rem;font-weight:800;text-decoration:none}.kdj-modal-logo a span{color:var(--kdj-red)}.kdj-modal h1{color:var(--kdj-black);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.kdj-modal .subtitle{color:var(--kdj-gray-500);margin-bottom:2rem;font-size:.9rem}.kdj-modal .form-group{margin-bottom:1.25rem}.kdj-modal .form-group label{color:var(--kdj-gray-700);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.kdj-modal .form-group input{border:1.5px solid var(--kdj-gray-200);border-radius:var(--kdj-radius-md);width:100%;transition:border var(--kdj-transition-fast);box-sizing:border-box;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.kdj-modal .form-group input:focus{border-color:var(--kdj-red);box-shadow:0 0 0 3px #dc26261a}.kdj-modal .pw-wrap{position:relative}.kdj-modal .pw-wrap input{padding-right:3rem!important}.kdj-modal .pw-toggle{cursor:pointer;color:var(--kdj-gray-400);transition:color var(--kdj-transition-fast);background:0 0;border:none;padding:.25rem;font-size:1.2rem;line-height:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.kdj-modal .pw-toggle:hover{color:var(--kdj-gray-700)}.kdj-modal .remember-row{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.kdj-modal .remember-row label{color:var(--kdj-gray-500);cursor:pointer;font-size:.85rem}.kdj-modal .forgot-link{text-align:right;margin-top:.35rem}.kdj-modal .forgot-link a{color:var(--kdj-red);font-size:.85rem;text-decoration:none}.kdj-modal .modal-error{background:var(--kdj-red-light);color:var(--kdj-red);border-radius:var(--kdj-radius-md);margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.kdj-modal .modal-success{color:#059669;border-radius:var(--kdj-radius-md);background:#ecfdf5;border:1px solid #a7f3d0;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.kdj-modal .kdj-btn-submit{background:var(--kdj-red);width:100%;color:var(--kdj-white);border-radius:var(--kdj-radius-md);cursor:pointer;transition:background var(--kdj-transition-fast);border:none;padding:.85rem;font-family:inherit;font-size:1rem;font-weight:600}.kdj-modal .kdj-btn-submit:hover{background:var(--kdj-red-dark)}.kdj-modal .modal-footer-link{text-align:center;color:var(--kdj-gray-500);margin-top:1.5rem;font-size:.9rem}.kdj-modal .modal-footer-link a{color:var(--kdj-red);cursor:pointer;font-weight:600;text-decoration:none}