:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{z-index:1000;pointer-events:none;position:fixed;top:12px;left:0;right:0}.navbar.scrolled .navbar-container{box-shadow:0 8px 32px #0208171a, 0 0 0 1px rgba(var(--primary-rgb), .08), 0 1px 0 #fff9 inset;background:#ffffffe0}[data-theme=dark] .navbar.scrolled .navbar-container{box-shadow:0 10px 36px #0208178c, 0 0 0 1px rgba(var(--primary-rgb), .14);background:#07111fd9}.navbar-container{pointer-events:auto;background:var(--surface-glass);-webkit-backdrop-filter:blur(22px)saturate(150%);border:1px solid var(--surface-glass-border);max-width:1240px;height:60px;box-shadow:0 4px 24px #0208170f, 0 0 32px rgba(var(--secondary-rgb), .05), inset 0 1px 0 #ffffff59;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 14px 0 20px;transition:background .35s,box-shadow .35s;display:flex;overflow:visible}[data-theme=dark] .navbar-container{background:#0b172ab8;border-color:#38bdf81f;box-shadow:0 6px 28px #02081773,0 0 40px #8b5cf612,inset 0 1px #94a3b814}.navbar-logo{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:10px;font-size:1.18rem;font-weight:800;text-decoration:none;transition:transform .25s;display:flex}.navbar-logo:hover{transform:translateY(-1px)}.logo-icon-wrap{background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;transform:perspective(300px)rotateX(6deg);box-shadow:0 4px 14px #2563eb73,0 0 0 1px #67e8f959,inset 0 1px #ffffff73}.logo-icon-wrap:before{content:"";filter:blur(9px);z-index:-1;opacity:.75;background:linear-gradient(135deg,#2563eb59,#06b6d459);border-radius:15px;transition:opacity .3s;position:absolute;inset:-5px}.navbar-logo:hover .logo-icon-wrap{transform:perspective(300px)rotateX(0)translateY(-2px)rotate(-4deg)scale(1.06);box-shadow:0 8px 22px #2563eb8c,0 0 0 1px #67e8f98c,inset 0 1px #ffffff8c}.navbar-logo:hover .logo-icon-wrap:before{opacity:1}.logo-icon-inner{color:#f0f9ff;text-shadow:0 1px 2px #02081759;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;font-weight:700}.logo-text{white-space:nowrap}.logo-highlight{background:linear-gradient(120deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-menu{align-items:center;gap:24px;display:flex}.navbar-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-muted);border-radius:999px;padding:8px 15px;font-size:.86rem;font-weight:600;text-decoration:none;transition:color .25s,background .25s,transform .25s,box-shadow .25s;position:relative}.nav-link:hover{color:var(--primary);background:rgba(var(--primary-rgb), .09);box-shadow:0 4px 14px rgba(var(--primary-rgb), .16);transform:translateY(-2px)}.nav-link-active{font-weight:700;animation:2.8s ease-in-out infinite navActiveGlow;color:#fff!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;box-shadow:0 4px 16px #2563eb66,0 0 18px #06b6d440!important}@keyframes navActiveGlow{0%,to{box-shadow:0 4px 16px #2563eb61,0 0 14px #06b6d438}50%{box-shadow:0 4px 20px #2563eb80,0 0 26px #06b6d466}}.navbar-actions{align-items:center;gap:8px;display:flex}.theme-toggle,.hamburger{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle{border:1.5px solid var(--border);color:var(--text-muted);box-shadow:none;background:0 0}.theme-toggle:hover{border-color:var(--primary-light);color:var(--primary);background:rgba(var(--primary-rgb), .1);box-shadow:0 4px 14px var(--primary-glow);transform:translateY(-2px)rotate(8deg)}.theme-toggle:active{box-shadow:none;transform:translateY(1px)}.hamburger{border:1.5px solid var(--border);color:var(--text-primary);background:0 0;padding:6px;display:none}.hamburger:hover{border-color:var(--primary-light);color:var(--primary);box-shadow:0 4px 14px var(--primary-glow);transform:scale(1.06)}.mobile-overlay{display:none}@media (width<=900px){.nav-link{padding:8px 11px;font-size:.82rem}.navbar-menu{gap:12px}.logo-text{display:none}}@media (width<=768px){.navbar{top:10px}.hamburger{display:flex}.navbar-menu{background:var(--surface-glass);-webkit-backdrop-filter:blur(26px)saturate(150%);border:1px solid var(--surface-glass-border);opacity:0;z-index:1;border-radius:24px;flex-direction:column;align-items:stretch;gap:8px;padding:18px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s;position:fixed;inset:80px 12px 0;overflow-y:auto;transform:translate(calc(100% + 24px));box-shadow:0 24px 64px #02081740}.navbar-menu.active{opacity:1;transform:translate(0)}.navbar-links{flex-direction:column;align-items:stretch;gap:6px}.nav-link{text-align:left;border-radius:14px;padding:13px 18px;font-size:.95rem}.nav-link:hover{transform:none}.mobile-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:0;background:#02081773;animation:.3s both overlayIn;display:block;position:fixed;inset:0}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.nav-link-active{animation:none!important}.navbar-logo,.logo-icon-wrap,.theme-toggle,.nav-link{transition-duration:.01ms!important}}.footer{color:var(--text-muted);background:#0c1222;margin-top:auto;padding:64px 0 0;position:relative;overflow:hidden}.footer-container{max-width:1400px;margin:0 auto;padding:0 24px}.footer-grid{z-index:1;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid;position:relative}.footer-brand{flex-direction:column;gap:14px;display:flex}.footer-logo{color:#e0f2fe;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.footer-logo-icon{background:var(--gradient-primary);width:32px;height:32px;box-shadow:0 3px 0 var(--primary-dark), 0 4px 10px rgba(var(--primary-rgb), .3);border-radius:8px;justify-content:center;align-items:center;display:flex}.fli-inner{color:#e0f2fe;font-family:Fira Code,monospace;font-size:.7rem;font-weight:800}.footer-logo .logo-highlight{color:var(--primary-light)}.footer-description{color:var(--text-muted);max-width:280px;font-size:.85rem;line-height:1.6}.social-links{gap:10px;display:flex}.social-link{width:36px;height:36px;color:var(--text-muted);background:#162032;border-radius:10px;justify-content:center;align-items:center;font-size:.95rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px #0000004d}.social-link:hover{background:var(--primary);color:#e0f2fe;box-shadow:0 4px 0 rgba(var(--primary-rgb), .4), 0 8px 16px rgba(var(--primary-rgb), .2);transform:translateY(-3px)}.footer-section h4{color:#e0f2fe;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.85rem;font-weight:600}.footer-section ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-section ul a{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-section ul a:hover{color:var(--primary-light)}.footer-3d-laptop{z-index:0;opacity:.35;animation:6s ease-in-out infinite flFloat;position:absolute;bottom:40px;right:40px;transform:perspective(500px)rotateY(-8deg)rotateX(5deg)}@keyframes flFloat{0%,to{transform:perspective(500px)rotateY(-8deg)rotateX(5deg)translateY(0)}50%{transform:perspective(500px)rotateY(-5deg)rotateX(3deg)translateY(-6px)}}.fl-screen{background:linear-gradient(150deg, rgba(var(--secondary-rgb), .3), rgba(var(--secondary-rgb), .4));border:1px solid rgba(var(--primary-rgb), .2);width:180px;height:115px;box-shadow:0 0 30px rgba(var(--primary-rgb), .2);border-radius:10px 10px 2px 2px;flex-direction:column;gap:6px;padding:12px 10px;display:flex}.fl-line{border-radius:2px;height:5px}.fl-l1{background:var(--primary-light);width:65%}.fl-l2{background:var(--primary);width:45%}.fl-l3{background:var(--secondary-light);width:80%}.fl-l4{background:var(--primary-light);width:35%}.fl-base{background:linear-gradient(150deg,#475569,#334155);border-radius:0 0 8px 8px;width:210px;height:10px;margin-left:-15px;box-shadow:0 4px 12px #0003}.fl-glow{background:radial-gradient(circle, rgba(var(--primary-rgb), .15), transparent 70%);pointer-events:none;width:160px;height:160px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.footer-bottom{z-index:1;border-top:1px solid #1a2538;justify-content:space-between;align-items:center;padding:20px 0;font-size:.8rem;display:flex;position:relative}.made-with{color:var(--text-muted)}@media (width<=1024px){.footer-3d-laptop{display:none}}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}[data-theme=dark] .footer{background:#020617}[data-theme=dark] .footer-section ul a:hover{color:var(--primary-light)}[data-theme=dark] .social-link{background:var(--surface-elevated);border:1px solid #334155}[data-theme=dark] .footer-bottom{border-top-color:var(--text-primary)}.spin-section{background:radial-gradient(circle at 15% 20%, rgba(var(--primary-rgb), .07), transparent 45%), radial-gradient(circle at 85% 80%, rgba(var(--secondary-rgb), .07), transparent 45%), var(--gradient-hero);padding:90px 24px;position:relative;overflow:hidden}.sw-deco{background:linear-gradient(135deg, rgba(var(--primary-rgb), .18), rgba(var(--secondary-rgb), .14));pointer-events:none;border-radius:14px;animation:9s ease-in-out infinite swFloatCube;position:absolute;box-shadow:0 14px 30px #00000014}.sw-deco-1{width:46px;height:46px;top:12%;left:6%;transform:rotate(18deg)}.sw-deco-2{width:30px;height:30px;animation-delay:1.4s;bottom:16%;right:8%;transform:rotate(-14deg)}.sw-deco-3{background:linear-gradient(135deg,#f59e0b4d,#f43f5e33);width:22px;height:22px;animation-delay:2.6s;top:55%;right:20%;transform:rotate(32deg)}@keyframes swFloatCube{0%,to{translate:0;rotate:0deg}50%{translate:0 -26px;rotate:10deg}}.sw-container{z-index:1;max-width:1100px;margin:0 auto;position:relative}.sw-header{text-align:center;margin-bottom:44px}.sw-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-on-primary);background:var(--gradient-primary);box-shadow:var(--shadow-glow);border-radius:999px;margin-bottom:14px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.sw-header h2{letter-spacing:-.02em;font-size:2.4rem;font-weight:800}.sw-grad-text{background:var(--gradient-secondary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sw-header p{color:var(--text-muted);margin-top:8px}.sw-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:48px;display:grid}.sw-scene{perspective:900px;justify-content:center;display:flex;position:relative}.sw-wheel-tilt{width:340px;height:340px;transform-style:preserve-3d;position:relative;transform:rotateX(16deg)}.sw-wheel{box-shadow:0 0 0 10px var(--surface), 0 0 0 14px rgba(var(--primary-rgb), .35), 0 0 0 17px var(--surface), 0 26px 50px #00000040;border-radius:50%;position:absolute;inset:0}.sw-label{pointer-events:none;flex-direction:column;align-items:center;gap:1px;width:80px;margin:-34px 0 0 -40px;display:flex;position:absolute;top:50%;left:50%}.sw-label-icon{filter:drop-shadow(0 2px 3px #00000059);font-size:1.35rem}.sw-label-name{letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px #0000008c;white-space:nowrap;font-size:.62rem;font-weight:800}.sw-hub{width:74px;height:74px;color:var(--primary-dark);z-index:3;background:radial-gradient(circle at 32% 28%,#fff,#e2e8f0 60%,#cbd5e1);border-radius:50%;place-items:center;margin:-37px 0 0 -37px;font-size:1.05rem;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translateZ(14px);box-shadow:inset 0 -5px 10px #0000001f,inset 0 4px 8px #ffffffe6,0 8px 18px #00000040}.sw-rim-glow{background:radial-gradient(circle, transparent 58%, rgba(var(--primary-rgb), .28) 72%, transparent 78%);opacity:.45;pointer-events:none;border-radius:50%;transition:opacity .5s;position:absolute;inset:-26px}.sw-scene.spinning .sw-rim-glow{opacity:1;animation:1s ease-in-out infinite swGlowPulse}@keyframes swGlowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sw-pointer{z-index:5;color:var(--accent2);filter:drop-shadow(0 4px 6px #0000004d);transform-origin:top;font-size:1.7rem;line-height:1;animation:.5s ease-in-out infinite swPointerNudge;position:absolute;top:-14px;left:50%;translate:-50%}.sw-scene:not(.spinning) .sw-pointer{animation:none}@keyframes swPointerNudge{0%,to{rotate:0deg}50%{rotate:14deg}}.sw-panel{perspective:800px}.sw-idle-card,.sw-result-card{background:var(--surface);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-lg);border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:36px 32px;display:flex}.sw-idle-card h3,.sw-result-card h3{font-size:1.4rem}.sw-idle-card p,.sw-result-card p{color:var(--text-muted);max-width:320px;margin:0 auto}.sw-idle-icon{font-size:3rem;line-height:1}.sw-bounce{animation:.9s ease-in-out infinite swBounce;display:inline-block}@keyframes swBounce{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-12px)rotate(8deg)}}.sw-spin-btn{margin-top:10px;padding:13px 30px;font-weight:700}.sw-result-card{animation:.65s cubic-bezier(.34,1.56,.64,1) both swResultIn}@keyframes swResultIn{0%{opacity:0;transform:translateY(30px)rotateX(-18deg)scale(.92)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}.sw-result-pop{--rc:var(--primary);background:linear-gradient(145deg, color-mix(in srgb, var(--rc) 22%, transparent), color-mix(in srgb, var(--rc) 8%, transparent));border:1px solid color-mix(in srgb, var(--rc) 40%, transparent);width:96px;height:96px;box-shadow:0 16px 32px color-mix(in srgb, var(--rc) 30%, transparent);border-radius:26px;place-items:center;font-size:3rem;animation:3.2s ease-in-out infinite swPopTilt;display:grid}@keyframes swPopTilt{0%,to{transform:rotateY(0)rotateX(0)}33%{transform:rotateY(14deg)rotateX(6deg)}66%{transform:rotateY(-14deg)rotateX(-4deg)}}.sw-result-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.74rem;font-weight:800}.sw-again-link{color:var(--text-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:6px;font-size:.85rem;text-decoration:underline;transition:color .2s}.sw-again-link:hover{color:var(--primary)}@media (width<=860px){.sw-layout{grid-template-columns:1fr;gap:40px}.sw-header h2{font-size:1.9rem}.sw-wheel-tilt{width:290px;height:290px;transform:rotateX(10deg)}.sw-label{transform-origin:50%}}.scroll-reveal{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.hl{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero{background:linear-gradient(170deg, rgba(var(--primary-rgb), .04) 0%, rgba(var(--primary-rgb), .06) 35%, rgba(var(--secondary-rgb), .03) 65%, rgba(var(--secondary-rgb), .04) 100%);align-items:center;min-height:80vh;padding:110px 24px 40px;display:flex;position:relative;overflow:hidden}.hero-orb{filter:blur(100px);opacity:.3;pointer-events:none;border-radius:50%;position:absolute}.hero-orb-1{background:var(--primary);width:420px;height:420px;animation:10s ease-in-out infinite hOrb1;top:-120px;right:-80px}.hero-orb-2{background:var(--secondary);width:320px;height:320px;animation:12s ease-in-out infinite hOrb2;bottom:-100px;left:-60px}.hero-orb-3{background:var(--secondary-light);width:180px;height:180px;animation:8s ease-in-out infinite hOrb3;top:30%;left:55%}@keyframes hOrb1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,25px)scale(1.06)}}@keyframes hOrb2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(25px,-30px)scale(1.04)}}@keyframes hOrb3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}.hero-container{z-index:1;grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;max-width:1400px;margin:0 auto;display:grid;position:relative}.hero-content{flex-direction:column;gap:20px;display:flex}.hero-title{color:var(--text-primary);letter-spacing:-.025em;font-size:3.6rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-muted);max-width:440px;font-size:1.05rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-btn-primary{padding:14px 28px;font-size:.95rem;font-weight:600}.hero-btn-secondary{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.hero-btn-secondary:hover{color:var(--primary)}.play-icon{background:var(--primary);color:#e0f2fe;width:32px;height:32px;box-shadow:0 3px 10px rgba(var(--primary-rgb), .3);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.hero-visual{perspective:1200px;height:420px;position:relative}.hero-3d-stage{width:100%;height:100%;transform-style:preserve-3d;position:relative}.hero-laptop{transform-style:preserve-3d;animation:6s ease-in-out infinite laptopFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(8deg)rotateY(-4deg)}@keyframes laptopFloat{0%,to{transform:translate(-50%,-50%)rotateX(8deg)rotateY(-4deg)translateY(0)}50%{transform:translate(-50%,-50%)rotateX(5deg)rotateY(-2deg)translateY(-10px)}}.laptop-screen{width:300px;height:190px;box-shadow:0 0 50px rgba(var(--primary-rgb), .3), 0 0 100px rgba(var(--primary-rgb), .1), inset 0 1px 0 #ffffff1a;border:1.5px solid rgba(var(--primary-rgb), .25);background:linear-gradient(150deg,#0c1222,#1a1040,#0c1222);border-radius:14px 14px 2px 2px;flex-direction:column;gap:9px;padding:18px 16px;display:flex;position:relative;overflow:hidden}.laptop-screen:after{content:"";background:linear-gradient(90deg,#0000,#6366f180,#0000);height:2px;position:absolute;top:0;left:0;right:0}.laptop-base{background:linear-gradient(150deg, var(--primary-light), var(--secondary-light), var(--primary-light));border-radius:0 0 10px 10px;width:340px;height:14px;margin-left:-20px;position:relative;box-shadow:0 8px 24px #00000026}.laptop-base:after{content:"";background:#ffffff4d;border-radius:2px;width:40px;height:4px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.code-line{border-radius:3px;height:7px;animation:3.5s ease-in-out infinite codePulse}.cl-1{background:var(--primary-light);width:72%;animation-delay:0s}.cl-2{background:var(--primary);width:50%;animation-delay:.4s}.cl-3{background:var(--secondary-light);width:88%;animation-delay:.8s}.cl-4{background:var(--primary-light);width:35%;animation-delay:1.2s}.cl-5{background:var(--secondary-light);width:62%;animation-delay:1.6s}@keyframes codePulse{0%,to{opacity:.65}50%{opacity:1}}.h-tech-card{-webkit-backdrop-filter:blur(14px);color:var(--text-primary);box-shadow:0 4px 12px #00000012, 0 1px 3px rgba(var(--primary-rgb), .1), inset 0 1px 0 #ffffffe6;white-space:nowrap;z-index:3;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:16px;align-items:center;gap:10px;padding:12px 18px;font-size:.82rem;font-weight:600;animation:5s ease-in-out infinite hCardFloat;display:flex;position:absolute}.h-tc-1{animation-delay:0s;top:20px;left:5%}.h-tc-2{animation-delay:.7s;top:60px;right:0}.h-tc-3{animation-delay:1.4s;bottom:100px;left:0}.h-tc-4{animation-delay:2.1s;bottom:30px;right:5%}.h-tc-5{animation-delay:2.8s;top:50%;right:-5%}@keyframes hCardFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1.5deg)}}.htc-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 2px 6px #00000014}.htc-java{color:#b8720e;background:linear-gradient(135deg,#f89820,#f8982020)}.htc-python{color:#3776ab;background:linear-gradient(135deg,#3776ab20,#3776ab10)}.htc-js{color:#b8a600;background:linear-gradient(135deg,#f7df1e30,#f7df1e15);font-size:.8rem}.htc-react{color:#0d9bcc;background:linear-gradient(135deg,#61dafb20,#61dafb10)}.htc-sql{color:#336791;background:linear-gradient(135deg,#33679120,#33679110);font-size:.75rem}.h-cube{opacity:.5;border-radius:5px;animation:9s linear infinite cubeSpin;position:absolute}.h-cube-1{background:linear-gradient(135deg, var(--primary-light), var(--primary));width:22px;height:22px;animation-delay:0s;top:12%;right:18%}.h-cube-2{background:linear-gradient(135deg, var(--secondary-light), #7c3aed);width:14px;height:14px;animation-delay:2s;bottom:18%;left:12%}.h-cube-3{background:linear-gradient(135deg, var(--secondary-light), var(--secondary));border-radius:3px;width:10px;height:10px;animation-delay:4s;top:35%;left:8%}@keyframes cubeSpin{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(180deg)translateY(-6px)}to{transform:rotate(360deg)translateY(0)}}.h-ring{border:2px solid #6366f11f;border-radius:50%;animation:5.5s ease-in-out infinite ringPulse;position:absolute}.h-ring-1{width:70px;height:70px;top:8%;left:40%}.h-ring-2{width:50px;height:50px;animation-delay:2s;bottom:20%;right:15%}@keyframes ringPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.45;transform:scale(1.12)}}.h-sphere{border-radius:50%;animation:7s ease-in-out infinite sphereFloat;position:absolute}.h-sphere-1{background:radial-gradient(circle at 35% 35%, var(--secondary-light), #7c3aed44);width:28px;height:28px;animation-delay:.3s;top:18%;right:32%;box-shadow:0 4px 12px #7c3aed26}.h-sphere-2{background:radial-gradient(circle at 35% 35%,#93c5fd,#3b82f644);width:18px;height:18px;animation-delay:1.8s;bottom:28%;left:30%;box-shadow:0 4px 12px #3b82f61f}.h-sphere-3{background:radial-gradient(circle at 35% 35%, var(--secondary-light), var(--primary)44);width:12px;height:12px;animation-delay:3.3s;top:55%;right:8%}@keyframes sphereFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.08)}}.h-dot{background:var(--primary-light);opacity:.3;border-radius:50%;width:6px;height:6px;animation:6s ease-in-out infinite dotDrift;position:absolute}.h-dot-1{animation-delay:0s;top:22%;left:28%}.h-dot-2{animation-delay:1.5s;top:60%;right:28%}.h-dot-3{animation-delay:3s;bottom:12%;left:38%}.h-dot-4{width:4px;height:4px;animation-delay:4.5s;top:40%;right:18%}@keyframes dotDrift{0%,to{transform:translate(0)}50%{transform:translate(5px,-7px)}}.h-code-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--secondary-light);z-index:3;background:#1e1b4bd9;border-radius:12px;padding:10px 16px;font-family:Fira Code,monospace;font-size:1rem;font-weight:700;animation:5s ease-in-out 1s infinite hCardFloat;position:absolute;top:5%;right:12%;box-shadow:0 4px 16px #1e1b4b4d}.main-content-section{z-index:2;margin-top:-20px;padding:0 24px 60px;position:relative}.two-col-layout{grid-template-columns:48% 52%;align-items:start;gap:24px;display:grid}.left-column,.right-column{flex-direction:column;gap:20px;display:flex}.stats-row-home{gap:12px;display:flex}.stat-pill-home{background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:14px;flex:1;align-items:center;gap:12px;padding:16px 18px;transition:all .3s;display:flex}.stat-pill-home:hover{box-shadow:0 6px 16px rgba(var(--primary-rgb), .08);transform:translateY(-3px)}.stat-icon-pill{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex}.stat-val{color:var(--text-primary);font-size:1.3rem;font-weight:800;line-height:1.2}.stat-lbl{color:var(--text-muted);margin-top:2px;font-size:.75rem}.tech-panel-home,.quiz-panel-home{background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:18px;padding:24px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.view-all-link{color:var(--primary);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#4f46e5}.tech-row-home{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tech-pill-home{background:var(--surface-alt);border:1px solid var(--border-light);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tech-pill-home:hover{box-shadow:0 6px 16px rgba(var(--primary-rgb), .1);border-color:var(--tc,var(--primary));background:var(--surface);transform:translateY(-5px)rotateX(4deg)}.tp-icon-box{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:transform .3s;display:flex;box-shadow:0 2px 6px #0000000f,inset 0 1px #fffc}.tech-pill-home:hover .tp-icon-box{transform:translateY(-3px)scale(1.05)}.tp-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.quiz-cards-col{flex-direction:column;gap:14px;display:flex}.quiz-card-dark-home{background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:16px;gap:0;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.quiz-card-dark-home:hover{box-shadow:0 8px 20px rgba(var(--primary-rgb), .1);transform:translateY(-4px)}.qcd-visual{flex-shrink:0;justify-content:center;align-items:center;width:120px;min-height:110px;display:flex;position:relative;overflow:hidden;background:linear-gradient(145deg,#0c1222,#1a1040)!important}.qcd-icon{z-index:2;filter:drop-shadow(0 4px 8px #0003);font-size:2.5rem;animation:3.5s ease-in-out infinite iconBob;position:relative}@keyframes iconBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.qcd-ring{border:1.5px solid;border-radius:50%;width:70px;height:70px;animation:4s ease-in-out infinite ringPulse;position:absolute}.qcd-body{flex-direction:column;flex:1;justify-content:center;padding:16px 20px;display:flex}.qcd-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.qcd-tech{font-size:.78rem;font-weight:600}.qcd-diff{border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:600}.qcd-title{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:600;line-height:1.3}.qcd-meta{align-items:center;gap:6px;margin-bottom:12px;display:flex}.qcd-meta span{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.qcd-bottom{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.qcd-pass{color:var(--text-muted);font-size:.78rem}.qcd-btn{padding:7px 16px;font-size:.78rem;background:#2563eb!important;box-shadow:0 3px #1d4ed8,0 4px 10px #2563eb4d!important}.qcd-btn:hover{background:#1d4ed8!important;box-shadow:0 5px #1e40af,0 8px 18px #2563eb59!important}.how-section{background:var(--surface-alt);padding:60px 24px}.how-steps-row{justify-content:center;align-items:flex-start;gap:0;display:flex}.how-step-item{align-items:center;gap:0;display:flex}.how-step-card{text-align:center;background:var(--surface);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;align-items:center;min-width:130px;padding:24px 18px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 6px #00000005}.how-step-card:hover{box-shadow:0 8px 20px rgba(var(--primary-rgb), .08);transform:translateY(-5px)}.how-num{background:var(--gradient-primary);color:#e0f2fe;width:28px;height:28px;box-shadow:0 3px 10px rgba(var(--primary-rgb), .3);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:.75rem;font-weight:700;display:flex}.how-step-icon{margin-bottom:10px;font-size:1.6rem}.how-step-title{color:var(--text-primary);max-width:90px;font-size:.82rem;font-weight:600;line-height:1.3}.how-arrow-connector{color:var(--text-muted);align-items:center;margin-top:-20px;padding:0 8px;font-size:1.2rem;display:flex}.lb-banner-section{padding:0 24px 60px}.lb-banner{background:linear-gradient(135deg, var(--primary-dark), var(--secondary));box-shadow:0 8px 16px rgba(var(--primary-rgb), .15), 0 24px 56px #0000001a;border-radius:24px;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:24px;padding:48px 40px;display:grid;position:relative;overflow:hidden}.lb-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#6366f126,#0000 50%);width:160%;height:200%;position:absolute;top:-50%;left:-30%}.lb-left{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.lb-trophy-wrap{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.lb-trophy-emoji{z-index:2;filter:drop-shadow(0 6px 12px #0000004d);font-size:4rem;animation:3s ease-in-out infinite trophyBob;position:relative}@keyframes trophyBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lb-ring-anim{border:2px solid #ffffff1a;border-radius:50%;animation:5s ease-in-out infinite ringPulse;position:absolute}.lb-ring-a{width:100px;height:100px}.lb-ring-b{width:130px;height:130px;animation-delay:1.5s}.lb-center{text-align:center;z-index:2;color:#e0f2fe;position:relative}.lb-center h2{color:#60a5fa;margin-bottom:10px;font-size:2rem;font-weight:800}.lb-center p{color:var(--primary-light);margin-bottom:24px;font-size:1rem;line-height:1.6}.lb-btn{background:var(--surface);color:var(--text-primary);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #00000026}.lb-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.lb-right{z-index:2;justify-content:center;align-items:flex-end;padding-bottom:10px;display:flex;position:relative}.podium-wrap{align-items:flex-end;gap:8px;display:flex}.podium-spot{flex-direction:column;align-items:center;display:flex;position:relative}.podium-avatar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:4px;font-size:1.1rem;display:flex}.pa-1{background:linear-gradient(135deg,#facc15,#f59e0b);border-color:#facc15;width:42px;height:42px}.podium-bar{border-radius:6px 6px 0 0;transition:all .3s}.pb-1{background:linear-gradient(#facc15,#eab308);width:60px;height:80px}.pb-2{background:linear-gradient(#94a3b8,#64748b);width:50px;height:55px}.pb-3{background:linear-gradient(#d97706,#b45309);width:50px;height:40px}.podium-rank{color:#ffffffb3;padding-bottom:4px;font-size:.7rem;font-weight:700;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lb-cube-float{opacity:.4;border-radius:4px;animation:8s linear infinite cubeSpin;position:absolute}.lb-cf-1{background:var(--primary-light);width:12px;height:12px;top:20%;right:10%}.lb-cf-2{background:var(--secondary-light);width:8px;height:8px;animation-delay:2s;bottom:30%;left:15%}.lb-cf-3{background:var(--secondary-light);width:10px;height:10px;animation-delay:4s;top:50%;right:5%}.section{padding:60px 24px}.section-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:36px}.section-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:700}[data-theme=dark] .hero{background:var(--gradient-hero)}[data-theme=dark] .hero-title{color:var(--text-primary)}[data-theme=dark] .hero-subtitle,[data-theme=dark] .hero-btn-secondary{color:var(--text-muted)}[data-theme=dark] .hero-orb-1{background:var(--primary-dark)}[data-theme=dark] .hero-orb-2{background:#6d28d9}[data-theme=dark] .hero-orb-3{background:#7c3aed}[data-theme=dark] .stat-pill-home,[data-theme=dark] .tech-panel-home,[data-theme=dark] .quiz-panel-home{background:var(--surface-elevated);border-color:var(--text-primary)}[data-theme=dark] .stat-val,[data-theme=dark] .panel-header h3,[data-theme=dark] .qcd-title{color:var(--text-primary)}[data-theme=dark] .tech-pill-home{background:var(--surface-elevated);border-color:var(--text-primary)}[data-theme=dark] .tech-pill-home:hover{background:#334155}[data-theme=dark] .tp-name,[data-theme=dark] .stat-lbl{color:var(--text-muted)}[data-theme=dark] .quiz-card-dark-home{background:var(--surface-elevated);border-color:var(--text-primary)}[data-theme=dark] .qcd-bottom{border-top-color:var(--text-primary)}[data-theme=dark] .how-section{background:var(--surface)}[data-theme=dark] .how-step-card{background:var(--surface-elevated);border-color:var(--text-primary)}[data-theme=dark] .how-step-title,[data-theme=dark] .section-header h2{color:var(--text-primary)}[data-theme=dark] .how-arrow-connector{color:var(--text-secondary)}@media (width<=1200px){.two-col-layout{grid-template-columns:1fr 1fr}}@media (width<=1024px){.hero-container{grid-template-columns:1fr;gap:40px}.hero{min-height:auto;padding:100px 24px 50px}.hero-title{font-size:2.6rem}.hero-visual{height:300px}.laptop-screen{width:220px;height:140px}.laptop-base{width:256px;margin-left:-18px}.two-col-layout{grid-template-columns:1fr}.stats-row-home{flex-wrap:wrap}.lb-banner{text-align:center;grid-template-columns:1fr;padding:36px 24px}.lb-left,.lb-right{justify-content:center}}@media (width<=768px){.hero-title{font-size:2rem}.hero-actions{flex-direction:column;align-items:flex-start}.h-tech-card{padding:8px 12px;font-size:.7rem}.htc-icon-box{width:28px;height:28px;font-size:.85rem}.h-cube,.h-sphere,.h-dot,.h-code-badge{display:none}.stats-row-home{flex-direction:column}.tech-row-home{grid-template-columns:repeat(3,1fr);gap:8px}.quiz-card-dark-home{flex-direction:column}.qcd-visual{width:100%;min-height:90px}.how-steps-row{flex-wrap:wrap;justify-content:center;gap:8px}.how-arrow-connector{display:none}.how-step-card{min-width:100px;padding:18px 14px}}@media (width<=480px){.hero-title{font-size:1.7rem}.tech-row-home{grid-template-columns:repeat(2,1fr)}.how-step-card{min-width:80px}}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transition:none;transform:none}.hero-orb,.h-tech-card,.h-cube,.h-ring,.h-sphere,.h-dot,.hero-laptop,.qcd-icon,.qcd-ring,.lb-trophy-emoji,.lb-ring-anim,.lb-cube-float,.code-line,.h-code-badge,.podium-avatar{animation:none!important}}.sk-box{background:linear-gradient(90deg, var(--border-light) 25%, var(--border) 45%, var(--border-light) 65%);background-size:200% 100%;animation:1.4s ease-in-out infinite skShimmer}@keyframes skShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.sk-card{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:22px;padding:26px}.sk-card-top{justify-content:space-between;align-items:center;display:flex}.sk-row{gap:8px;margin-top:16px;display:flex}.sk-roadmap{padding:12px 0;position:relative}.sk-roadmap:before{content:"";background:var(--border-light);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:27px}.sk-roadmap-item{align-items:center;gap:18px;margin-bottom:22px;display:flex}.sk-roadmap-node{background:var(--border-light);z-index:1;border-radius:50%;flex-shrink:0;width:30px;height:30px;animation:1.4s ease-in-out infinite skShimmer}.sk-roadmap-card{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:14px;flex:1;max-width:420px;padding:16px 18px}.sk-video-screen{aspect-ratio:16/9;background:var(--border-light);border-radius:16px;justify-content:center;align-items:center;animation:1.4s ease-in-out infinite skShimmer;display:flex}.sk-play-btn{background:var(--border);opacity:.7;border-radius:50%;width:54px;height:54px}@media (prefers-reduced-motion:reduce){.sk-box,.sk-video-screen,.sk-play-btn,.sk-roadmap-node{animation:none!important}}@media (width<=768px){.sk-grid{grid-template-columns:1fr}}.technologies-page{background:radial-gradient(ellipse at 15% 15%, rgba(var(--primary-rgb), .06) 0%, transparent 55%), radial-gradient(ellipse at 85% 85%, rgba(var(--secondary-rgb), .05) 0%, transparent 55%), linear-gradient(170deg, #f8faff 0%, #f1f5ff 40%, #f5f3ff 70%, #faf5ff 100%);min-height:calc(100vh - 64px);padding:100px 24px 60px;position:relative;overflow:hidden}.tech-bg-orb{filter:blur(100px);opacity:.2;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.tech-bg-orb-1{background:var(--primary);width:400px;height:400px;animation:12s ease-in-out infinite techOrbFloat1;top:-120px;right:-80px}.tech-bg-orb-2{background:var(--secondary);width:300px;height:300px;animation:14s ease-in-out infinite techOrbFloat2;bottom:-80px;left:-80px}.tech-bg-orb-3{background:var(--accent);width:200px;height:200px;animation:16s ease-in-out infinite techOrbFloat3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes techOrbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-30px,25px)scale(1.08)}66%{transform:translate(15px,-15px)scale(.95)}}@keyframes techOrbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-20px)scale(1.05)}66%{transform:translate(-20px,10px)scale(.97)}}@keyframes techOrbFloat3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}.tech-float-container{pointer-events:none;z-index:0;position:absolute;inset:0}.tech-float-el{opacity:.08;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;font-weight:700;animation:14s ease-in-out infinite techTokenFloat;position:absolute}@keyframes techTokenFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-18px)rotate(5deg)}50%{transform:translateY(-8px)rotate(-3deg)}75%{transform:translateY(-22px)rotate(2deg)}}.page-container{z-index:1;max-width:1400px;margin:0 auto;position:relative}.page-header{text-align:center;margin-bottom:36px}.page-badge{background:rgba(var(--primary-rgb), .08);border:1px solid rgba(var(--primary-rgb), .15);color:var(--primary);letter-spacing:.02em;border-radius:999px;margin-bottom:16px;padding:6px 18px;font-size:.82rem;font-weight:600;display:inline-block}.page-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:2.4rem;font-weight:800}.page-header h1 .hl{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-header p{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:1.05rem}.tech-stats-bar{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:44px;display:flex}.tech-stat-item{-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #00000008, 0 4px 16px rgba(var(--primary-rgb), .04);background:#fffc;border:1px solid #e2e8f099;border-radius:14px;align-items:center;gap:10px;padding:12px 22px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.tech-stat-item:hover{box-shadow:0 8px 20px rgba(var(--primary-rgb), .08), 0 16px 40px #0000000d;transform:translateY(-4px)}.tech-stat-icon{background:var(--gradient-primary);color:#fff;width:38px;height:38px;box-shadow:0 2px 8px rgba(var(--primary-rgb), .25);border-radius:10px;justify-content:center;align-items:center;font-size:1rem;display:flex}.tech-stat-text{flex-direction:column;display:flex}.tech-stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:800;line-height:1.2}.tech-stat-label{color:var(--text-muted);font-size:.72rem;font-weight:500}.tech-grid-full{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.scroll-reveal{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0s);transform:translateY(24px)scale(.97)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)scale(1)}.tech-full-card{-webkit-backdrop-filter:blur(16px);border:1px solid #e2e8f080;border-top:3px solid var(--tech-color,var(--primary));box-shadow:0 2px 8px #00000008, 0 4px 16px rgba(var(--primary-rgb), .04);cursor:pointer;background:#ffffffe0;border-radius:22px;padding:28px;text-decoration:none;transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),border-color .35s;position:relative;overflow:hidden}.tech-card-glow{background:linear-gradient(180deg, rgba(var(--primary-rgb), .06), transparent);opacity:0;pointer-events:none;border-radius:20px 20px 0 0;height:80px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.tech-full-card:hover .tech-card-glow{opacity:1}.tech-card-shine{pointer-events:none;z-index:1;border-radius:20px;transition:opacity .4s;position:absolute;inset:0}.tech-full-card:hover{box-shadow:0 8px 24px rgba(var(--primary-rgb), .12), 0 24px 60px #00000014, 0 0 0 1px rgba(var(--primary-rgb), .08);border-color:rgba(var(--primary-rgb), .15)}.tech-card-top{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex;position:relative}.tech-big-icon{filter:drop-shadow(0 3px 6px #0000000f);background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:6s ease-in-out infinite techIconFloat;display:flex;box-shadow:0 4px 12px #00000014,0 1px 3px #0000000f,inset 0 2px #ffffffe6}@keyframes techIconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(2deg)}}.tech-full-card:hover .tech-big-icon{box-shadow:0 8px 24px rgba(var(--primary-rgb), .18), 0 2px 6px #0000000f, inset 0 2px 0 #ffffffe6;background:linear-gradient(145deg,#fff,#f1f5f9);transform:translateY(-6px)scale(1.1)rotate(-4deg)}.tech-arrow{background:var(--border-light);width:34px;height:34px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 4px #0000000f}.tech-full-card:hover .tech-arrow{background:var(--tech-color,var(--primary));color:#fff;box-shadow:0 4px 14px rgba(var(--primary-rgb), .25);transform:translate(5px)translateY(-3px)}.tech-full-card h3{color:var(--text-primary);z-index:2;margin-bottom:6px;font-size:1.15rem;font-weight:700;transition:color .3s;position:relative}.tech-full-card:hover h3{color:var(--tech-color,var(--primary))}.tech-description{color:var(--text-muted);z-index:2;margin-bottom:18px;font-size:.85rem;line-height:1.55;position:relative}.tech-stats-row{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:relative}.tech-tag{letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.tag-beginner{color:#059669;background:#10b9811a;border:1px solid #10b98126}.tag-intermediate{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b26}.tag-advanced{color:#e11d48;background:#f43f5e1a;border:1px solid #f43f5e26}.tech-full-card:hover .tag-beginner{background:#10b9812e;border-color:#10b9814d;box-shadow:0 2px 8px #10b9811f}.tech-full-card:hover .tag-intermediate{background:#f59e0b2e;border-color:#f59e0b4d;box-shadow:0 2px 8px #f59e0b1f}.tech-full-card:hover .tag-advanced{background:#f43f5e2e;border-color:#f43f5e4d;box-shadow:0 2px 8px #f43f5e1f}[data-theme=dark] .technologies-page{background:radial-gradient(ellipse at 15% 15%, rgba(var(--primary-rgb), .08) 0%, transparent 55%), radial-gradient(ellipse at 85% 85%, rgba(var(--secondary-rgb), .06) 0%, transparent 55%), var(--gradient-hero)}[data-theme=dark] .tech-bg-orb-1{background:var(--primary-dark);opacity:.12}[data-theme=dark] .tech-bg-orb-2{opacity:.1;background:#6d28d9}[data-theme=dark] .tech-bg-orb-3{opacity:.08;background:#10b9814d}[data-theme=dark] .tech-float-el{opacity:.04}[data-theme=dark] .page-badge{background:rgba(var(--primary-rgb), .12);border-color:rgba(var(--primary-rgb), .2)}[data-theme=dark] .page-header h1{color:var(--text-primary)}[data-theme=dark] .page-header p{color:var(--text-muted)}[data-theme=dark] .tech-stat-item{background:#1e293bb3;border-color:#33415580}[data-theme=dark] .tech-stat-value{color:var(--text-primary)}[data-theme=dark] .tech-full-card{background:#1e293bbf;border-color:#33415580}[data-theme=dark] .tech-full-card:hover{background:#1e293be6}[data-theme=dark] .tech-big-icon{background:linear-gradient(145deg,#1e293b,#334155)}[data-theme=dark] .tech-big-icon:hover{background:linear-gradient(145deg,#334155,#475569)}[data-theme=dark] .tech-arrow{color:var(--text-muted);background:#334155}[data-theme=dark] .tech-full-card h3{color:var(--text-primary)}[data-theme=dark] .tech-description{color:var(--text-muted)}[data-theme=dark] .tag-beginner{color:#34d399;background:#10b98126;border-color:#10b98133}[data-theme=dark] .tag-intermediate{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b33}[data-theme=dark] .tag-advanced{color:#fb7185;background:#f43f5e26;border-color:#f43f5e33}@media (prefers-reduced-motion:reduce){.tech-bg-orb,.tech-float-el,.tech-big-icon{animation:none!important}.scroll-reveal{opacity:1;transition:none;transform:none}}.tech-inline-quiz-link{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:rgba(var(--primary-rgb), .35);text-decoration-color:rgba(var(--primary-rgb), .35);text-underline-offset:3px;font-weight:600}.tech-inline-quiz-link:hover{color:var(--primary-hover)}.tech-meta-row{z-index:2;gap:16px;margin-top:14px;display:flex;position:relative}.tech-meta-row span{color:var(--text-muted);align-items:center;gap:5px;font-size:.76rem;font-weight:600;display:inline-flex}.tech-meta-row svg{color:var(--tech-color,var(--primary));opacity:.85}.tech-progress{z-index:2;margin-top:14px;position:relative}.tech-progress-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tech-progress-head span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:600}.tech-progress-head strong{color:var(--tech-color,var(--primary));font-size:.8rem;font-weight:800}.tech-progress-track{background:#94a3b82e;border-radius:99px;height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.tech-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--tech-color,var(--primary)), color-mix(in srgb, var(--tech-color,#0ea5e9) 60%, #fff));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--tech-color,#0ea5e9) 45%, transparent);transition:width 1s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.tech-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:2.4s ease-in-out infinite techProgressShine;position:absolute;inset:0}@keyframes techProgressShine{0%{transform:translate(-100%)}60%,to{transform:translate(200%)}}.tech-progress-fill.empty{width:0!important}.tech-cta-btn{z-index:2;justify-content:center;width:100%;margin-top:16px;position:relative}[data-theme=dark] .tech-progress-track{background:#33415599}[data-theme=dark] .tech-progress-fill.empty{width:0}.tech-quiz-banner{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px dashed rgba(var(--secondary-rgb), .4);z-index:2;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding:26px 30px;display:flex;position:relative}.tqb-left{align-items:center;gap:16px;display:flex}.tqb-icon{filter:drop-shadow(0 4px 8px rgba(var(--secondary-rgb), .25));font-size:2rem}.tqb-left h3{color:var(--text-primary);font-size:1.02rem;font-weight:700}.tqb-left p{color:var(--text-muted);max-width:520px;margin-top:3px;font-size:.84rem}.tqb-btn{white-space:nowrap}@media (width<=1024px){.tech-grid-full{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=768px){.technologies-page{padding:90px 16px 50px}.page-header h1{font-size:1.6rem}.page-header p{font-size:.95rem}.tech-grid-full{grid-template-columns:1fr;gap:16px}.tech-full-card{padding:22px}.tech-stats-bar{gap:8px}.tech-stat-item{padding:10px 16px}.tech-float-el,.tech-bg-orb-3{display:none}.tech-quiz-banner{text-align:left;flex-direction:column;align-items:stretch;padding:20px}.tqb-btn{justify-content:center;width:100%}}@media (width<=480px){.page-header h1{font-size:1.4rem}.tech-big-icon{width:48px;height:48px;font-size:2rem}}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring-track{opacity:1}.progress-ring-fill{transform-origin:50%;filter:drop-shadow(0 0 6px rgba(var(--primary-rgb), .35));transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1);transform:rotate(-90deg)}.progress-ring-center{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.progress-ring-value{color:var(--text-primary);font-size:1.05rem;font-weight:800;line-height:1}.progress-ring-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem}.vl-wrap{flex-direction:column;gap:16px;display:flex}.vl-player{aspect-ratio:16/9;background:radial-gradient(ellipse at 28% 18%, color-mix(in srgb, var(--tech-color) 50%, #0b1220) 0%, transparent 62%), radial-gradient(ellipse at 82% 88%, #8b5cf638 0%, transparent 55%), linear-gradient(150deg, #081120 0%, #0c1830 55%, #140f2e 100%);border-radius:22px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 44px #02081759,inset 0 0 0 1px #94c5ff1f}.vl-player:after{content:"";pointer-events:none;border:1px solid #94c5ff17;border-radius:16px;position:absolute;inset:10px}.vl-screen-vignette{background:repeating-linear-gradient(0deg, #ffffff05 0 1px, transparent 1px 3px), radial-gradient(ellipse at 72% 85%, rgba(var(--primary-rgb), .15), transparent 60%);position:absolute;inset:0}.vl-scanline{background:linear-gradient(#0000,#38bdf80f,#0000);height:18%;animation:7s linear infinite vlScan;position:absolute;top:-20%;left:0;right:0}@keyframes vlScan{to{top:120%}}.vl-token{color:#7dd3fc29;font-family:JetBrains Mono,Fira Code,monospace;font-weight:700;animation:7s ease-in-out infinite vlTokenFloat;position:absolute}.vl-t1{font-size:1.15rem;top:14%;left:8%}.vl-t2{bottom:18%;right:10%}.vl-t2 svg{width:26px;height:26px}@keyframes vlTokenFloat{0%,to{opacity:.7;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-12px)rotate(6deg)}}.vl-idle-meta{text-align:left;flex-direction:column;gap:8px;max-width:70%;display:flex;position:absolute;top:26px;left:30px}.vl-kicker{letter-spacing:.2em;text-transform:uppercase;color:#67e8f9;text-shadow:0 0 12px #67e8f973;align-items:center;gap:8px;font-size:.62rem;font-weight:800;display:inline-flex}.vl-live-dot{background:#22d3ee;border-radius:50%;width:7px;height:7px;animation:1.9s ease-in-out infinite vlLivePulse;box-shadow:0 0 0 3px #22d3ee38}@keyframes vlLivePulse{0%,to{box-shadow:0 0 0 3px #22d3ee38}50%{box-shadow:0 0 0 6px #22d3ee0f}}.vl-idle-title{color:#e2f0ffd9;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;line-height:1.4}.vl-play-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#2563eb,#06b6d4 60%,#8b5cf6);border:none;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:relative;box-shadow:0 10px 32px #2563eb80,0 0 40px #06b6d440,inset 0 2px #ffffff4d}.vl-play-btn:before{content:"";border:2px solid #67e8f94d;border-radius:50%;animation:2.2s ease-out infinite vlPlayRing;position:absolute;inset:-10px}@keyframes vlPlayRing{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.35)}}.vl-play-btn:hover{transform:scale(1.08)}.vl-play-btn svg{margin-left:4px}.vl-launch-caption{z-index:2;appearance:none;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;color:#a5f3fc;-webkit-backdrop-filter:blur(8px);background:#050b168c;border:1px solid #67e8f959;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:10px 20px;font-family:inherit;font-size:.74rem;font-weight:800;transition:all .25s;display:inline-flex;position:relative}.vl-launch-caption svg{transition:transform .25s}.vl-launch-caption:hover{color:#fff;background:#2563eb66;border-color:#67e8f9b3;transform:translateY(-2px);box-shadow:0 0 22px #06b6d459,0 8px 18px #02081766}.vl-launch-caption:hover svg{transform:scale(1.15)}.vl-launch-caption:active{transform:translateY(0)}.vl-launch-caption:focus-visible{outline-offset:3px;outline:2px solid #67e8f9}.vl-duration-badge{z-index:2;color:#e2f2ff;-webkit-backdrop-filter:blur(8px);background:#050b16bf;border:1px solid #67e8f938;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:700;display:inline-flex;position:absolute;bottom:16px;right:16px}.asg-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-glass-border);box-shadow:0 4px 20px rgba(var(--primary-rgb), .05);border-radius:20px;padding:24px;position:relative;overflow:hidden}.asg-card:before{content:"";opacity:.55;background:linear-gradient(90deg,#2563eb,#06b6d4,#8b5cf6);height:2px;position:absolute;top:0;left:0;right:0}.asg-card.asg-done:before{background:linear-gradient(90deg,#10b981,#34d399)}.asg-card.asg-done{border-color:#10b98159;box-shadow:0 4px 24px #10b9811a}.asg-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.asg-heading h3{color:var(--text-primary);align-items:center;gap:9px;font-size:1.08rem;font-weight:800;display:flex}.asg-heading h3 svg{color:var(--secondary)}.asg-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;font-size:.78rem;display:flex}.asg-diff{border:1px solid;border-radius:999px;padding:3px 11px;font-size:.7rem;font-weight:700}.asg-time{align-items:center;gap:5px;display:inline-flex}.asg-reward{color:#d97706;background:#f59e0b1f;border:1px dashed #f59e0b66;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-flex}[data-theme=dark] .asg-reward{color:#fbbf24}.asg-complete-badge{color:#059669;background:#10b98121;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;animation:.45s cubic-bezier(.68,-.55,.27,1.55) both asgPop;display:inline-flex}[data-theme=dark] .asg-complete-badge{color:#34d399}@keyframes asgPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.asg-instructions{color:var(--text-muted);margin-top:16px;font-size:.86rem;font-weight:600}.asg-tasks{flex-direction:column;gap:9px;margin-top:10px;display:flex}.asg-task{background:var(--surface-alt);border:1px solid var(--border-light);cursor:pointer;color:var(--text-primary);border-radius:14px;align-items:center;gap:12px;padding:13px 16px;font-size:.92rem;line-height:1.55;transition:all .25s;display:flex}.asg-task:hover:not(.done){border-color:rgba(var(--primary-rgb), .4);box-shadow:0 4px 14px rgba(var(--primary-rgb), .08);transform:translate(4px)}.asg-task.done{color:var(--text-muted);background:#10b98112;border-color:#10b98138}.asg-task input{opacity:0;pointer-events:none;position:absolute}.asg-task:has(input:focus-visible){outline:2px solid rgba(var(--primary-rgb), .5);outline-offset:2px}.asg-check{flex-shrink:0;width:26px;height:26px;display:inline-flex}.asg-check svg{fill:none;width:100%;height:100%}.asg-check-ring{stroke:rgba(var(--primary-rgb), .45);stroke-width:2px;transition:stroke .3s}.asg-check-mark{stroke:#10b981;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px;transition:stroke-dashoffset .4s cubic-bezier(.65,0,.35,1) 50ms}.asg-task.done .asg-check-ring{stroke:#10b981a6}.asg-task.done .asg-check-mark{stroke-dashoffset:0}.asg-task-text{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.asg-step{color:var(--primary);background:rgba(var(--primary-rgb), .09);border:1px solid rgba(var(--primary-rgb), .18);border-radius:7px;flex-shrink:0;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700}.asg-task.done .asg-step{color:#059669;background:#10b9811a;border-color:#10b98140}[data-theme=dark] .asg-task.done .asg-step{color:#34d399}.asg-done-tag{letter-spacing:.07em;text-transform:uppercase;color:#059669;flex-shrink:0;font-size:.66rem;font-weight:800;animation:.35s cubic-bezier(.68,-.55,.27,1.55) both asgPop}[data-theme=dark] .asg-done-tag{color:#34d399}.asg-footer{align-items:center;gap:14px;margin-top:18px;display:flex}.asg-progress-track{background:var(--border-light);border-radius:99px;flex:1;height:8px;overflow:hidden}.asg-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#06b6d4);height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 0 12px #06b6d473}.asg-card.asg-done .asg-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 12px #10b98173}.asg-progress-label{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:700}.asg-start-btn{margin-top:16px}.asg-success-note{color:#059669;background:#10b9811a;border-radius:12px;margin-top:14px;padding:10px 16px;font-size:.84rem;font-weight:600}[data-theme=dark] .asg-success-note{color:#34d399}.cc-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-glass-border);box-shadow:0 4px 20px rgba(var(--primary-rgb), .05);border-radius:20px;padding:24px}.cc-card.cc-done{border-color:#10b98159}.cc-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.cc-header h3{color:var(--text-primary);align-items:center;gap:9px;font-size:1.08rem;font-weight:800;display:flex}.cc-lang-badge{color:var(--text-accent);background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .2);border-radius:999px;padding:4px 13px;font-size:.72rem;font-weight:700}.cc-body-grid{grid-template-columns:minmax(230px,1fr) 1.4fr;gap:20px;display:grid}.cc-instructions h4,.cc-tests-preview h4,.cc-output-panel h4{text-transform:uppercase;letter-spacing:.07em;color:var(--text-accent);align-items:center;gap:8px;margin-bottom:10px;font-size:.78rem;display:flex}.cc-instructions ul{flex-direction:column;gap:8px;display:flex}.cc-instructions li{color:var(--text-secondary);padding-left:16px;font-size:.86rem;line-height:1.55;position:relative}.cc-instructions li:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.cc-tests-preview{margin-top:18px}.cc-test-list{flex-direction:column;gap:7px;display:flex}.cc-test-list li{color:var(--text-muted);background:var(--surface-alt);border:1px solid var(--border-light);border-radius:9px;align-items:center;gap:8px;padding:7px 11px;font-size:.8rem;transition:all .3s;display:flex}.cc-test-list li.pass{color:#059669;background:#10b98114;border-color:#10b98140;animation:.35s cubic-bezier(.68,-.55,.27,1.55) both testReveal}.cc-test-list li.fail{color:#e11d48;background:#f43f5e14;border-color:#f43f5e40;animation:.35s cubic-bezier(.68,-.55,.27,1.55) both testReveal}[data-theme=dark] .cc-test-list li.pass{color:#34d399}[data-theme=dark] .cc-test-list li.fail{color:#fb7185}@keyframes testReveal{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.cc-test-icon.pass{color:#10b981}.cc-test-icon.fail{color:#f43f5e}.cc-test-dot{border:2px dashed var(--border);border-radius:50%;flex-shrink:0;width:12px;height:12px}.cc-editor-wrap{border:1px solid var(--border);background:#0f172a;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #02061740}.cc-editor-bar{background:#1e293b;align-items:center;gap:7px;padding:10px 14px;display:flex}.cc-dot{border-radius:50%;width:11px;height:11px}.cc-dot-r{background:#f87171}.cc-dot-y{background:#fbbf24}.cc-dot-g{background:#34d399}.cc-editor-file{color:#94a3b8;margin-left:10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.74rem}.cc-copy{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #94a3b840;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;font-size:.7rem;font-weight:700;transition:all .2s;display:inline-flex}.cc-copy:hover{color:#e2e8f0;border-color:#67e8f966}.cc-copy.ok{color:#34d399;border-color:#34d39973;animation:.3s both asgPop}.cc-editor{resize:vertical;color:#e2e8f0;tab-size:4;width:100%;min-height:240px;caret-color:var(--primary-light);background:#0f172a;border:none;outline:none;padding:16px 18px;font-family:Fira Code,Courier New,monospace;font-size:.84rem;line-height:1.65}.cc-editor:focus{box-shadow:inset 0 0 0 2px rgba(var(--primary-rgb), .4)}.cc-actions{background:#1e293b;justify-content:flex-end;gap:10px;padding:12px 14px;display:flex}.cc-output-panel{background:var(--surface-alt);border:1px solid var(--border-light);border-radius:14px;margin-top:18px;padding:16px 18px;animation:.4s both ccFadeUp}@keyframes ccFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cc-output{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-family:Fira Code,Courier New,monospace;font-size:.8rem;line-height:1.7}.cc-output-err{color:#e11d48}[data-theme]:not([data-theme=dark]) .cc-output-err{color:#be123c}.cc-summary{color:var(--text-muted);margin-top:10px;font-size:.85rem;font-weight:600}.cc-summary.ok{color:#059669}.cc-summary.fail{color:#e11d48}[data-theme=dark] .cc-summary.ok{color:#34d399}[data-theme=dark] .cc-summary.fail{color:#fb7185}.cc-success-note{color:#059669;margin-top:8px;font-size:.85rem;font-weight:700;animation:.45s cubic-bezier(.68,-.55,.27,1.55) both asgPop}[data-theme=dark] .cc-success-note{color:#34d399}@media (width<=900px){.cc-body-grid{grid-template-columns:1fr}}@media (width<=640px){.asg-header{flex-direction:column}.asg-task{align-items:flex-start}.asg-done-tag{display:none}.vl-idle-meta{top:18px;left:20px}}@media (prefers-reduced-motion:reduce){.vl-token,.vl-play-btn:before,.vl-scanline,.vl-launch-caption,.asg-complete-badge,.asg-progress-fill,.asg-check-mark,.asg-done-tag,.cc-output-panel,.cc-success-note,.cc-copy.ok,.cc-test-list li.pass,.cc-test-list li.fail{transition:none!important;animation:none!important}}.roadmap-section{z-index:1;margin-top:10px;position:relative}.rm-header{text-align:center;margin-bottom:36px}.rm-header-badge{letter-spacing:.18em;color:var(--primary);background:rgba(var(--primary-rgb), .09);border:1px solid rgba(var(--primary-rgb), .22);border-radius:999px;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:.64rem;font-weight:700;display:inline-block}.rm-header h2{color:var(--text-primary);letter-spacing:-.02em;margin-top:12px;font-size:1.75rem;font-weight:800}.rm-header p{color:var(--text-muted);margin-top:6px;font-size:.93rem}.rm-timeline{max-width:940px;margin:0 auto;padding:10px 0 30px;position:relative}.rm-spine{background:linear-gradient(#2563eb59 0%,#06b6d466 45%,#8b5cf666 80%,#10b98159 100%);border-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 14px #2563eb40}.rm-spine:after{content:"";opacity:.55;filter:blur(1px);background:linear-gradient(#0000 0%,#67e8f9e6 45%,#0000 90%) 0 0/100% 240%;animation:3.8s linear infinite rmFlow;position:absolute;inset:0}@keyframes rmFlow{0%{background-position:0 -120%}to{background-position:0 220%}}.rm-spine-fill{border-radius:4px;transition:height 1s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;box-shadow:0 0 16px #10b9818c}.rm-list{z-index:1;position:relative}.rm-item{opacity:0;align-items:center;gap:26px;margin:24px 0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(26px)scale(.98)}.rm-item.rm-visible{opacity:1;transform:translateY(0)scale(1)}.rm-left{flex-direction:row}.rm-right{flex-direction:row-reverse}.rm-left .rm-card,.rm-right .rm-card{text-align:left}.rm-node{z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-left:-78px;display:flex;position:relative}.rm-node-inner{color:#fff;background:linear-gradient(145deg, var(--node-color), color-mix(in srgb, var(--node-color) 70%, #000 12%));width:44px;height:44px;box-shadow:0 0 0 3px #ffffff14, 0 4px 16px color-mix(in srgb, var(--node-color) 48%, transparent), inset 0 2px 0 #ffffff59;border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex}.rm-locked .rm-node-inner{background:linear-gradient(145deg,#94a3b8,#475569);box-shadow:0 3px 10px #64748b59}.rm-available:hover .rm-node-inner,.rm-in-progress:hover .rm-node-inner{transform:scale(1.14)rotate(-4deg)}.rm-node-ring{border:2px solid #06b6d48c;border-radius:50%;animation:1.9s ease-out infinite rmPulseRing;position:absolute;inset:2px}.rm-available .rm-node-ring{border-color:#2563eb8c}@keyframes rmPulseRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.rm-node-burst{border:2px solid #10b98180;border-radius:50%;animation:2.6s ease-out infinite rmBurst;position:absolute;inset:-4px}@keyframes rmBurst{0%,20%{opacity:0;transform:scale(.9)}35%{opacity:1}to{opacity:0;transform:scale(1.45)}}.rm-pause-icon{background:linear-gradient(90deg,currentColor 40%,#0000 40%) 0 0/60% 100% no-repeat,linear-gradient(90deg,currentColor 40%,#0000 40%) 100% 0/60% 100% no-repeat;width:11px;height:13px;display:inline-block}.rm-card{-webkit-backdrop-filter:blur(16px);cursor:pointer;will-change:transform;background:linear-gradient(155deg,#ffffffd1,#ffffff94);border:1px solid #ffffffa6;border-radius:20px;flex:1;max-width:400px;padding:20px 22px;font-family:inherit;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 2px 10px #07111f0d,0 10px 28px #2563eb0f,inset 0 1px #ffffffb3}[data-theme=dark] .rm-card{background:linear-gradient(155deg,#0f1e38c7,#07111f9e);border:1px solid #38bdf821;box-shadow:0 4px 14px #02081766,0 12px 32px #2563eb14,inset 0 1px #94a3b812}.rm-card:hover:not(:disabled){box-shadow:0 14px 34px rgba(var(--primary-rgb), .16), 0 26px 54px #07111f1f, 0 0 0 1px #06b6d440;border-color:#06b6d466}[data-theme=dark] .rm-card:hover:not(:disabled){box-shadow:0 16px 38px #0208178c,0 0 34px #06b6d424,0 0 0 1px #06b6d44d}.rm-card:focus-visible{outline:3px solid rgba(var(--primary-rgb), .5);outline-offset:2px}.rm-card-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--node-color) 24%, transparent), transparent);pointer-events:none;width:220px;height:140px;position:absolute;top:-40%;right:-20%}.rm-locked .rm-card{cursor:not-allowed;filter:saturate(.5);-webkit-backdrop-filter:blur(10px);background:linear-gradient(155deg,#64748b29,#4755691a);border:1px solid #64748b47}[data-theme=dark] .rm-locked .rm-card{background:linear-gradient(155deg,#0f172ae0,#020817c7);border:1px solid #64748b38}.rm-locked .rm-card:hover:not(:disabled){border-color:#64748b73;box-shadow:0 10px 26px #0208172e,0 0 0 1px #64748b4d}.rm-completed .rm-card{border-color:#10b98166;box-shadow:0 4px 16px #10b98124,0 0 26px #10b9811f}.rm-available .rm-card:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#2563eb80,#06b6d480) border-box;border:1.5px solid #0000;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rm-available .rm-card{animation:2.6s ease-in-out infinite rmAvailableGlow}@keyframes rmAvailableGlow{0%,to{box-shadow:0 2px 10px #07111f0d,0 10px 28px #2563eb1a,0 0 18px #06b6d41f}50%{box-shadow:0 4px 14px #07111f0f,0 14px 34px #2563eb2e,0 0 32px #06b6d447}}.rm-available .rm-card:hover:after{opacity:1}.rm-card-top{z-index:1;align-items:center;gap:9px;margin-bottom:11px;display:flex;position:relative}.rm-step-num{background:color-mix(in srgb, var(--node-color) 15%, transparent);min-width:27px;height:27px;color:var(--node-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--node-color) 28%, transparent);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;display:inline-flex}.rm-module-icon{width:34px;height:34px;color:var(--node-color);background:radial-gradient(circle at 30% 25%, #ffffffa6, transparent 55%), color-mix(in srgb, var(--node-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--node-color) 32%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--node-color) 26%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:.92rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.rm-card:hover:not(:disabled) .rm-module-icon{transform:scale(1.14)translateY(-1px)}.rm-level-chip{letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:3px 10px;font-size:.62rem;font-weight:700}.rm-status-chip{letter-spacing:.06em;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;display:inline-flex}.rm-status-completed{color:#059669;background:#10b98126}.rm-status-in-progress{background:rgba(var(--primary-rgb), .13);color:var(--text-accent)}.rm-status-available{color:#0891b2;background:#06b6d421}.rm-status-locked{color:#64748b;background:#64748b26}[data-theme=dark] .rm-status-completed{color:#34d399}[data-theme=dark] .rm-status-available{color:#67e8f9}[data-theme=dark] .rm-status-in-progress{color:#7dd3fc}[data-theme=dark] .rm-status-locked{color:#94a3b8}.rm-available .rm-status-chip{animation:2.4s ease-in-out infinite rmStatusPulse}@keyframes rmStatusPulse{0%,to{box-shadow:0 0 #06b6d44d}50%{box-shadow:0 0 14px 2px #06b6d459}}.rm-card-title{color:var(--text-primary);letter-spacing:-.01em;z-index:1;font-size:1.04rem;font-weight:800;position:relative}.rm-card-summary{color:var(--text-muted);-webkit-line-clamp:2;z-index:1;-webkit-box-orient:vertical;margin-top:6px;font-size:.79rem;line-height:1.55;display:-webkit-box;position:relative;overflow:hidden}.rm-card-meta{color:var(--text-muted);z-index:1;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:.73rem;font-weight:600;display:flex;position:relative}.rm-card-meta span{align-items:center;gap:4px;display:inline-flex}.rm-card-xp{color:#f59e0b;font-family:JetBrains Mono,monospace}.rm-card-cta{color:var(--node-color);z-index:1;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}.rm-play-dot{color:#fff;background:linear-gradient(145deg, var(--node-color), color-mix(in srgb, var(--node-color) 65%, #000 18%));width:24px;height:24px;box-shadow:0 3px 8px color-mix(in srgb, var(--node-color) 45%, transparent), inset 0 1.5px 0 #ffffff73;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:inline-flex}.rm-card:hover:not(:disabled) .rm-play-dot{box-shadow:0 5px 14px color-mix(in srgb, var(--node-color) 60%, transparent), 0 0 16px color-mix(in srgb, var(--node-color) 40%, transparent), inset 0 1.5px 0 #ffffff80;transform:scale(1.15)}.rm-card:hover:not(:disabled) .rm-play-dot svg{transform:translate(1px)}.rm-play-dot svg{transition:transform .25s}.rm-cta-done{color:#10b981}.rm-cta-done .rm-play-dot{background:linear-gradient(145deg,#34d399,#059669);box-shadow:0 3px 8px #10b98173,inset 0 1.5px #ffffff73}.rm-cta-locked{color:#64748b;gap:6px;font-family:JetBrains Mono,monospace;font-size:.72rem}.rm-lock-hint{color:#94a3b8;opacity:0;flex-basis:100%;max-height:0;font-family:Inter,sans-serif;font-size:.7rem;font-style:normal;font-weight:600;transition:max-height .3s,opacity .3s,margin .3s;overflow:hidden}.rm-locked .rm-card:hover .rm-lock-hint,.rm-locked .rm-card:focus-visible .rm-lock-hint{opacity:1;max-height:3em;margin-top:4px}.rm-shake{animation:.5s rmShake}@keyframes rmShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.rm-cap{justify-content:center;margin:8px 0 30px;display:flex}.rm-finish{margin:30px 0 0}.rm-start-btn{letter-spacing:.18em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#06b6d4 60%,#8b5cf6 130%);border:none;border-radius:999px;align-items:center;gap:9px;padding:12px 30px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;transition:transform .25s,box-shadow .25s;animation:3.4s ease-in-out infinite rmStartFloat;display:inline-flex;box-shadow:0 5px #1d4ed8e6,0 12px 30px #2563eb66,0 0 30px #06b6d44d}.rm-start-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 8px #1d4ed8e6,0 18px 42px #2563eb80,0 0 44px #06b6d473}.rm-start-btn:active{transform:translateY(2px);box-shadow:0 3px #1d4ed8e6,0 8px 18px #2563eb66}.rm-start-btn:focus-visible{outline-offset:3px;outline:3px solid #06b6d48c}@keyframes rmStartFloat{0%,to{translate:0}50%{translate:0 -5px}}.rm-finish .rm-cap-pill{letter-spacing:.2em;color:#fff;box-shadow:none;background:linear-gradient(135deg,#94a3b8,#475569);border-radius:999px;padding:8px 28px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:800}.rm-finish-done .rm-cap-pill{background:linear-gradient(135deg,#10b981,#059669);animation:2s ease-in-out infinite finishGlow;box-shadow:0 0 24px #10b98180}@keyframes finishGlow{0%,to{box-shadow:0 0 14px #10b98166}50%{box-shadow:0 0 30px #10b981a6}}@media (width<=860px){.rm-timeline{max-width:100%}.rm-spine{left:21px;transform:none}.rm-item,.rm-right{flex-direction:row;gap:16px}.rm-node{width:42px;height:42px;margin-left:0}.rm-node-inner{width:38px;height:38px;font-size:.95rem}.rm-card{max-width:none;padding:16px}.rm-module-icon{width:30px;height:30px;font-size:.82rem}.rm-card-summary{-webkit-line-clamp:3}}@media (width<=480px){.rm-card-top{flex-wrap:wrap;gap:6px}.rm-status-chip{margin-left:0}}@media (prefers-reduced-motion:reduce){.rm-spine:after,.rm-node-ring,.rm-node-burst,.rm-start-btn,.rm-available .rm-card,.rm-available .rm-status-chip,.rm-finish-done .rm-cap-pill{animation:none!important}.rm-item{opacity:1!important;transition:none!important;transform:none!important}.rm-card{transition-duration:.01ms!important}}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:300px;display:flex;position:relative}.spinner{width:48px;height:48px;transform-style:preserve-3d;animation:1.2s cubic-bezier(.68,-.55,.27,1.55) infinite spinner3dRotate;position:relative}.spinner:before,.spinner:after{content:"";border:3px solid #0000;border-radius:50%;position:absolute;inset:0}.spinner:before{border-top-color:var(--primary);box-shadow:0 0 12px rgba(var(--primary-rgb), .2);animation:.8s linear infinite spin}.spinner:after{border-bottom-color:var(--secondary);box-shadow:0 0 12px rgba(var(--secondary-rgb), .2);animation:1.2s linear infinite reverse spin;inset:6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinner3dRotate{0%,to{transform:perspective(200px)rotateX(0)}50%{transform:perspective(200px)rotateX(180deg)}}.loading-text{color:var(--text-muted);font-size:.9rem;font-weight:500;animation:2s ease-in-out infinite loadingPulse}@keyframes loadingPulse{0%,to{opacity:.6}50%{opacity:1}}.error-container{text-align:center;-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #ef444426;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:40px 24px;animation:.4s cubic-bezier(.22,1,.36,1) both scaleIn;display:flex;box-shadow:0 4px 12px #ef44440f,0 8px 32px #00000008}.error-icon{color:var(--accent2);filter:drop-shadow(0 4px 8px #ef444433);font-size:2.8rem;animation:.6s cubic-bezier(.68,-.55,.27,1.55) .2s both errorBounce}@keyframes errorBounce{0%{transform:scale(0)rotate(-20deg)}60%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}.error-message{color:var(--text-muted);text-align:center;max-width:400px;font-size:.95rem;line-height:1.6}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:48px 24px;display:flex;position:relative}.empty-icon{color:var(--text-muted);filter:drop-shadow(0 4px 8px #0000000f);font-size:3.5rem;animation:4s ease-in-out infinite emptyFloat}@keyframes emptyFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(3deg)}66%{transform:translateY(-4px)rotate(-2deg)}}.empty-state h3{color:var(--text-secondary);font-size:1.15rem;font-weight:600}.empty-state p{color:var(--text-muted);max-width:360px;font-size:.9rem;line-height:1.6}.td-page{min-height:calc(100vh - 64px);color:var(--text-primary);background:radial-gradient(60% 45% at 85% -5%,#7c3aed29 0%,#0000 60%),radial-gradient(55% 40% at 8% 12%,#06b6d424 0%,#0000 60%),linear-gradient(170deg,#f6f9ff 0%,#eef4ff 38%,#f3efff 68%,#f7f5ff 100%);padding:118px 24px 70px;position:relative;overflow:hidden}[data-theme=dark] .td-page{background:radial-gradient(60% 42% at 82% -8%,#7c3aed38 0%,#0000 62%),radial-gradient(55% 40% at 5% 15%,#06b6d42b 0%,#0000 62%),radial-gradient(50% 35% at 50% 115%,#2563eb33 0%,#0000 65%),linear-gradient(170deg,#07111f 0%,#0b172a 42%,#0d1a30 72%,#07111f 100%)}.td-inner{z-index:1;position:relative}.td-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.td-bg-orb{filter:blur(110px);opacity:.35;will-change:transform;border-radius:50%;position:absolute}.td-bg-orb--blue{background:#2563eb47;width:460px;height:460px;animation:18s ease-in-out infinite tdOrbDrift;top:-160px;right:-120px}.td-bg-orb--purple{background:#8b5cf63d;width:380px;height:380px;animation:22s ease-in-out infinite reverse tdOrbDrift;bottom:-140px;left:-110px}.td-bg-orb--cyan{background:#06b6d433;width:300px;height:300px;animation:26s ease-in-out infinite tdOrbDrift;top:34%;left:38%}@keyframes tdOrbDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(26px,-20px)scale(1.05)}66%{transform:translate(-18px,16px)scale(.97)}}.td-bg-grid{background-image:linear-gradient(#2563eb0d 1px,#0000 1px),linear-gradient(90deg,#2563eb0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(75% 60% at 50% 30%,#000 30%,#0000 75%)}[data-theme=dark] .td-bg-grid{background-image:linear-gradient(#38bdf80f 1px,#0000 1px),linear-gradient(90deg,#38bdf80f 1px,#0000 1px)}.td-bg-token{color:#2563eb21;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:700;animation:ease-in-out infinite tdTokenFloat;position:absolute}[data-theme=dark] .td-bg-token{color:#7dd3fc1c}@keyframes tdTokenFloat{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-26px)rotate(5deg)}}.td-breadcrumb{align-items:center;gap:10px;margin-bottom:26px;font-size:.85rem;display:flex}.td-breadcrumb a{color:var(--text-muted);align-items:center;gap:6px;font-weight:600;transition:color .25s;display:inline-flex}.td-breadcrumb a:hover{color:var(--primary)}.td-crumb-current{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.td-hero{z-index:1;-webkit-backdrop-filter:blur(20px);background:linear-gradient(155deg,#ffffffd9,#ffffff8c);border:1px solid #fff9;border-radius:28px;align-items:center;gap:36px;padding:38px 40px;animation:.6s cubic-bezier(.22,1,.36,1) both tdHeroIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #07111f14,0 0 60px #2563eb12,inset 0 1px #ffffffb3}.td-hero:before{content:"";opacity:.85;background:linear-gradient(90deg,#2563eb,#06b6d4,#8b5cf6,#2563eb) 0 0/200% 100%;height:3px;animation:7s linear infinite tdTopLine;position:absolute;top:0;left:0;right:0}@keyframes tdTopLine{to{background-position:200% 0}}[data-theme=dark] .td-hero{background:linear-gradient(155deg,#0d1b33d1,#07111f99);border:1px solid #38bdf829;box-shadow:0 18px 54px #02081780,0 0 80px #7c3aed1f,inset 0 1px #94a3b81a}@keyframes tdHeroIn{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.td-orb-stage{width:190px;height:190px;transform-style:preserve-3d;will-change:transform;flex-shrink:0;transition:transform .45s cubic-bezier(.22,1,.36,1);position:relative}.td-orb-glow{background:radial-gradient(circle, color-mix(in srgb, var(--tech-color) 32%, transparent) 0%, transparent 65%);filter:blur(22px);border-radius:50%;animation:4.5s ease-in-out infinite tdGlowBreath;position:absolute;inset:-26px}@keyframes tdGlowBreath{0%,to{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.td-icon-core{background:linear-gradient(145deg, color-mix(in srgb, var(--tech-color) 88%, #fff), color-mix(in srgb, var(--tech-color) 60%, #0b172a));box-shadow:0 18px 44px color-mix(in srgb, var(--tech-color) 45%, transparent), inset 0 3px 0 #ffffff80, inset 0 -6px 14px color-mix(in srgb, var(--tech-color) 55%, transparent);transform-style:preserve-3d;border-radius:30%;justify-content:center;align-items:center;font-size:3.8rem;animation:5.5s ease-in-out infinite tdIconFloat;display:flex;position:absolute;inset:26px}@keyframes tdIconFloat{0%,to{transform:translateY(0)rotateY(-7deg)rotateX(4deg)}50%{transform:translateY(-11px)rotateY(9deg)rotateX(-4deg)}}.td-ring{border:2px dashed color-mix(in srgb, var(--tech-color) 48%, transparent);border-radius:50%;animation:18s linear infinite tdSpin;position:absolute;inset:4px}.td-ring-b{border-style:dotted;border-color:color-mix(in srgb, var(--tech-color) 30%, transparent);animation-duration:26s;animation-direction:reverse;inset:-10px}@keyframes tdSpin{to{transform:rotate(360deg)}}.td-orbit-chip{letter-spacing:.02em;color:color-mix(in srgb, var(--tech-color) 70%, #fff);background:color-mix(in srgb, var(--tech-color) 12%, #ffffffd9);border:1px solid color-mix(in srgb, var(--tech-color) 30%, transparent);-webkit-backdrop-filter:blur(6px);border-radius:9px;margin:-14px;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #0208171f}[data-theme=dark] .td-orbit-chip{color:color-mix(in srgb, var(--tech-color) 65%, #e0f2fe);background:#0b172ad9}.td-orbit-1{animation:12s linear infinite tdOrbitA}.td-orbit-2{animation:16s linear infinite tdOrbitB}.td-orbit-3{animation:20s linear infinite tdOrbitC}@keyframes tdOrbitA{0%{transform:rotate(0)translate(112px)rotate(0)}to{transform:rotate(360deg)translate(112px)rotate(-360deg)}}@keyframes tdOrbitB{0%{transform:rotate(130deg)translate(126px)rotate(-130deg)}to{transform:rotate(490deg)translate(126px)rotate(-490deg)}}@keyframes tdOrbitC{0%{transform:rotate(245deg)translate(104px)rotate(-245deg)}to{transform:rotate(605deg)translate(104px)rotate(-605deg)}}.td-particle{background:var(--tech-color);width:9px;height:9px;box-shadow:0 0 10px var(--tech-color);opacity:.55;border-radius:50%;animation:6s ease-in-out infinite tdParticleFloat;position:absolute}.td-p-1{animation-delay:0s;top:-2px;right:26px}.td-p-2{width:6px;height:6px;animation-delay:1.6s;bottom:8px;left:-6px}.td-p-3{width:7px;height:7px;animation-delay:3s;top:46%;right:-12px}@keyframes tdParticleFloat{0%,to{opacity:.35;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-16px)scale(1.25)}}.td-hero-info{flex:1;min-width:0}.td-hero-badge{letter-spacing:.14em;color:var(--secondary-hover);background:linear-gradient(135deg,#8b5cf61f,#06b6d41f);border:1px solid #8b5cf64d;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;animation:3.2s ease-in-out infinite tdBadgePulse;display:inline-flex}[data-theme=dark] .td-hero-badge{color:#c4b5fd}@keyframes tdBadgePulse{0%,to{box-shadow:0 0 #8b5cf640}50%{box-shadow:0 0 18px 2px #8b5cf64d}}.td-hero-info h1{letter-spacing:-.02em;color:var(--text-primary);margin-top:14px;font-size:2.35rem;font-weight:800;line-height:1.12}.td-tagline{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:1rem;font-weight:700}.td-desc{color:var(--text-muted);max-width:640px;margin-top:10px;font-size:.93rem;line-height:1.65}.td-motto{color:var(--primary);opacity:.9;margin-top:8px;font-size:.84rem;font-weight:600}.td-hero-meters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.td-meter-pill{color:var(--text-secondary);background:rgba(var(--primary-rgb), .07);border:1px solid rgba(var(--primary-rgb), .18);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-family:JetBrains Mono,monospace;font-size:.76rem;font-weight:700;display:inline-flex}.td-meter-percent{color:var(--primary);background:rgba(var(--primary-rgb), .1);border-color:rgba(var(--primary-rgb), .3)}.td-meter-eta{border-style:dashed}.td-level-strip{flex-wrap:wrap;gap:6px 16px;margin-top:16px;display:flex}.td-level-item{color:var(--text-secondary);align-items:center;gap:7px;font-size:.78rem;font-weight:600;display:inline-flex}.td-level-item em{color:var(--text-muted);font-style:normal;font-weight:500}.td-level-dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px}.td-level-item b{color:var(--border);margin-left:10px;font-weight:400}.td-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.td-cta-main{background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 5px #1d4ed8,0 10px 26px #2563eb66,0 0 24px #06b6d440}.td-cta-main:hover{background:linear-gradient(135deg,#1d4ed8,#0e7490);box-shadow:0 7px #1e40af,0 16px 36px #2563eb80,0 0 34px #06b6d466}.td-cta-secondary{background:rgba(var(--primary-rgb), .06);border:1.5px solid rgba(var(--primary-rgb), .3);-webkit-backdrop-filter:blur(8px)}.td-progress-side{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.td-progress-caption{color:var(--text-muted);letter-spacing:.03em;white-space:nowrap;font-size:.76rem;font-weight:700}.td-xp-chip{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:700;display:inline-flex}.td-xp-chip svg{animation:2.2s ease-in-out infinite xpZap}@keyframes xpZap{0%,to{filter:drop-shadow(0 0 2px #f59e0b80);transform:scale(1)rotate(-6deg)}50%{filter:drop-shadow(0 0 6px #f59e0bcc);transform:scale(1.15)rotate(6deg)}}.td-dashboard{z-index:1;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:26px;display:grid;position:relative}.td-panel{-webkit-backdrop-filter:blur(18px);background:linear-gradient(150deg,#ffffffc7,#ffffff80);border:1px solid #fff9;border-radius:22px;padding:26px 28px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;animation:.7s cubic-bezier(.22,1,.36,1) .12s both tdHeroIn;box-shadow:0 8px 30px #07111f12}[data-theme=dark] .td-panel{background:linear-gradient(150deg,#0d1b33bf,#07111f8c);border:1px solid #38bdf821;box-shadow:0 14px 40px #02081773}.td-panel-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.td-panel-head h3{color:var(--text-primary);letter-spacing:-.01em;font-size:1.02rem;font-weight:800}.td-panel-big{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:1.7rem;font-weight:700}.td-progress-track{background:rgba(var(--primary-rgb), .09);border:1px solid rgba(var(--primary-rgb), .14);border-radius:999px;height:14px;margin-top:16px;overflow:hidden}.td-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#06b6d4,#8b5cf6) 0 0/180% 100%;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1);animation:2.8s linear infinite tdFillShine;display:block;position:relative;box-shadow:0 0 16px #06b6d48c}.td-progress-fill:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#ffffff73,#0000) 0 0/200% 100%;animation:2.2s linear infinite tdSheen;position:absolute;inset:0}@keyframes tdFillShine{to{background-position:180% 0}}@keyframes tdSheen{0%{background-position:-200% 0}to{background-position:200% 0}}.td-progress-note{color:var(--text-muted);margin-top:10px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600}.td-mini-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.td-mini-stat{text-align:center;background:rgba(var(--primary-rgb), .05);border:1px solid rgba(var(--primary-rgb), .12);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.td-mini-stat:hover{border-color:rgba(var(--primary-rgb), .3);box-shadow:0 8px 22px rgba(var(--primary-rgb), .14);transform:translateY(-4px)}.td-mini-stat span{width:30px;height:30px;color:var(--primary);background:rgba(var(--primary-rgb), .1);border-radius:10px;justify-content:center;align-items:center;margin-bottom:5px;display:inline-flex}.td-mini-stat strong{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:800}.td-mini-stat small{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.64rem;font-weight:600}.td-mini-flame{font-size:1.05rem;animation:1.6s ease-in-out infinite flameFlicker}@keyframes flameFlicker{0%,to{filter:drop-shadow(0 0 3px #f59e0b99);transform:scale(1)rotate(-3deg)}50%{filter:drop-shadow(0 0 8px #f59e0be6);transform:scale(1.14)rotate(4deg)}}.td-mini-zap svg{animation:2.2s ease-in-out infinite xpZap}.td-milestone{flex-direction:column;display:flex}.td-milestone-head{letter-spacing:.12em;text-transform:uppercase;color:var(--secondary-hover);align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:inline-flex}[data-theme=dark] .td-milestone-head{color:#c4b5fd}.td-milestone-target{color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;box-shadow:0 4px 14px #7c3aed66}.td-milestone h4{color:var(--text-primary);margin-top:14px;font-size:1.12rem;font-weight:800;line-height:1.3}.td-milestone-meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:.76rem;font-weight:600;display:flex}.td-milestone-meta span{align-items:center;gap:5px;display:inline-flex}.td-milestone-xp{color:#f59e0b;font-family:JetBrains Mono,monospace}.td-milestone-hint{color:var(--text-muted);margin-top:10px;font-size:.78rem;line-height:1.5}.td-milestone-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);align-self:flex-start;margin-top:auto;box-shadow:0 4px #5b21b6,0 10px 24px #7c3aed59}.td-milestone-btn:hover{background:linear-gradient(135deg,#6d28d9,#1d4ed8);box-shadow:0 6px #4c1d95,0 14px 32px #7c3aed73}.td-stats-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:18px 0 40px;display:grid;position:relative}.td-stat-card{-webkit-backdrop-filter:blur(14px);background:linear-gradient(150deg,#ffffffbf,#ffffff73);border:1px solid #ffffff8c;border-radius:18px;flex-direction:column;gap:4px;padding:20px 22px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #07111f0f}[data-theme=dark] .td-stat-card{background:linear-gradient(150deg,#0d1b33b3,#07111f80);border:1px solid #38bdf81a;box-shadow:0 8px 26px #02081766}.td-stat-card:before{content:"";background:var(--sc,var(--primary));opacity:.9;width:4px;box-shadow:0 0 12px var(--sc,var(--primary));position:absolute;top:0;bottom:0;left:0}.td-stat-card:hover{border-color:color-mix(in srgb, var(--sc,var(--primary)) 35%, transparent);box-shadow:0 12px 30px color-mix(in srgb, var(--sc,var(--primary)) 18%, transparent);transform:translateY(-5px)}.td-stat-icon{width:38px;height:38px;color:var(--sc,var(--primary));background:color-mix(in srgb, var(--sc,var(--primary)) 12%, transparent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.td-stat-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:800;line-height:1.1}.td-stat-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:600}.td-learn{z-index:1;margin-bottom:34px;position:relative}.td-section-head h2{color:var(--text-primary);letter-spacing:-.01em;font-size:1.45rem;font-weight:800}.td-section-head p{color:var(--text-muted);margin-top:4px;font-size:.88rem}.td-learn-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px;display:grid}.td-learn-card{-webkit-backdrop-filter:blur(14px);background:linear-gradient(150deg,#ffffffbf,#ffffff73);border:1px solid #ffffff8c;border-radius:18px;padding:20px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;box-shadow:0 4px 18px #07111f0f}[data-theme=dark] .td-learn-card{background:linear-gradient(150deg,#0d1b33b3,#07111f80);border:1px solid #38bdf81a;box-shadow:0 8px 26px #02081766}.td-learn-card:hover{border-color:color-mix(in srgb, var(--tech-color) 40%, transparent);box-shadow:0 14px 34px color-mix(in srgb, var(--tech-color) 20%, transparent);transform:translateY(-6px)}.td-learn-icon{width:44px;height:44px;color:color-mix(in srgb, var(--tech-color) 80%, #fff);background:radial-gradient(circle at 30% 25%, #ffffff80, transparent 60%), color-mix(in srgb, var(--tech-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--tech-color) 28%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--tech-color) 22%, transparent);border-radius:14px;justify-content:center;align-items:center;font-size:1.15rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.td-learn-card:hover .td-learn-icon{transform:scale(1.12)translateY(-2px)}.td-learn-card h4{color:var(--text-primary);margin-top:13px;font-size:.98rem;font-weight:800}.td-learn-card p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.td-quick{z-index:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:46px;display:grid;position:relative}.td-quick-card{text-align:center;background:linear-gradient(160deg,#2563eb14,#8b5cf614);border:1px solid #2563eb26;border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:18px 12px;transition:transform .25s,box-shadow .25s;display:flex}.td-quick-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #2563eb2e}.td-quick-icon{width:36px;height:36px;color:var(--primary);background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .2);border-radius:12px;justify-content:center;align-items:center;margin-bottom:5px;display:inline-flex}.td-quick-card strong{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1.35rem;font-weight:800}.td-quick-card small{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:700}.td-practice-note{-webkit-backdrop-filter:blur(16px);border:1px dashed rgba(var(--primary-rgb), .4);z-index:1;background:linear-gradient(140deg,#2563eb1a,#8b5cf61a);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:52px;padding:24px 28px;display:flex;position:relative}.td-practice-note strong{color:var(--text-primary);font-size:.98rem}.td-practice-note p{color:var(--text-muted);max-width:560px;margin-top:4px;font-size:.84rem}.td-skeleton-hero{pointer-events:none}.td-shimmer{background:linear-gradient(90deg, var(--border-light) 25%, var(--border) 45%, var(--border-light) 65%);background-size:200% 100%;border-radius:12px;animation:1.4s ease-in-out infinite skShimmer}.td-sk-line-lg{width:260px;height:30px}.td-sk-line-md{width:380px;max-width:80%;height:16px;margin-top:14px}.td-sk-ring{border-radius:50%;width:128px;height:128px}.td-icon-stage{flex-shrink:0;width:150px;height:150px;position:relative}@media (width<=1024px){.td-hero{flex-wrap:wrap}.td-dashboard{grid-template-columns:1fr}.td-progress-side{flex-direction:row;order:-1;justify-content:flex-start;gap:16px;width:100%}}@media (width<=768px){.td-page{padding:108px 14px 56px}.td-hero{flex-direction:column;align-items:flex-start;gap:22px;padding:26px 20px}.td-hero-info h1{font-size:1.7rem}.td-orb-stage{width:132px;height:132px}.td-icon-core{font-size:2.6rem;inset:20px}.td-orbit-chip{display:none}.td-progress-side{flex-direction:column;order:0;align-items:center;width:auto}.td-panel{padding:20px}.td-mini-stats{grid-template-columns:repeat(2,1fr)}.td-practice-note{flex-direction:column;align-items:stretch;padding:20px}.td-bg-token{display:none}}@media (width<=480px){.td-hero-info h1{font-size:1.45rem}.td-hero-meters{gap:6px}.td-meter-pill{padding:5px 10px;font-size:.68rem}.td-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.td-cta-main,.td-cta-secondary{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.td-icon-core,.td-ring,.td-ring-b,.td-particle,.td-shimmer,.td-bg-orb,.td-bg-token,.td-orbit-chip,.td-orb-glow,.td-progress-fill,.td-progress-fill:after,.td-xp-chip svg,.td-mini-flame,.td-hero:before,.td-hero-badge,.td-panel{animation:none!important}.td-hero,.td-panel{opacity:1;transform:none;animation:none!important}.td-orb-stage{transition:none!important}}.als-root{flex-direction:column;gap:14px;display:flex;position:relative}.als-scene{aspect-ratio:16/9;background:radial-gradient(at 30% 20%,#2563eb40 0%,#0000 60%),radial-gradient(at 85% 100%,#8b5cf624 0%,#0000 50%),linear-gradient(150deg,#060d1c 0%,#0b1830 55%,#140f2e 100%);border-radius:18px;flex-direction:column;padding:20px 24px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 44px #02081773,inset 0 0 0 1px #94c5ff1f}.als-scene-top{z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex}.als-kicker{font-family:var(--lvm-mono);letter-spacing:.22em;color:var(--lvm-cyan-soft);text-shadow:0 0 12px #67e8f966;white-space:nowrap;align-items:center;gap:7px;font-size:.68rem;font-weight:800;display:inline-flex}.als-live-dot{background:var(--lvm-green);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite alsPulse;box-shadow:0 0 10px #10b981e6}@keyframes alsPulse{0%,to{opacity:1}50%{opacity:.35}}.als-narration{min-width:0;color:var(--lvm-faint);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;font-style:italic;display:inline-flex;overflow:hidden}.als-narrbars{flex-shrink:0;align-items:flex-end;gap:2.5px;height:13px;display:inline-flex}.als-narrbars i{background:linear-gradient(to top, var(--lvm-blue), var(--lvm-cyan));border-radius:2px;width:3px;animation:1s ease-in-out infinite alsEq}.als-narrbars i:first-child{height:55%}.als-narrbars i:nth-child(2){height:95%;animation-delay:.15s}.als-narrbars i:nth-child(3){height:70%;animation-delay:.3s}.als-narrbars i:nth-child(4){height:88%;animation-delay:.45s}@keyframes alsEq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.als-scene:not(.is-playing) .als-narrbars i{opacity:.45;animation-play-state:paused}.als-topiccount{font-family:var(--lvm-mono);letter-spacing:.14em;color:var(--lvm-muted);border:1px solid var(--lvm-border-strong);white-space:nowrap;background:#94a3b817;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:800}.als-scene-main{z-index:2;flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:26px;min-height:0;display:grid}.als-copy{animation:.5s cubic-bezier(.22,1,.36,1) both alsSlideIn}@keyframes alsSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.als-title{letter-spacing:-.02em;color:var(--lvm-text);margin:0;font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:800;line-height:1.25}.als-explanation{color:var(--lvm-muted);-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:10px 0 0;font-size:clamp(.95rem,1.3vw,1.06rem);line-height:1.65;display:-webkit-box;overflow:hidden}.als-points{flex-wrap:wrap;gap:6px;margin:13px 0 0;padding:0;list-style:none;display:flex}.als-points li{font-family:var(--lvm-mono);letter-spacing:.04em;color:var(--lvm-cyan-soft);background:#06b6d417;border:1px solid #67e8f940;border-radius:999px;padding:4px 10px;font-size:.73rem;font-weight:700;animation:.5s both alsFadeUp}.als-points li:nth-child(2){animation-delay:80ms}.als-points li:nth-child(3){animation-delay:.16s}.als-points li:nth-child(4){animation-delay:.24s}@keyframes alsFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.als-diagram{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.als-diagram-node{font-family:var(--lvm-mono);color:#fff;background:linear-gradient(135deg,#2563eb59,#8b5cf64d);border:1px solid #94c5ff59;border-radius:10px;padding:6px 12px;font-size:.8rem;font-weight:800}.als-stagevisual{perspective:800px;height:100%;min-height:200px;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));will-change:transform;transition:transform .35s ease-out;position:relative}.als-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.als-floor{filter:blur(4px);background:radial-gradient(#06b6d447,#0000 70%);border-radius:50%;width:190px;height:26px;animation:5s ease-in-out infinite alsFloorPulse;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}@keyframes alsFloorPulse{0%,to{opacity:.55;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.12)}}.als-orbit{border:1px dashed #67e8f947;border-radius:50%;width:210px;max-width:90%;height:210px;max-height:90%;animation:16s linear infinite alsOrbitSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)}@keyframes alsOrbitSpin{to{transform:translate(-50%,-50%)rotateX(68deg)rotate(360deg)}}.als-cube{width:92px;height:92px;transform-style:preserve-3d;animation:20s linear infinite alsCubeSpin,6s ease-in-out infinite alsFloatY;position:relative}@keyframes alsCubeSpin{0%{transform:rotateX(-16deg)rotateY(0)}to{transform:rotateX(-16deg)rotateY(360deg)}}@keyframes alsFloatY{0%,to{margin-top:0}50%{margin-top:-14px}}.als-face{font-family:var(--lvm-mono);color:#7dd3fceb;background:linear-gradient(145deg,#2563eb2e,#06b6d41a 55%,#8b5cf629);border:1px solid #67e8f952;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 18px #06b6d41f}.als-f-front{transform:translateZ(46px)}.als-f-back{color:#c4b5fdeb;transform:rotateY(180deg)translateZ(46px)}.als-f-right{color:#6ee7b7e6;transform:rotateY(90deg)translateZ(46px)}.als-f-left{transform:rotateY(-90deg)translateZ(46px)}.als-f-top{color:#fcd34de0;transform:rotateX(90deg)translateZ(46px)}.als-f-bottom{transform:rotateX(-90deg)translateZ(46px)}.als-cardstack{width:100%;height:100%;position:relative}.als-vcard{font-family:var(--lvm-mono);white-space:nowrap;color:#7dd3fcf2;background:#0a1424d1;border:1px solid #67e8f952;border-radius:11px;padding:9px 15px;font-size:clamp(.68rem,1.3vw,.85rem);font-weight:700;animation:7s ease-in-out infinite alsCardDrift;position:absolute;top:50%;left:50%;box-shadow:0 10px 26px #02081780,inset 0 0 14px #06b6d414}.als-vcard-1{transform:translate(-72%,-88%)}.als-vcard-2{color:#c4b5fdf2;border-color:#8b5cf666;animation-delay:.9s;transform:translate(-16%,-34%)}.als-vcard-3{color:#6ee7b7f2;border-color:#10b98161;animation-delay:1.8s;transform:translate(-64%,-8%)}.als-vcard-4{animation-delay:2.7s;transform:translate(-8%,-66%)}@keyframes alsCardDrift{0%,to{margin-top:0}50%{margin-top:-10px}}.als-termmock{background:#050b16eb;border:1px solid #67e8f942;border-radius:13px;width:min(320px,86%);animation:6s ease-in-out infinite alsFloatSoft;overflow:hidden;box-shadow:0 16px 40px #0208178c,0 0 30px #06b6d417}@keyframes alsFloatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.als-termmock-bar{background:#0f1b2de6;border-bottom:1px solid #94a3b824;align-items:center;gap:5px;padding:8px 12px;display:flex}.als-termmock-bar i{background:#ef4444;border-radius:50%;width:9px;height:9px}.als-termmock-bar i:nth-child(2){background:#f59e0b}.als-termmock-bar i:nth-child(3){background:#10b981}.als-termmock-bar span{font-family:var(--lvm-mono);letter-spacing:.14em;color:var(--lvm-faint);text-transform:uppercase;margin-left:auto;font-size:.58rem}.als-termmock-body{padding:13px 15px 15px}.als-termmock-body p{font-family:var(--lvm-mono);color:#e2e8f0eb;margin:0 0 6px;font-size:.84rem}.als-termmock-body p.cmd{color:#67e8f9f2}.als-termmock-body p.cmd:before{content:"❯ ";color:var(--lvm-purple)}.als-replmock{font-family:var(--lvm-mono);background:#050b16e6;border:1px solid #67e8f94d;border-radius:16px;align-items:center;gap:12px;padding:22px 28px;animation:6s ease-in-out infinite alsFloatSoft;display:flex;box-shadow:0 16px 40px #0208178c}.als-replmock-prompt{color:var(--lvm-cyan-soft);font-size:1.5rem;font-weight:800}.als-replmock-caret{background:#c4b5fde6;width:11px;height:24px;animation:1.05s step-end infinite alsCaret}@keyframes alsCaret{50%{opacity:0}}.als-replmock-hint{letter-spacing:.12em;color:var(--lvm-faint);text-transform:uppercase;font-size:.62rem}.als-fnblock{font-family:var(--lvm-mono);background:#050b16e6;border:1px solid #8b5cf66b;border-radius:16px;align-items:baseline;gap:9px;padding:22px 26px;animation:6s ease-in-out infinite alsFloatSoft;display:flex;box-shadow:0 16px 40px #0208178c,inset 0 0 22px #8b5cf614}.als-fnblock-key{color:#c4b5fdf2;font-size:1.02rem;font-weight:800}.als-fnblock-name{color:#67e8f9f2;word-break:break-all;font-size:.98rem;font-weight:700}.als-fnblock-dot{background:var(--lvm-cyan);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite alsBlinkDot}.als-fnblock-dot.d2{animation-delay:.25s}.als-fnblock-dot.d3{animation-delay:.5s}@keyframes alsBlinkDot{0%,to{opacity:.25}50%{opacity:1}}.als-loops{width:150px;height:150px;position:relative}.als-loop-ring{border:2.5px dashed #67e8f973;border-radius:50%;animation:9s linear infinite alsRingSpin;position:absolute;inset:0}.als-loop-ring.r2{border-color:#8b5cf673;animation-duration:13s;animation-direction:reverse;inset:22px}@keyframes alsRingSpin{to{transform:rotate(360deg)}}.als-loop-core{font-family:var(--lvm-mono);color:var(--lvm-cyan-soft);font-size:1rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.als-scene-progress{z-index:3;align-items:center;gap:13px;margin-top:14px;display:flex}.als-track{background:#94a3b824;border-radius:999px;flex:1;height:7px;overflow:hidden}.als-track span{background:linear-gradient(90deg, var(--lvm-blue), var(--lvm-cyan));border-radius:999px;height:100%;transition:width .25s linear;display:block;box-shadow:0 0 12px #06b6d48c}.als-track-pct{font-family:var(--lvm-mono);letter-spacing:.08em;color:var(--lvm-cyan-soft);white-space:nowrap;font-size:.72rem;font-weight:800}.als-controls{justify-content:center;align-items:center;gap:13px;display:flex}.als-navbtn{letter-spacing:.03em;color:var(--lvm-muted);border:1px solid var(--lvm-border-strong);cursor:pointer;background:#0f1b2dbf;border-radius:12px;align-items:center;gap:7px;padding:10px 17px;font-family:inherit;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-flex}.als-navbtn:hover:not(:disabled){color:var(--lvm-cyan-soft);border-color:#67e8f980;transform:translateY(-2px)}.als-navbtn:disabled{opacity:.4;cursor:not-allowed}.als-navbtn.complete{color:#34d399;border-color:#34d39966}.als-playbtn{letter-spacing:.04em;color:#fff;background:linear-gradient(135deg, var(--lvm-blue), var(--lvm-cyan));cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 26px;font-family:inherit;font-size:.86rem;font-weight:850;transition:all .2s;display:inline-flex;box-shadow:0 10px 26px #2563eb59,0 0 22px #06b6d433}.als-playbtn:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.02)}.als-playbtn:active{transform:translateY(1px)}.als-xplayer{pointer-events:none;z-index:30;position:absolute;top:4px;right:10px}.als-xppop{font-family:var(--lvm-mono);color:#fde68a;text-shadow:0 0 12px #f59e0b99;align-items:center;gap:5px;font-size:.84rem;font-weight:800;animation:2.1s ease-out forwards alsXpPop;display:inline-flex}@keyframes alsXpPop{0%{opacity:0;transform:translateY(8px)scale(.85)}18%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.als-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.als-dock.no-code{grid-template-columns:1fr}.als-panel{background:var(--lvm-panel);border:1px solid var(--lvm-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:15px 17px}.als-focuscard h4{letter-spacing:.06em;color:var(--lvm-text);align-items:center;gap:8px;margin:0 0 10px;font-size:.8rem;font-weight:800;display:flex}.als-dot{background:var(--lvm-cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #06b6d4cc}.als-focuslist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.als-focuslist li{color:var(--lvm-muted);align-items:flex-start;gap:8px;font-size:.79rem;line-height:1.5;display:flex}.als-focuslist li svg{color:var(--lvm-green);flex-shrink:0;margin-top:3px}.als-codepanel{flex-direction:column;padding:0;display:flex;overflow:hidden}.als-codebar{border-bottom:1px solid var(--lvm-border);background:#050b16bf;align-items:center;gap:10px;padding:9px 13px;display:flex}.als-dots{gap:5px;display:inline-flex}.als-dots i{background:#ef4444;border-radius:50%;width:10px;height:10px}.als-dots i:nth-child(2){background:#f59e0b}.als-dots i:nth-child(3){background:#10b981}.als-codelang{font-family:var(--lvm-mono);letter-spacing:.18em;color:var(--lvm-cyan-soft);font-size:.68rem;font-weight:800}.als-copy-btn,.als-copy{font-family:var(--lvm-mono);letter-spacing:.08em;color:var(--lvm-faint);border:1px solid var(--lvm-border-strong);cursor:pointer;background:#94a3b814;border-radius:8px;align-items:center;gap:5px;margin-left:auto;padding:4px 9px;font-size:.68rem;font-weight:800;transition:all .2s;display:inline-flex}.als-copy:hover{color:var(--lvm-cyan-soft)}.als-copy.ok{color:var(--lvm-green);border-color:#34d39973}.als-pre{font-family:var(--lvm-mono);color:#e2e8f0;scrollbar-width:thin;flex:1;margin:0;padding:14px 16px;font-size:.94rem;line-height:1.65;overflow-x:auto}.als-tok-str{color:#86efac;font-style:normal}.als-tok-com{color:#64748b;font-style:italic}.als-tok-num{color:#fcd34d;font-style:normal}.als-tok-kw{color:#93c5fd;font-style:normal;font-weight:700}.als-runrow{border-top:1px solid var(--lvm-border);align-items:center;gap:11px;padding:11px 14px;display:flex}.als-runhint{color:var(--lvm-faint);font-size:.72rem}.als-output{background:#10b98112;border:1px solid #34d39952;border-radius:11px;margin:0 14px 14px;animation:.3s both alsFadeUp;overflow:hidden}.als-output.muted{background:#94a3b80f;border-color:#94a3b847}.als-output-label{font-family:var(--lvm-mono);letter-spacing:.2em;color:var(--lvm-green);padding:7px 12px 0;font-size:.56rem;font-weight:800;display:block}.als-output.muted .als-output-label{color:var(--lvm-faint)}.als-output pre{font-family:var(--lvm-mono);color:#d1fae5;white-space:pre-wrap;margin:0;padding:8px 12px 11px;font-size:.88rem;line-height:1.55}.als-btn{letter-spacing:.03em;color:#fff;background:linear-gradient(135deg, var(--lvm-blue), var(--lvm-cyan));cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:8px 15px;font-family:inherit;font-size:.82rem;font-weight:800;transition:all .2s;display:inline-flex}.als-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.als-btn:disabled{opacity:.5;cursor:not-allowed}.als-btn-primary{box-shadow:0 7px 18px #2563eb4d}.als-btn-ghost{border:1px solid var(--lvm-border-strong);color:var(--lvm-muted);background:#94a3b814}.als-btn-ghost:hover:not(:disabled){color:var(--lvm-cyan-soft);border-color:#67e8f980}.als-btn-green{background:linear-gradient(135deg,#10b981,#34d399)}.als-mentor-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.als-mentor-badge{font-family:var(--lvm-mono);letter-spacing:.14em;color:var(--lvm-cyan-soft);text-shadow:0 0 10px #67e8f959;align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:inline-flex}.als-mentor-toggle{color:var(--lvm-muted);cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf666;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:.76rem;font-weight:800;transition:all .2s;display:inline-flex}.als-mentor-toggle:hover{color:#fff;background:#8b5cf63d}.als-mentor-tip{color:var(--lvm-muted);margin:0;font-size:.92rem;line-height:1.65}.als-mentor-hint{color:#fde68a;margin:9px 0 0;font-size:.85rem;line-height:1.6}.als-chat{border-top:1px solid var(--lvm-border);margin-top:13px;padding-top:11px}.als-chat-note{letter-spacing:.05em;color:var(--lvm-faint);margin-bottom:9px;font-size:.68rem}.als-chat-list{scrollbar-width:thin;gap:9px;max-height:175px;display:grid;overflow-y:auto}.als-chat-empty{color:var(--lvm-faint);padding:5px 0;font-size:.82rem}.als-msg{align-items:flex-start;gap:9px;animation:.28s both alsFadeUp;display:flex}.als-msg-avatar{width:22px;height:22px;font-family:var(--lvm-mono);color:#fff;background:linear-gradient(135deg, var(--lvm-blue), var(--lvm-purple));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:800;display:flex}.als-msg.you .als-msg-avatar{color:var(--lvm-text);background:#94a3b84d}.als-msg p{color:var(--lvm-muted);white-space:pre-line;margin:0;font-size:.85rem;line-height:1.6}.als-msg.mentor p{color:var(--lvm-text)}.als-chat-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.als-chat-chips button{color:var(--lvm-cyan-soft);cursor:pointer;background:#06b6d414;border:1px solid #67e8f947;border-radius:999px;padding:4px 11px;font-family:inherit;font-size:.64rem;font-weight:700;transition:all .2s}.als-chat-chips button:hover{background:#06b6d42e}.als-chat-inputrow{gap:8px;margin-top:11px;display:flex}.als-chat-inputrow input{min-width:0;color:var(--lvm-text);border:1px solid var(--lvm-border-strong);background:#050b16b3;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:.86rem;transition:border-color .2s}.als-chat-inputrow input:focus{border-color:#67e8f98c}.als-chat-inputrow input::placeholder{color:var(--lvm-faint)}.als-checkpoint{background:var(--lvm-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #f59e0b4d;border-radius:16px;padding:15px 17px}.als-checkpoint h4{color:var(--lvm-text);align-items:center;gap:8px;margin:0 0 8px;font-size:1.25rem;font-weight:800;display:flex}.als-checkpoint h4 .als-dot{background:var(--lvm-orange);box-shadow:0 0 9px #f59e0bcc}.als-checkpoint-xp{font-family:var(--lvm-mono);letter-spacing:.08em;color:#fde68a;border:1px solid #f59e0b66;border-radius:999px;padding:2px 8px;font-size:.66rem}.als-checkpoint>p{color:var(--lvm-text);margin:0 0 11px;font-size:.96rem;font-weight:700}.als-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.als-opt{text-align:left;color:var(--lvm-muted);border:1px solid var(--lvm-border-strong);cursor:pointer;background:#050b168c;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;font-family:inherit;font-size:.86rem;line-height:1.45;transition:all .2s;display:flex}.als-opt:hover:not(:disabled){color:var(--lvm-text);border-color:#67e8f980}.als-opt:disabled{cursor:default}.als-opt-letter{width:20px;height:20px;font-family:var(--lvm-mono);color:var(--lvm-cyan-soft);background:#06b6d41f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:800;display:flex}.als-opt.correct{color:#d1fae5;background:#10b9811f;border-color:#34d39999}.als-opt.correct .als-opt-letter{color:#34d399;background:#10b98133}.als-opt.wrong{color:#fecdd3;background:#f43f5e1a;border-color:#f43f5e8c}.als-opt.dim{opacity:.45}.als-explain{border-radius:11px;margin-top:11px;padding:10px 13px;font-size:.86rem;line-height:1.6;animation:.3s both alsFadeUp}.als-explain.good{color:#d1fae5;background:#10b9811a;border:1px solid #34d3994d}.als-explain.bad{color:#fecdd3;background:#f43f5e14;border:1px solid #f43f5e4d}.als-timeline ol{scrollbar-width:thin;gap:4px;margin:0;padding:4px 2px 8px;list-style:none;display:flex;overflow-x:auto}.als-timeline li{flex-shrink:0;position:relative}.als-timeline li+li:before{content:"";background:var(--lvm-border-strong);width:12px;height:2px;position:absolute;top:21px;left:-6px}.als-timeline li.done+li:before,.als-timeline li.done:before{background:#34d39980}.als-timeline button{cursor:pointer;background:0 0;border:none;border-radius:11px;align-items:center;gap:9px;padding:6px 8px;font-family:inherit;transition:background .2s;display:flex}.als-timeline button:hover:not(:disabled){background:#94a3b814}.als-timeline button:disabled{cursor:default}.als-tl-dot{width:26px;height:26px;font-family:var(--lvm-mono);color:var(--lvm-faint);border:1.5px solid var(--lvm-border-strong);background:#94a3b81a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;transition:all .25s;display:flex}li.active .als-tl-dot{color:#fff;background:linear-gradient(135deg, var(--lvm-blue), var(--lvm-cyan));border-color:#0000;animation:2s ease-in-out infinite alsActiveGlow;box-shadow:0 0 16px #06b6d4a6}@keyframes alsActiveGlow{0%,to{box-shadow:0 0 12px #06b6d480}50%{box-shadow:0 0 22px #06b6d4d9}}li.done .als-tl-dot{color:#34d399;background:#10b9811f;border-color:#34d39973}li.locked{opacity:.42}.als-tl-meta{text-align:left;min-width:0;display:grid}.als-tl-title{color:var(--lvm-muted);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.8rem;font-weight:700;overflow:hidden}li.active .als-tl-title{color:var(--lvm-cyan-soft)}li.done .als-tl-title{color:var(--lvm-text);-webkit-text-decoration:line-through #34d39999;text-decoration:line-through #34d39999}.als-tl-time{font-family:var(--lvm-mono);letter-spacing:.08em;color:var(--lvm-faint);font-size:.64rem}.als-summary{aspect-ratio:16/9;text-align:center;background:radial-gradient(at 50% 0,#10b98129 0%,#0000 55%),radial-gradient(at 30% 20%,#2563eb33 0%,#0000 60%),linear-gradient(150deg,#060d1c 0%,#0b1830 55%,#140f2e 100%);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:22px 26px;animation:.45s both alsFadeUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 18px 44px #02081773,inset 0 0 0 1px #94c5ff1f}.als-summary-icon{filter:drop-shadow(0 0 16px #f59e0b80);font-size:2.2rem}.als-summary h3{letter-spacing:-.01em;color:var(--lvm-text);margin:7px 0 0;font-size:1.8rem;font-weight:800}.als-summary>p{color:var(--lvm-faint);margin:5px 0 0;font-size:1rem}.als-learned{text-align:left;grid-template-columns:repeat(2,minmax(0,260px));gap:6px 22px;margin:12px 0 0;padding:0;list-style:none;display:grid}.als-learned li{color:var(--lvm-muted);align-items:center;gap:8px;font-size:.92rem;display:flex}.als-learned li svg{color:var(--lvm-green);flex-shrink:0}.als-summary-xp{font-family:var(--lvm-mono);color:#fde68a;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:13px;font-size:.84rem;font-weight:800;display:flex}.als-summary-xp span{background:#f59e0b14;border:1px solid #f59e0b66;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;display:inline-flex}.als-summary-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.als-empty{aspect-ratio:16/9;text-align:center;border:1px solid var(--lvm-border);background:linear-gradient(150deg,#060d1c,#0b1830 55%,#140f2e);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.als-empty strong{color:var(--lvm-text);font-size:1.05rem}.als-empty p{color:var(--lvm-faint);max-width:420px;margin:0;font-size:.88rem;line-height:1.6}@media (width<=860px){.als-scene{aspect-ratio:auto;min-height:380px;padding:16px}.als-scene-main{grid-template-columns:1fr;align-items:start;gap:16px}.als-stagevisual{order:-1;min-height:170px}.als-explanation{-webkit-line-clamp:4}.als-narration{display:none}.als-dock,.als-options{grid-template-columns:1fr}.als-controls{flex-wrap:wrap}.als-playbtn{order:-1;justify-content:center;width:100%}.als-navbtn{flex:1;justify-content:center}.als-learned{grid-template-columns:1fr}.als-summary{aspect-ratio:auto;min-height:340px}}@media (prefers-reduced-motion:reduce){.als-live-dot,.als-narrbars i,.als-orbit,.als-cube,.als-vcard,.als-termmock,.als-replmock,.als-fnblock,.als-loop-ring,.als-loop-core,.als-floor,li.active .als-tl-dot{animation:none!important}.als-stagevisual{transition:none}}.lvm-overlay{z-index:1200;-webkit-backdrop-filter:blur(10px);background:#020610b8;justify-content:center;align-items:center;padding:12px;animation:.28s both lvmFade;display:flex;position:fixed;inset:0}.lvm-overlay.closing{animation:.22s both lvmFadeOut}@keyframes lvmFade{0%{opacity:0}}@keyframes lvmFadeOut{to{opacity:0}}.lvm-root{--lvm-bg:#050b16;--lvm-panel:#0f1b2dbf;--lvm-panel-solid:#0a1424;--lvm-border:#94a3b826;--lvm-border-strong:#94a3b84d;--lvm-blue:#2563eb;--lvm-cyan:#06b6d4;--lvm-cyan-soft:#67e8f9;--lvm-purple:#8b5cf6;--lvm-green:#10b981;--lvm-orange:#f59e0b;--lvm-text:#f8fafc;--lvm-muted:#cbd5e1;--lvm-faint:#94a3b8;--lvm-mono:"JetBrains Mono", "Fira Code", monospace;border:1px solid var(--lvm-border);background:radial-gradient(at 85% -5%,#2563eb29 0%,#0000 45%),radial-gradient(at 0 110%,#8b5cf621 0%,#0000 42%),linear-gradient(170deg,#050b16,#081226 55%,#050b16);border-radius:24px;flex-direction:column;width:96vw;max-width:none;height:92vh;min-height:0;max-height:none;margin:auto;animation:.34s cubic-bezier(.22,1,.36,1) both lvmIn;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px #020817a6,0 0 60px #2563eb1f,inset 0 1px #94c5ff1a}.lvm-root.closing{animation:.22s both lvmOut}@keyframes lvmIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes lvmOut{to{opacity:0;transform:translateY(8px)scale(.98)}}.lvm-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lvm-particle{font-family:var(--lvm-mono);color:#67e8f912;font-size:.85rem;font-weight:700;animation:12s ease-in-out infinite lvmDrift;position:absolute}@keyframes lvmDrift{0%,to{opacity:.6;transform:translate(0)rotate(-4deg)}50%{opacity:1;transform:translate(14px,-26px)rotate(5deg)}}.lvm-header{border-bottom:1px solid var(--lvm-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex;position:relative}.lvm-head-left{min-width:0}.lvm-kicker{letter-spacing:.22em;color:var(--lvm-cyan-soft);text-shadow:0 0 12px #67e8f966;align-items:center;gap:7px;font-size:.68rem;font-weight:800;display:inline-flex}.lvm-title{letter-spacing:-.02em;color:var(--lvm-text);margin-top:5px;font-size:1.8rem;font-weight:850}.lvm-subtitle{color:var(--lvm-faint);margin-top:4px;font-size:1rem;line-height:1.55}.lvm-badges{flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;display:flex}.lvm-badge{font-family:var(--lvm-mono);letter-spacing:.08em;color:var(--lvm-muted);border:1px solid var(--lvm-border-strong);background:#94a3b817;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.lvm-badge.tech{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border:none}.lvm-badge.level{color:#34d399;border-color:#34d39959}.lvm-badge.xp{color:#fde68a;border-color:#f59e0b66}.lvm-close{border:1px solid var(--lvm-border-strong);width:38px;height:38px;color:var(--lvm-faint);cursor:pointer;background:#0f172a99;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.lvm-close:hover{color:#fff;border-color:#67e8f980;transform:rotate(90deg)}.lvm-body{scrollbar-width:thin;flex:1;min-height:0;padding:20px 24px 24px;overflow-y:auto}.lvm-stage-wrap{position:relative}.lvm-stage{aspect-ratio:16/9;background:radial-gradient(at 30% 20%,#2563eb40 0%,#0000 60%),linear-gradient(150deg,#060d1c 0%,#0b1830 55%,#140f2e 100%);border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 44px #02081773,inset 0 0 0 1px #94c5ff1f}.lvm-stage video{object-fit:contain;background:#000;width:100%;height:100%}.lvm-soon{text-align:center;max-width:480px;padding:24px}.lvm-soon-orb{perspective:700px;width:120px;height:120px;margin:0 auto 6px;animation:6s ease-in-out infinite lvmFloat;position:relative}@keyframes lvmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lvm-mini-cube{width:80px;height:80px;transform-style:preserve-3d;animation:14s linear infinite lvmSpin;position:absolute;top:20px;left:20px}@keyframes lvmSpin{0%{transform:rotateX(-14deg)rotateY(0)}to{transform:rotateX(-14deg)rotateY(360deg)}}.lvm-face{font-family:var(--lvm-mono);color:#7dd3fcd9;background:linear-gradient(145deg,#2563eb2e,#06b6d41a 55%,#8b5cf629);border:1px solid #67e8f952;justify-content:center;align-items:center;font-size:.92rem;font-weight:800;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 18px #06b6d41f}.lvm-f-front{transform:translateZ(40px)}.lvm-f-back{color:#c4b5fde6;transform:rotateY(180deg)translateZ(40px)}.lvm-f-right{color:#6ee7b7d9;transform:rotateY(90deg)translateZ(40px)}.lvm-f-left{transform:rotateY(-90deg)translateZ(40px)}.lvm-f-top{color:#fcd34dd9;transform:rotateX(90deg)translateZ(40px)}.lvm-f-bottom{transform:rotateX(-90deg)translateZ(40px)}.lvm-grad-cap{filter:drop-shadow(0 0 10px #f59e0b80);font-size:1.5rem;animation:5s ease-in-out infinite reverse lvmFloat;position:absolute;top:-14px;right:-12px}.lvm-soon h3{color:var(--lvm-text);font-size:1.05rem;font-weight:800}.lvm-soon p{color:var(--lvm-faint);margin-top:6px;font-size:.82rem;line-height:1.55}.lvm-soon-list{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.lvm-soon-list span{color:var(--lvm-cyan-soft);background:#06b6d417;border:1px solid #67e8f940;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:700}.lvm-resume{color:var(--lvm-muted);background:#2563eb1a;border:1px dashed #67e8f959;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;font-size:.9rem;display:flex}.lvm-resume-actions{gap:8px;display:flex}.lvm-controls{background:var(--lvm-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--lvm-border);border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex}.lvm-ctl{width:36px;height:36px;color:var(--lvm-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;position:relative}.lvm-ctl:hover:not(:disabled){color:var(--lvm-cyan-soft);background:#06b6d41a}.lvm-ctl:disabled{opacity:.4;cursor:not-allowed}.lvm-ctl-play{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:50%;width:44px;height:44px;box-shadow:0 6px 18px #06b6d466}.lvm-time{font-family:var(--lvm-mono);color:var(--lvm-faint);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}.lvm-seek{appearance:none;background:linear-gradient(90deg, var(--lvm-cyan), var(--lvm-purple)) no-repeat, #94a3b82e;background-size:var(--seek,0%) 100%;cursor:pointer;outline-offset:3px;border-radius:99px;flex:1;height:6px}.lvm-seek::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #67e8f9b3}.lvm-vol{width:74px}.lvm-speed-select{font-family:var(--lvm-mono);color:var(--lvm-muted);border:1px solid var(--lvm-border-strong);cursor:pointer;background:#0f172ab3;border-radius:9px;padding:7px 8px;font-size:.7rem;font-weight:700}.lvm-help-pop{z-index:30;background:#081226f7;border:1px solid #67e8f94d;border-radius:12px;min-width:210px;padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 30px #02081780}.lvm-help-pop h5{letter-spacing:.12em;text-transform:uppercase;color:var(--lvm-cyan-soft);margin-bottom:8px;font-size:.72rem}.lvm-help-row{color:var(--lvm-muted);justify-content:space-between;gap:12px;padding:3px 0;font-size:.8rem;display:flex}.lvm-key{font-family:var(--lvm-mono);color:var(--lvm-text);border:1px solid var(--lvm-border-strong);background:#94a3b824;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:700}.lvm-watchline{align-items:center;gap:12px;margin-top:12px;display:flex}.lvm-watchline-track{background:#94a3b824;border-radius:99px;flex:1;height:6px;overflow:hidden}.lvm-watchline-track span{border-radius:inherit;background:linear-gradient(90deg, var(--lvm-green), #34d399);height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 10px #10b98180}.lvm-watchline-label{color:var(--lvm-faint);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.lvm-completed-chip{color:#34d399;background:#10b9811f;border:1px solid #34d39966;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.lvm-tabs{border:1px solid var(--lvm-border);scrollbar-width:none;background:#94a3b812;border-radius:14px;gap:6px;margin-top:22px;padding:5px;display:flex;overflow-x:auto}.lvm-tab{color:var(--lvm-faint);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:9px 16px;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.lvm-tab:hover{color:var(--lvm-text)}.lvm-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 4px 14px #06b6d44d}.lvm-tab .lvm-dot{opacity:.6;background:currentColor;border-radius:50%;width:6px;height:6px}.lvm-tabpanel{margin-top:18px;animation:.3s both lvmPanel}@keyframes lvmPanel{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.lvm-overview-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.lvm-card{background:var(--lvm-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--lvm-border);border-radius:16px;padding:17px 18px}.lvm-card h4{letter-spacing:.13em;text-transform:uppercase;color:var(--lvm-cyan-soft);margin-bottom:11px;font-size:.78rem}.lvm-desc{color:var(--lvm-muted);font-size:1rem;line-height:1.65}.lvm-concepts{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.lvm-concepts span{color:var(--lvm-muted);background:#8b5cf61a;border:1px solid #a78bfa4d;border-radius:999px;padding:4px 11px;font-size:.76rem;font-weight:700}.lvm-meta-rows{flex-direction:column;gap:9px;display:flex}.lvm-meta-row{color:var(--lvm-faint);justify-content:space-between;font-size:.86rem;display:flex}.lvm-meta-row strong{color:var(--lvm-text);font-weight:700}.lvm-empty{text-align:center;color:var(--lvm-faint);flex-direction:column;align-items:center;gap:8px;padding:30px 16px;display:flex}.lvm-empty strong{color:var(--lvm-text);font-size:1.05rem}.lvm-empty p{max-width:380px;font-size:.9rem;line-height:1.55}.lvm-notes-area{resize:vertical;border:1px solid var(--lvm-border-strong);width:100%;min-height:130px;color:var(--lvm-text);background:#08122699;border-radius:13px;outline:none;padding:14px 16px;font-size:.96rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.lvm-notes-area:focus{border-color:#67e8f98c;box-shadow:0 0 0 3px #06b6d424}.lvm-notes-foot{align-items:center;gap:10px;margin-top:12px;display:flex}.lvm-notes-status{color:#34d399;flex:1;font-size:.8rem;font-weight:700}.lvm-res-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.lvm-res-card{text-align:left;background:var(--lvm-panel);border:1px solid var(--lvm-border);cursor:default;border-radius:14px;padding:15px 16px;transition:all .25s;display:block}a.lvm-res-card{cursor:pointer;text-decoration:none}.lvm-res-card:hover{border-color:#67e8f973;transform:translateY(-4px);box-shadow:0 12px 28px #06b6d424}.lvm-res-label{color:var(--lvm-text);align-items:center;gap:8px;font-size:.94rem;font-weight:750;display:flex}.lvm-res-label svg{color:var(--lvm-cyan-soft);flex-shrink:0}.lvm-res-desc{color:var(--lvm-faint);margin-top:5px;font-size:.82rem;line-height:1.5}.lvm-disc-note{color:var(--lvm-orange);background:#f59e0b14;border:1px dashed #f59e0b59;border-radius:10px;align-items:center;gap:8px;margin-bottom:13px;padding:8px 13px;font-size:.82rem;display:flex}.lvm-disc-input-row{gap:9px;display:flex}.lvm-disc-input{border:1px solid var(--lvm-border-strong);color:var(--lvm-text);background:#08122699;border-radius:12px;outline:none;flex:1;padding:12px 15px;font-size:.92rem}.lvm-disc-input:focus{border-color:#67e8f98c}.lvm-disc-list{flex-direction:column;gap:9px;margin-top:14px;display:flex}.lvm-disc-item{background:var(--lvm-panel);border:1px solid var(--lvm-border);border-radius:12px;gap:11px;padding:12px 14px;display:flex}.lvm-disc-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:800;display:flex}.lvm-disc-item p{color:var(--lvm-muted);font-size:.9rem;line-height:1.55}.lvm-disc-item time{color:var(--lvm-faint);margin-top:3px;font-size:.72rem;display:block}.lvm-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:.88rem;font-weight:800;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 5px #1d4ed8d9,0 12px 26px #06b6d447}.lvm-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.lvm-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #1d4ed8d9}.lvm-btn:disabled{opacity:.5;cursor:not-allowed}.lvm-btn.ghost{border:1px solid var(--lvm-border-strong);color:var(--lvm-muted);box-shadow:none;background:0 0}.lvm-btn.ghost:hover:not(:disabled){color:var(--lvm-cyan-soft);border-color:#67e8f980}.lvm-btn.green{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 5px #059669d9,0 12px 26px #10b9814d}.lvm-section-title{align-items:baseline;gap:10px;margin:26px 0 13px;display:flex}.lvm-section-title h3{color:var(--lvm-text);font-size:1.3rem;font-weight:800}.lvm-section-title span{color:var(--lvm-faint);font-size:.8rem}.lvm-topics-layout{grid-template-columns:minmax(260px,1fr) 1.35fr;align-items:start;gap:16px;display:grid}.lvm-topic-list{scrollbar-width:thin;flex-direction:column;gap:7px;max-height:430px;padding-right:4px;display:flex;overflow-y:auto}.lvm-topic{text-align:left;border:1px solid var(--lvm-border);width:100%;color:var(--lvm-muted);cursor:pointer;background:#0f172a73;border-radius:12px;align-items:center;gap:11px;padding:11px 13px;transition:all .2s;display:flex}.lvm-topic:hover{color:var(--lvm-text);border-color:#67e8f966;transform:translate(4px)}.lvm-topic.active{color:#fff;box-shadow:inset 3px 0 0 var(--lvm-cyan), 0 0 20px #06b6d41f;background:linear-gradient(135deg,#2563eb33,#06b6d424);border-color:#67e8f980}.lvm-topic-num{font-family:var(--lvm-mono);color:var(--lvm-cyan-soft);opacity:.85;flex-shrink:0;font-size:.72rem;font-weight:800}.lvm-topic-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;font-weight:650;overflow:hidden}.lvm-topic-time{font-family:var(--lvm-mono);color:var(--lvm-faint);flex-shrink:0;font-size:.72rem}.lvm-explain{position:relative}.lvm-explain-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.lvm-explain-tag{font-family:var(--lvm-mono);letter-spacing:.14em;color:var(--lvm-cyan-soft);font-size:.7rem;font-weight:800}.lvm-explain h3{color:var(--lvm-text);font-size:1.3rem;font-weight:800}.lvm-explain-desc{color:var(--lvm-muted);font-size:1rem;line-height:1.7}.lvm-keypoints{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin-top:13px;display:grid}.lvm-keypoints li{color:var(--lvm-text);background:#10b98112;border:1px solid #34d39938;border-radius:9px;align-items:center;gap:8px;padding:7px 11px;font-size:.87rem;font-weight:600;display:flex}.lvm-keypoints li:before{content:"✓";color:#34d399;font-weight:800}.lvm-diagram{border:1px solid var(--lvm-border);background:#0812268c;border-radius:14px;flex-direction:column;align-items:center;gap:4px;margin-top:16px;padding:16px;display:flex}.lvm-diagram-node{font-family:var(--lvm-mono);letter-spacing:.06em;color:var(--lvm-text);background:linear-gradient(145deg,#2563eb29,#06b6d41a);border:1px solid #67e8f959;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:.85rem;font-weight:800;display:flex}.lvm-diagram-node small{letter-spacing:0;color:var(--lvm-faint);text-transform:none;font-weight:600}.lvm-diagram-link{background:#67e8f966;width:1px;height:14px}.lvm-code{border:1px solid var(--lvm-border);background:#081120;border-radius:14px;margin-top:15px;overflow:hidden;box-shadow:0 10px 26px #02081766}.lvm-code-bar{border-bottom:1px solid var(--lvm-border);background:#101c33;align-items:center;gap:7px;padding:9px 13px;display:flex}.lvm-code-lang{font-family:var(--lvm-mono);color:var(--lvm-faint);font-size:.74rem;font-weight:700}.lvm-copy{color:var(--lvm-faint);cursor:pointer;background:#0f172a99;border:1px solid #94a3b840;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;font-size:.74rem;font-weight:700;transition:all .2s;display:inline-flex}.lvm-copy:hover{color:#e2e8f0;border-color:#67e8f966}.lvm-copy.ok{color:#34d399;border-color:#34d39973}.lvm-code pre{font-family:var(--lvm-mono);color:#dbeafe;scrollbar-width:thin;margin:0;padding:15px 17px;font-size:.94rem;line-height:1.65;overflow-x:auto}.lvm-breakdown{flex-direction:column;gap:8px;margin-top:13px;display:flex}.lvm-breakdown details{border:1px solid var(--lvm-border);background:#0f172a73;border-radius:11px;overflow:hidden}.lvm-breakdown summary{cursor:pointer;font-family:var(--lvm-mono);color:var(--lvm-cyan-soft);align-items:center;gap:9px;padding:10px 14px;font-size:.82rem;font-weight:700;list-style:none;display:flex}.lvm-breakdown summary::-webkit-details-marker{display:none}.lvm-breakdown summary:after{content:"+";color:var(--lvm-faint);margin-left:auto;font-size:.9rem;transition:transform .2s}.lvm-breakdown details[open] summary:after{transform:rotate(45deg)}.lvm-breakdown details p{color:var(--lvm-muted);padding:0 14px 12px;font-size:.88rem;line-height:1.6}.lvm-quiz-q{background:var(--lvm-panel);border:1px solid var(--lvm-border);border-radius:15px;margin-top:14px;padding:17px 18px}.lvm-quiz-q>strong{color:var(--lvm-text);font-size:1.02rem}.lvm-quiz-opts{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.lvm-opt{text-align:left;border:1px solid var(--lvm-border-strong);color:var(--lvm-muted);cursor:pointer;background:#08122680;border-radius:11px;align-items:center;gap:10px;padding:11px 13px;font-size:.9rem;font-weight:600;transition:all .18s;display:flex}.lvm-opt:hover:not(:disabled){color:#fff;border-color:#67e8f980;transform:translateY(-1px)}.lvm-opt-letter{width:24px;height:24px;font-family:var(--lvm-mono);color:var(--lvm-muted);background:#94a3b824;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.74rem;font-weight:800;display:flex}.lvm-opt.correct{color:#a7f3d0;background:#10b9811f;border-color:#34d39999;animation:.3s cubic-bezier(.68,-.55,.27,1.55) both lvmPop}.lvm-opt.correct .lvm-opt-letter{color:#6ee7b7;background:#10b9814d}.lvm-opt.wrong{color:#fecdd3;background:#f43f5e1a;border-color:#f43f5e99;animation:.35s both lvmShake}.lvm-opt.wrong .lvm-opt-letter{color:#fda4af;background:#f43f5e47}.lvm-opt.dim{opacity:.45}@keyframes lvmPop{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes lvmShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.lvm-quiz-explain{border-radius:11px;gap:9px;margin-top:11px;padding:11px 14px;font-size:.88rem;line-height:1.55;animation:.25s both lvmPanel;display:flex}.lvm-quiz-explain.good{color:#a7f3d0;background:#10b98117;border:1px solid #34d3994d}.lvm-quiz-explain.bad{color:#fecdd3;background:#f43f5e14;border:1px solid #f43f5e4d}.lvm-quiz-score{border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:.92rem;font-weight:800;display:flex}.lvm-quiz-score.pass{color:#6ee7b7;background:#10b9811a;border:1px solid #34d39959}.lvm-quiz-score.fail{color:#fda4af;background:#f43f5e14;border:1px solid #f43f5e4d}.lvm-reward{background:linear-gradient(135deg,#10b98124,#06b6d41a);border:1px solid #34d39966;border-radius:15px;align-items:center;gap:13px;margin-top:16px;padding:15px 18px;animation:.4s cubic-bezier(.68,-.55,.27,1.55) both lvmPop;display:flex;box-shadow:0 0 30px #10b9811f}.lvm-reward-icon{background:#10b98126;border:1px solid #34d39966;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;animation:3s ease-in-out infinite lvmFloat;display:flex}.lvm-reward strong{color:#6ee7b7;font-size:1.05rem;display:block}.lvm-reward span{color:var(--lvm-muted);margin-top:2px;font-size:.86rem;display:block}.lvm-reward .lvm-xp-pill{font-family:var(--lvm-mono);color:#fde68a;text-shadow:0 0 12px #fbbf2480;background:#f59e0b1f;border:1px solid #f59e0b73;border-radius:999px;flex-shrink:0;margin-left:auto;padding:7px 14px;font-size:.9rem;font-weight:800;animation:.5s cubic-bezier(.68,-.55,.27,1.55) .15s both lvmPop}.lvm-challenge-card{background:var(--lvm-panel);border:1px solid var(--lvm-border);border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;transition:all .25s;display:flex}.lvm-challenge-card:hover{border-color:#8b5cf673;box-shadow:0 12px 30px #8b5cf61f}.lvm-challenge-card h5{color:var(--lvm-text);font-size:1rem;font-weight:800}.lvm-challenge-card p{color:var(--lvm-faint);margin-top:3px;font-size:.85rem}.lvm-footer{border-top:1px solid var(--lvm-border);background:#050b168c;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px 16px;display:flex}.lvm-topic-nav{border:1px solid var(--lvm-border-strong);color:var(--lvm-muted);cursor:pointer;background:0 0;border-radius:11px;align-items:center;gap:8px;padding:9px 14px;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.lvm-topic-nav:hover:not(:disabled){color:var(--lvm-cyan-soft);border-color:#67e8f973}.lvm-topic-nav:disabled{opacity:.4;cursor:not-allowed}.lvm-position{font-family:var(--lvm-mono);color:var(--lvm-faint);border:1px solid var(--lvm-border);white-space:nowrap;background:#94a3b812;border-radius:999px;padding:6px 13px;font-size:.8rem;font-weight:700}@media (width<=900px){.lvm-overlay{padding:10px}.lvm-root{border-radius:18px;width:94vw;height:90vh}.lvm-body{padding:16px 14px 20px}.lvm-header{padding:16px 14px 12px}.lvm-footer{flex-wrap:wrap;padding:12px 14px 14px}.lvm-topic-list{max-height:none}.lvm-topics-layout,.lvm-overview-grid,.lvm-quiz-opts{grid-template-columns:1fr}.lvm-title{font-size:1.5rem}.lvm-subtitle,.lvm-vol{display:none}.lvm-code pre{font-size:.8rem}}@media (width<=600px){.lvm-overlay{padding:8px}.lvm-root{border-radius:16px;width:96vw;height:94vh}}@media (prefers-reduced-motion:reduce){.lvm-root,.lvm-overlay,.lvm-tabpanel,.lvm-reward,.lvm-reward .lvm-xp-pill,.lvm-opt.correct,.lvm-opt.wrong,.lvm-quiz-explain,.lvm-soon-orb,.lvm-mini-cube,.lvm-grad-cap,.lvm-particle,.lvm-reward-icon{animation:none!important}.lvm-close:hover{transform:none}}.lp-hero{isolation:isolate;--lh-border:#67e8f929;--lh-title:#f8fafc;--lh-muted:#b6c5dd;--lh-faint:#8fa1bd;--lh-cyan:#22d3ee;--lh-blue:#3b82f6;--lh-purple:#a78bfa;--lh-amber:#fbbf24;--lh-green:#34d399;border:1px solid var(--lh-border);background:radial-gradient(58% 90% at 88% -10%,#06b6d424 0%,#0000 60%),linear-gradient(135deg,#07111f 0%,#0b1830 52%,#101a38 100%);border-radius:26px;padding:24px 30px;position:relative;overflow:hidden;box-shadow:0 26px 64px #02081773,inset 0 1px #94c5ff1a}[data-theme=light] .lp-hero,:root:not([data-theme=dark]) .lp-hero{--lh-border:#2563eb29;--lh-title:#0f172a;--lh-muted:#47566f;--lh-faint:#64748b;--lh-cyan:#0891b2;--lh-blue:#2563eb;--lh-purple:#7c3aed;--lh-amber:#d97706;--lh-green:#059669;border-color:var(--lh-border);background:radial-gradient(58% 90% at 88% -10%,#06b6d41a 0%,#0000 60%),linear-gradient(135deg,#f5f8ff 0%,#eef4ff 48%,#f2f0ff 100%);box-shadow:0 20px 48px #2563eb1f,inset 0 1px #ffffffd9}.lp-hero:before{content:"";z-index:2;opacity:.9;background:linear-gradient(90deg,#2563eb,#06b6d4 45%,#8b5cf6);height:2px;position:absolute;top:0;left:0;right:0}.lh-glow{filter:blur(72px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.lh-glow-cyan{background:radial-gradient(circle,#06b6d438,#0000 65%);width:380px;height:380px;animation:9s ease-in-out infinite lhGlowBreathe;top:-120px;right:-60px}.lh-glow-purple{background:radial-gradient(circle,#8b5cf62e,#0000 65%);width:340px;height:340px;animation:9s ease-in-out 4s infinite lhGlowBreathe;bottom:-140px;left:-80px}@keyframes lhGlowBreathe{0%,to{opacity:.75}50%{opacity:1}}.lh-sheen{z-index:0;pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff0b 50%,#0000 58%);position:absolute;inset:0}[data-theme=light] .lp-hero .lh-sheen{display:none}.lp-hero>.lp-crumb,.lh-main,.lh-toolbar{z-index:1;position:relative}.lp-crumb{color:var(--lh-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:.76rem;font-weight:600;display:flex}.lp-crumb a{color:var(--lh-faint);transition:color .2s}.lp-crumb a:hover{color:var(--lh-cyan)}.lp-crumb-here{color:var(--lh-muted)}.lh-main{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"copy visual""actions visual""progress visual";align-items:start;column-gap:30px;margin-top:14px;display:grid}.lh-copy{grid-area:copy;min-width:0}.lh-actions{grid-area:actions}.lh-progress-wrap{grid-area:progress;max-width:640px;margin-top:22px}.lh-visual{grid-area:visual;place-self:center}.anim{animation:.55s cubic-bezier(.22,1,.36,1) both lhRise}.a1{animation-delay:40ms}.a2{animation-delay:.11s}.a3{animation-delay:.18s}.a4{animation-delay:.25s}.a5{animation-delay:.31s}.a6{animation-delay:.37s}.a7{animation-delay:.44s}.a8{animation-delay:.52s}@keyframes lhRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.lh-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--lh-cyan);align-items:center;gap:9px;margin:0 0 13px;font-size:.71rem;font-weight:800;display:inline-flex}.lh-kicker-dot{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 25%, transparent);background:currentColor;border-radius:50%;animation:2s ease-in-out infinite lhDotPulse}@keyframes lhDotPulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 25%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, currentColor 8%, transparent)}}.lh-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lh-badge{letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;height:27px;color:var(--lh-muted);background:#94a3b81a;border:1px solid #94a3b847;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.65rem;font-weight:800;display:inline-flex}[data-theme=light] .lp-hero .lh-badge{color:#47566f;background:#ffffffb8;border-color:#0f172a1f}.lh-mono{letter-spacing:.06em;font-family:JetBrains Mono,monospace}.lh-badge-ic{align-items:center;font-size:.78rem;line-height:1;display:inline-flex}.lh-badge.is-tech{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border-color:#0000;box-shadow:0 4px 14px #06b6d459}.lh-badge.is-beginner{color:#10b981;background:#10b9811a;border-color:#10b98152}.lh-badge.is-intermediate{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b52}.lh-badge.is-advanced{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e52}.lh-badge.is-project{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf652}[data-theme=light] .lp-hero .lh-badge.is-beginner{color:#059669}[data-theme=light] .lp-hero .lh-badge.is-intermediate{color:#b45309}[data-theme=light] .lp-hero .lh-badge.is-advanced{color:#e11d48}[data-theme=light] .lp-hero .lh-badge.is-project{color:#7c3aed}.lh-title{letter-spacing:-.02em;color:var(--lh-title);margin:15px 0 0;font-size:clamp(2rem,1.15rem + 2.6vw,2.6rem);font-weight:850;line-height:1.12}.lh-title-accent{background:linear-gradient(92deg,#38bdf8,#22d3ee 45%,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .lp-hero .lh-title-accent{background-image:linear-gradient(92deg,#2563eb,#0891b2 45%,#7c3aed)}.lh-summary{max-width:650px;color:var(--lh-muted);margin:11px 0 0;font-size:1.02rem;line-height:1.72}.lh-meta{color:var(--lh-muted);flex-wrap:wrap;align-items:center;row-gap:8px;margin:17px 0 0;padding:0;font-size:.84rem;font-weight:600;list-style:none;display:flex}.lh-meta li{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.lh-meta li+li{border-left:1px solid #94a3b847;margin-left:16px;padding-left:16px}.lh-meta strong{color:var(--lh-title);font-family:JetBrains Mono,monospace;font-size:.9rem}.lh-meta-ic{flex-shrink:0;width:15px;height:15px}.lh-meta-ic.is-cyan{color:var(--lh-cyan)}.lh-meta-ic.is-purple{color:var(--lh-purple)}.lh-meta-ic.is-amber{color:var(--lh-amber)}.lh-cap{text-transform:capitalize}.lh-meta-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.lh-meta-dot[data-level=BEGINNER]{background:#10b981;box-shadow:0 0 8px #10b98199}.lh-meta-dot[data-level=INTERMEDIATE]{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.lh-meta-dot[data-level=ADVANCED]{background:#f43f5e;box-shadow:0 0 8px #f43f5e99}.lh-meta-dot[data-level=PROJECT]{background:#8b5cf6;box-shadow:0 0 8px #8b5cf699}.lh-status{letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:9px;margin:15px 0 0;font-size:.78rem;font-weight:800;display:inline-flex}.lh-status.is-ready{color:var(--lh-cyan)}.lh-status.is-live{color:var(--lh-amber)}.lh-status.is-done{color:var(--lh-green)}.lh-status-dot{background:currentColor;border-radius:50%;width:9px;height:9px;animation:1.9s ease-in-out infinite lhStatusPulse}.lh-status-ic{filter:drop-shadow(0 0 6px)}@keyframes lhStatusPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 45%, transparent)}55%{box-shadow:0 0 0 6px color-mix(in srgb, currentColor 0%, transparent)}}.lh-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.lh-btn{appearance:none;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 26px;font-size:.94rem;font-weight:800;line-height:1;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,background-color .25s,border-color .25s,color .25s;display:inline-flex}.lh-btn svg{transition:transform .25s}.lh-btn:focus-visible{outline:2px solid var(--lh-cyan);outline-offset:3px}.lh-btn-start{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);animation:3.4s ease-in-out infinite lhStartGlow;position:relative;overflow:hidden;box-shadow:0 12px 30px #2563eb61,inset 0 0 0 1px #67e8f940,inset 0 1px #ffffff4d}.lh-btn-start:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:46%;transition:left .55s;position:absolute;top:0;bottom:0;left:-70%;transform:skew(-22deg)}.lh-btn-start:hover{transform:translateY(-2px);box-shadow:0 18px 40px #2563eb80,0 0 26px #06b6d459,inset 0 0 0 1px #67e8f966}.lh-btn-start:hover:after{left:124%}.lh-btn-start:hover svg{transform:translate(2px)}.lh-btn-start:active{transform:translateY(0)scale(.985)}@keyframes lhStartGlow{0%,to{box-shadow:0 12px 30px #2563eb61,inset 0 0 0 1px #67e8f940,inset 0 1px #ffffff4d}50%{box-shadow:0 12px 34px #2563eb6b,0 0 22px #06b6d447,inset 0 0 0 1px #67e8f940,inset 0 1px #ffffff4d}}.lh-btn-watch{color:var(--lh-cyan);-webkit-backdrop-filter:blur(8px);background:#06b6d412;border:1px solid #06b6d466}[data-theme=light] .lp-hero .lh-btn-watch{color:#0369a1;background:#ffffffa6;border-color:#2563eb59;box-shadow:0 4px 14px #2563eb14}.lh-btn-watch:hover{color:#67e8f9;background:#06b6d424;border-color:#06b6d4b3;transform:translateY(-2px);box-shadow:0 10px 26px #06b6d433}[data-theme=light] .lp-hero .lh-btn-watch:hover{color:#075985;background:#fff;border-color:#2563eb99;box-shadow:0 10px 26px #2563eb29}.lh-btn-watch:hover svg{transform:scale(1.12)}.lh-btn-watch:active{transform:translateY(0)}.lh-progress-head{letter-spacing:.1em;text-transform:uppercase;color:var(--lh-faint);justify-content:space-between;align-items:baseline;gap:12px;font-size:.7rem;font-weight:800;display:flex}.lh-progress-value{letter-spacing:0;text-transform:none;background:linear-gradient(90deg,#3b82f6,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:.82rem}.lh-progress-track{background:#64748b29;border-radius:999px;height:10px;margin-top:9px;overflow:hidden;box-shadow:inset 0 1px 3px #02081738}[data-theme=light] .lp-hero .lh-progress-track{background:#0f172a14}.lh-progress-track span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#2563eb,#06b6d4);height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);animation:.9s cubic-bezier(.22,1,.36,1) .6s both lhBarGrow;display:block;box-shadow:0 0 16px #06b6d499}@keyframes lhBarGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lh-progress-parts{flex-wrap:wrap;gap:14px;margin:11px 0 0;padding:0;list-style:none;display:flex}.lh-progress-parts li{color:var(--lh-faint);align-items:center;gap:5px;font-size:.73rem;font-weight:700;display:inline-flex}.lh-progress-parts li svg{opacity:.5;width:12px;height:12px}.lh-progress-parts li.done{color:var(--lh-green)}.lh-progress-parts li.done svg{opacity:1;filter:drop-shadow(0 0 5px #10b981a6)}.lh-visual{perspective:1000px;justify-content:center;align-items:center;width:100%;min-height:250px;display:flex;position:relative}.lh-scene{width:190px;height:205px;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .2s ease-out;animation:.8s cubic-bezier(.22,1,.36,1) .3s both lhVisualIn;position:relative}@keyframes lhVisualIn{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.lh-float{animation:6.5s ease-in-out infinite lhFloat;position:absolute;inset:0}@keyframes lhFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.lh-cube{width:110px;height:110px;transform-style:preserve-3d;animation:22s linear infinite lhSpin;position:absolute;top:32px;left:40px}@keyframes lhSpin{0%{transform:rotateX(-16deg)rotateY(0)}to{transform:rotateX(-16deg)rotateY(360deg)}}.lh-face{color:#7dd3fcf2;text-shadow:0 0 14px #38bdf880;backface-visibility:visible;background:linear-gradient(145deg,#38bdf829,#3b82f614 55%,#8b5cf624);border:1px solid #67e8f959;justify-content:center;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:1.28rem;font-weight:800;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 20px #06b6d424,inset 0 1px #ffffff1f}[data-theme=light] .lp-hero .lh-face{color:#0369a1;text-shadow:none;background:linear-gradient(145deg,#38bdf833,#2563eb1a 55%,#8b5cf624);border-color:#2563eb4d}.lh-face svg{width:30px;height:30px}.lh-f-front{transform:translateZ(55px)}.lh-f-back{color:#c4b5fdf2;transform:rotateY(180deg)translateZ(55px)}.lh-f-right{transform:rotateY(90deg)translateZ(55px)}.lh-f-left{color:#6ee7b7e6;transform:rotateY(-90deg)translateZ(55px)}.lh-f-top{color:#fcd34de6;transform:rotateX(90deg)translateZ(55px)}.lh-f-bottom{transform:rotateX(-90deg)translateZ(55px)}.lh-orbit{border:1px dashed #67e8f94d;border-radius:50%;width:150px;height:150px;animation:14s linear infinite lhOrbit;position:absolute;top:47px;left:20px}@keyframes lhOrbit{0%{transform:rotateX(68deg)rotate(0)}to{transform:rotateX(68deg)rotate(360deg)}}.lh-floor{filter:blur(5px);background:radial-gradient(#06b6d459,#0000 70%);width:118px;height:16px;animation:6.5s ease-in-out infinite lhFloorPulse;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}[data-theme=light] .lp-hero .lh-floor{background:radial-gradient(#2563eb4d,#0000 70%)}@keyframes lhFloorPulse{0%,to{opacity:.85;transform:translate(-50%)scale(1)}50%{opacity:.45;transform:translate(-50%)scale(.82)}}.lh-chip{z-index:0;pointer-events:none;color:#7dd3fce6;opacity:.14;filter:drop-shadow(0 0 8px #38bdf859);font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;position:absolute}.lh-chip svg{width:22px;height:22px}[data-theme=light] .lp-hero .lh-chip{color:#2563ebe6;opacity:.13}.lh-chip-1{animation:8s ease-in-out infinite lhChipDrift;top:6%;left:4%}.lh-chip-2{font-size:.74rem;animation:9.5s ease-in-out 1.6s infinite lhChipDrift;top:14%;right:0}.lh-chip-3{font-size:.76rem;animation:8.8s ease-in-out 3.1s infinite lhChipDrift;bottom:20%;left:2%}.lh-chip-4{animation:10.4s ease-in-out 4.4s infinite lhChipDrift;bottom:8%;right:6%}@keyframes lhChipDrift{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-16px)rotate(6deg)}}.lh-toolbar{border-top:1px dashed #94a3b84d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding-top:20px;display:flex}@media (width<=1180px){.lh-main{grid-template-columns:minmax(0,1fr) 240px;column-gap:20px}.lh-scene{transform-origin:50%;scale:.86}.lh-visual{min-height:220px}}@media (width<=900px){.lh-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""visual""actions""progress"}.lh-visual{order:2;min-height:210px;margin-top:6px}.lh-actions{order:3;margin-top:18px}.lh-progress-wrap{order:4;max-width:none;margin-top:20px}.lh-scene{scale:.8}}@media (width<=640px){.lp-hero{border-radius:20px;padding:20px 18px 18px}.lh-main{margin-top:12px}.lh-title{font-size:1.62rem}.lh-summary{font-size:.95rem}.lh-meta li+li{margin-left:11px;padding-left:11px}.lh-actions{flex-direction:column;align-items:stretch}.lh-btn{justify-content:center}.lh-toolbar{flex-direction:column;align-items:stretch}.lh-chip{display:none}}@media (prefers-reduced-motion:reduce){.anim,.lh-scene,.lh-kicker-dot,.lh-glow-cyan,.lh-glow-purple,.lh-status-dot,.lh-btn-start,.lh-progress-track span,.lh-float,.lh-cube,.lh-orbit,.lh-floor,.lh-chip{transition:none!important;animation:none!important}.lh-progress-track span{transform:none!important}}.lt-grid{perspective:1000px;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.lt-card-wrap{animation:.55s cubic-bezier(.22,1,.36,1) both ltCardIn;animation-delay:calc(var(--i,0) * 70ms)}@keyframes ltCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.lt-card{text-align:left;appearance:none;border:1px solid var(--lp-border);background:var(--lp-card);-webkit-backdrop-filter:blur(14px);width:100%;height:100%;box-shadow:var(--lp-shadow);color:var(--lp-text);cursor:pointer;border-radius:16px;align-items:flex-start;gap:13px;padding:17px 16px;font-family:inherit;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.lt-card:hover{border-color:#06b6d480;transform:translateY(-4px)rotateX(2.4deg)rotateY(-1.6deg);box-shadow:0 18px 38px #06b6d429,inset 0 0 0 1px #06b6d438}.lt-card:focus-visible{outline-offset:2px;outline:2px solid #06b6d4b3}.lt-num{letter-spacing:.05em;color:var(--lp-faint);opacity:.65;font-family:JetBrains Mono,monospace;font-size:.66rem;font-weight:800;position:absolute;top:10px;right:13px}.lt-icon{color:#7dd3fc;background:linear-gradient(145deg,#2563eb33,#8b5cf629);border:1px solid #67e8f94d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:inset 0 1px #94c5ff26}[data-theme=light] .lt-icon{color:#1d4ed8;background:linear-gradient(145deg,#2563eb1f,#8b5cf61a);border-color:#2563eb40}.lt-card:hover .lt-icon{transform:scale(1.06);box-shadow:0 8px 20px #06b6d447}.lt-body{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:6px;display:flex}.lt-title{color:var(--lp-text);font-size:.94rem;font-weight:750;line-height:1.35;display:block}.lt-desc{-webkit-line-clamp:2;color:var(--lp-muted);-webkit-box-orient:vertical;font-size:.79rem;line-height:1.55;display:-webkit-box;overflow:hidden}.lt-explore{letter-spacing:.04em;text-transform:uppercase;color:var(--lp-cyan);opacity:0;align-items:center;gap:5px;margin-top:5px;font-size:.72rem;font-weight:800;transition:opacity .28s,transform .28s;display:inline-flex;transform:translate(-6px)}.lt-explore svg{transition:transform .28s}.lt-card:hover .lt-explore,.lt-card:focus-visible .lt-explore{opacity:1;transform:translate(0)}.lt-card:hover .lt-explore svg{transform:translate(3px)}.lt-state{width:26px;height:26px;color:var(--lp-faint);border:1px dashed var(--lp-border-strong);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;transition:all .3s;display:inline-flex;position:absolute;bottom:13px;right:13px}.lt-state>*{width:13px;height:13px}.lt-card.is-done .lt-state{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);border-color:#0000;box-shadow:0 4px 12px #10b98173}.lt-card:hover .lt-state{color:var(--lp-cyan);border-color:#06b6d48c}.lt-card.is-done:hover .lt-state{color:#fff}@media (width<=640px){.lt-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lt-card-wrap{animation:none!important}.lt-card,.lt-icon,.lt-explore,.lt-explore svg,.lt-state{transition:none!important}}.lp-page{--lp-bg:#f4f8ff;--lp-card:#ffffffc7;--lp-card-solid:#fff;--lp-border:#0f172a14;--lp-border-strong:#0f172a24;--lp-blue:#2563eb;--lp-cyan:#06b6d4;--lp-purple:#8b5cf6;--lp-green:#10b981;--lp-orange:#f59e0b;--lp-text:var(--text-primary);--lp-muted:var(--text-secondary);--lp-faint:var(--text-muted);--lp-shadow:0 10px 34px #02081712;--lp-inset:inset 0 1px 0 #ffffffb3;background:radial-gradient(at 85% 0,#2563eb0f 0%,#0000 45%),radial-gradient(at 0 100%,#8b5cf60d 0%,#0000 40%),linear-gradient(170deg,#f8faff 0%,#f1f5fe 55%,#f7f5ff 100%);min-height:calc(100vh - 72px);position:relative;overflow-x:clip}[data-theme=dark] .lp-page{--lp-bg:#050b16;--lp-card:#0f1b2dbf;--lp-card-solid:#0a1424;--lp-border:#94a3b826;--lp-border-strong:#94a3b847;--lp-blue:#3b82f6;--lp-cyan:#22d3ee;--lp-purple:#a78bfa;--lp-green:#34d399;--lp-text:#f8fafc;--lp-muted:#cbd5e1;--lp-faint:#94a3b8;--lp-shadow:0 16px 44px #02081780;--lp-inset:inset 0 1px 0 #94c5ff14;background:linear-gradient(175deg,#050b16 0%,#081226 45%,#0a1424 75%,#050b16 100%)}.lp-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.lp-glow{filter:blur(90px);opacity:.5;border-radius:50%;position:absolute}.lp-glow-a{background:radial-gradient(circle,#2563eb2e,#0000 65%);width:520px;height:520px;top:-140px;right:-80px}.lp-glow-b{background:radial-gradient(circle,#8b5cf626,#0000 65%);width:460px;height:460px;bottom:-160px;left:-120px}[data-theme=dark] .lp-glow{opacity:.85}[data-theme=dark] .lp-glow-a{background:radial-gradient(circle,#2563eb38,#0000 65%)}[data-theme=dark] .lp-glow-b{background:radial-gradient(circle,#8b5cf62e,#0000 65%)}.lp-grid-lines{background-image:linear-gradient(#64748b0d 1px,#0000 1px),linear-gradient(90deg,#64748b0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 78%);mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 78%)}.lp-token{color:#64748b21;font-family:JetBrains Mono,monospace;font-weight:700;animation:11s ease-in-out infinite lpTokenDrift;position:absolute}[data-theme=dark] .lp-token{color:#7dd3fc17}.lp-tok-1{font-size:1.15rem;top:16%;left:38%}.lp-tok-2{font-size:.95rem;animation-delay:2.4s;top:64%;left:30%}.lp-tok-3{font-size:1rem;animation-delay:5s;top:32%;right:6%}.lp-tok-4{font-size:.9rem;animation-delay:7.6s;bottom:12%;right:26%}@keyframes lpTokenDrift{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-22px)rotate(5deg)}}.lp-focus .lp-bg.dim .lp-token,.lp-focus .lp-bg.dim .lp-grid-lines{opacity:.35}.lp-shell{z-index:1;max-width:1360px;margin-left:330px;padding:30px 36px 90px;animation:.5s cubic-bezier(.22,1,.36,1) both lpFadeIn;position:relative}@keyframes lpFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lp-layout{grid-template-columns:minmax(0,1fr) 332px;align-items:start;gap:24px;display:grid}.lp-center{flex-direction:column;gap:26px;min-width:0;display:flex}.lp-shell [data-rv]{opacity:0;transform:translateY(22px)}.lp-shell [data-rv].rv-in{opacity:1;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:none}.lp-sidebar{background:var(--lp-card);-webkit-backdrop-filter:blur(22px)saturate(150%);border:1px solid var(--lp-border);width:298px;box-shadow:var(--lp-shadow), var(--lp-inset);z-index:60;border-radius:20px;flex-direction:column;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s;animation:.55s cubic-bezier(.22,1,.36,1) both lsSlideIn;display:flex;position:fixed;top:86px;bottom:16px;left:16px}@keyframes lsSlideIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.lp-focus .lp-sidebar{pointer-events:none;transform:translate(calc(-100% - 40px))}.ls-head{justify-content:space-between;align-items:center;padding:16px 18px 10px;display:flex}.ls-back{letter-spacing:.02em;color:var(--lp-faint);text-transform:uppercase;align-items:center;gap:7px;font-size:.84rem;font-weight:800;transition:color .2s;display:inline-flex}.ls-back:hover{color:var(--lp-cyan)}.ls-close{display:none}.ls-progress{background:linear-gradient(135deg, #2563eb17, #8b5cf617), var(--lp-card-solid);border:1px solid var(--lp-border);border-radius:16px;align-items:center;gap:13px;margin:4px 14px 12px;padding:13px 14px;display:flex}.ls-progress div:last-child{flex-direction:column;display:flex}.ls-progress strong{color:var(--lp-text);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:800;line-height:1.15}.ls-progress span{color:var(--lp-faint);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.72rem;font-weight:600;overflow:hidden}.ls-nav{scrollbar-width:thin;flex:1;padding:2px 12px 20px;overflow-y:auto}.ls-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:9px;width:100%;margin-bottom:5px;padding:11px 12px;transition:background .22s,border-color .22s,transform .22s;display:flex;position:relative}.ls-item:hover:not(:disabled){background:#2563eb12;transform:translate(4px)}.ls-item:hover:not(:disabled) .ls-num{color:var(--lp-cyan)}.ls-num{color:var(--lp-faint);opacity:.8;flex-shrink:0;width:17px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700;transition:color .2s}.ls-item.is-current{box-shadow:inset 3px 0 0 var(--lp-cyan), 0 0 22px #06b6d41f;background:linear-gradient(135deg,#2563eb21,#06b6d41a);border-color:#2563eb66}.ls-item.is-done .ls-item-title{opacity:.68}.ls-item.is-done .ls-num{color:var(--lp-green);opacity:1}.ls-item.is-locked{opacity:.5;cursor:not-allowed}.ls-item.is-locked .ls-item-title{filter:grayscale(.4)}.ls-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ls-item-title{color:var(--lp-text);white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;font-weight:650;overflow:hidden}.ls-item-meta{color:var(--lp-faint);text-transform:capitalize;font-size:.67rem}.ls-ic{flex-shrink:0;order:3;width:17px;height:17px;margin-left:auto}.ls-ic.done{color:var(--lp-green);filter:drop-shadow(0 0 6px #10b9818c)}.ls-ic.avail{color:var(--lp-cyan)}.ls-ic.lock{color:var(--lp-faint);width:14px;height:14px}.ls-ic.live{background:var(--lp-cyan);border-radius:50%;order:3;width:11px;height:11px;margin-left:auto;animation:1.6s ease-in-out infinite lsPulseDot;position:relative;box-shadow:0 0 0 4px #06b6d42e}@keyframes lsPulseDot{0%,to{box-shadow:0 0 0 4px #06b6d42e}50%{box-shadow:0 0 0 7px #06b6d40f}}.ls-now{letter-spacing:.09em;text-transform:uppercase;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:99px;padding:3px 9px;font-size:.56rem;font-weight:800;position:absolute;top:-9px;right:10px;box-shadow:0 4px 12px #06b6d459}.lp-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:55;background:#0409128c;display:none;position:fixed;inset:0}.lp-mobile-toggle{color:var(--lp-text);background:var(--lp-card);border:1px solid var(--lp-border);cursor:pointer;-webkit-backdrop-filter:blur(14px);border-radius:99px;align-items:center;gap:8px;margin:0 0 16px;padding:10px 16px;font-size:.82rem;font-weight:700;display:none}.lp-complete-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border:none;box-shadow:0 6px #1d4ed8e6,0 14px 30px #06b6d452}.lp-complete-btn:hover{background:linear-gradient(135deg,#1d4ed8,#0891b2);transform:translateY(-2px);box-shadow:0 8px #1d4ed8e6,0 20px 40px #06b6d466}.lp-complete-btn:active{transform:translateY(3px);box-shadow:0 2px #1d4ed8e6}.lp-complete-btn.is-completing{background:linear-gradient(135deg,#10b981,#34d399);animation:.4s cubic-bezier(.68,-.55,.27,1.55) both asgPop;box-shadow:0 6px #059669e6,0 14px 30px #10b98159}.lp-tool-group{flex-wrap:wrap;gap:8px;display:inline-flex}.lp-tool{color:var(--lp-muted);border:1px solid var(--lp-border-strong);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:7px;padding:9px 15px;font-size:.78rem;font-weight:700;transition:all .22s;display:inline-flex;position:relative}.lp-tool:hover{color:var(--lp-cyan);background:#06b6d412;border-color:#06b6d480;transform:translateY(-2px);box-shadow:0 6px 16px #06b6d424}.lp-tool.active{color:#fbbf24;background:#fbbf2417;border-color:#fbbf2480;animation:.35s cubic-bezier(.68,-.55,.27,1.55) both asgPop}.lp-tool.has-note:after{content:"";background:var(--lp-cyan);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px;box-shadow:0 0 8px #06b6d4cc}.lp-tool[data-tip],.lp-tip[data-tip]{position:relative}.lp-tool[data-tip]:hover:after,.lp-tool[data-tip]:focus-visible:after,.lp-tip[data-tip]:hover:after,.lp-tip[data-tip]:focus-visible:after{content:attr(data-tip);letter-spacing:.02em;white-space:nowrap;color:#e2f2ff;z-index:80;pointer-events:none;background:#081226f2;border:1px solid #67e8f94d;border-radius:9px;padding:6px 11px;font-size:.68rem;font-weight:700;animation:.18s both tipIn;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 8px 22px #02081766}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.lp-divider{align-items:center;gap:14px;display:flex}.lp-divider i{flex:1;height:1px}.lp-divider i:first-child{background:linear-gradient(90deg,#0000,#06b6d466)}.lp-divider i:last-child{background:linear-gradient(90deg,#8b5cf666,#0000)}.lp-divider b{background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:2px;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 10px #06b6d4a6,0 0 22px #2563eb4d}.lp-section-head h2{letter-spacing:-.01em;color:var(--lp-text);font-size:1.35rem;font-weight:800}.lp-section-head .lp-sh-row{align-items:center;gap:15px;display:flex}.lp-section-head p{color:var(--lp-faint);margin-top:4px;font-size:.84rem;line-height:1.5}.lp-sh-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#8b5cf6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;display:inline-flex;transform:rotate(-3deg);box-shadow:0 10px 24px #2563eb59,inset 0 1px #ffffff59}.lp-rail{flex-direction:column;gap:18px;animation:.55s cubic-bezier(.22,1,.36,1) .12s both lsSlideIn;display:flex;position:sticky;top:92px}.lp-focus .lp-rail{display:none}.lp-card{background:var(--lp-card);-webkit-backdrop-filter:blur(18px)saturate(150%);border:1px solid var(--lp-border);box-shadow:var(--lp-shadow), var(--lp-inset);border-radius:18px;padding:18px}.lp-card-title{letter-spacing:.14em;text-transform:uppercase;color:var(--lp-faint);margin-bottom:14px;font-size:.68rem;font-weight:800}.lp-learn-top{align-items:center;gap:14px;display:flex}.lp-learn-level{flex-direction:column;gap:6px;min-width:0;display:flex}.lp-xp-big{color:var(--lp-text);font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:800;line-height:1}.lp-xp-big em{color:var(--lp-orange);text-shadow:0 0 12px #f59e0b66;font-size:.68rem;font-style:normal}.lp-rank-chip{letter-spacing:.04em;color:var(--lp-purple);white-space:nowrap;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:99px;align-self:flex-start;padding:3px 9px;font-size:.62rem;font-weight:800}.lp-xp-bar{background:#64748b26;border-radius:99px;height:6px;overflow:hidden}.lp-xp-bar span{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#f97316);height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 10px #f59e0b80}.lp-xp-hint{color:var(--lp-faint);font-size:.64rem}.lp-stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.lp-stat{border:1px solid var(--lp-border);background:#64748b12;border-radius:13px;padding:11px 12px}.lp-stat dt{letter-spacing:.09em;text-transform:uppercase;color:var(--lp-faint);font-size:.62rem;font-weight:800}.lp-stat dd{align-items:baseline;gap:5px;margin-top:3px;display:flex}.lp-stat-num{color:var(--lp-text);font-family:JetBrains Mono,monospace;font-size:1.02rem;font-weight:800}.lp-stat-num.flame{filter:drop-shadow(0 0 6px #f59e0b73)}.lp-stat small{color:var(--lp-faint);font-size:.62rem}.lp-streak-hint{color:var(--lp-faint);background:#f59e0b12;border:1px dashed #f59e0b4d;border-radius:10px;margin-top:12px;padding:9px 12px;font-size:.72rem;line-height:1.5}.lp-next{position:relative}.lp-next-icon{color:var(--lp-cyan);filter:drop-shadow(0 0 6px #06b6d480);position:absolute;top:16px;right:16px}.lp-next.is-locked .lp-next-icon{color:var(--lp-faint);filter:none}.lp-next-title{color:var(--lp-text);font-size:.98rem;font-weight:750;line-height:1.35;display:block}.lp-next-meta{color:var(--lp-faint);text-transform:capitalize;align-items:center;gap:5px;margin-top:7px;font-size:.72rem;font-weight:600;display:inline-flex}.lp-next-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border:none;justify-content:center;width:100%;margin-top:13px}.lp-next-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#0891b2)}.lp-next.is-locked .lp-next-btn{color:var(--lp-faint);border:1px dashed var(--lp-border-strong);cursor:not-allowed;background:0 0}.lp-next-hint{color:var(--lp-faint);margin-top:9px;font-size:.7rem}.lp-next.is-done .lp-next-title{color:var(--lp-green)}.lp-ach-row{align-items:flex-start;gap:12px;display:flex}.lp-ach-icon{background:linear-gradient(145deg,#f59e0b24,#8b5cf61f);border:1px solid #f59e0b4d;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.35rem;display:inline-flex}.lp-ach-row strong{color:var(--lp-text);font-size:.92rem;display:block}.lp-ach-desc{color:var(--lp-faint);margin-top:2px;font-size:.74rem;line-height:1.45;display:block}.lp-ach-track{background:#64748b24;border-radius:99px;height:7px;margin-top:13px;overflow:hidden}.lp-ach-track span{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#8b5cf6);height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 10px #f59e0b66}.lp-ach-meta{color:var(--lp-faint);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:8px;font-size:.7rem;font-weight:700;display:flex}.lp-ach-xp{color:var(--lp-orange);align-items:center;gap:4px;display:inline-flex}.lp-ach-empty{text-align:center;color:var(--lp-faint);flex-direction:column;align-items:center;gap:7px;padding:10px 6px;display:flex}.lp-ach-empty strong{color:var(--lp-text);font-size:.9rem}.lp-ach-empty p{font-size:.74rem;line-height:1.5}.lp-footer-nav{background:var(--lp-card);-webkit-backdrop-filter:blur(18px)saturate(150%);border:1px solid var(--lp-border);box-shadow:var(--lp-shadow), var(--lp-inset);z-index:10;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding:15px 20px;display:flex;position:sticky;bottom:16px}.lp-position{letter-spacing:.05em;color:var(--lp-faint);border:1px solid var(--lp-border);white-space:nowrap;background:#64748b14;border-radius:99px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.lp-roadmap-done{color:var(--lp-green);filter:drop-shadow(0 0 10px #10b98159);align-items:center;gap:9px;font-size:1rem;font-weight:800;display:inline-flex}.lp-end-cap{color:var(--lp-faint);white-space:nowrap;font-size:.8rem;font-weight:700}.lp-nav-btn:disabled{opacity:.5;cursor:not-allowed}.lp-exit-focus{z-index:70;color:#e2f2ff;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#081226d9;border:1px solid #67e8f959;border-radius:99px;align-items:center;gap:8px;padding:10px 17px;font-size:.78rem;font-weight:700;transition:all .22s;animation:.3s both lpFadeIn;display:inline-flex;position:fixed;top:86px;right:22px;box-shadow:0 10px 30px #02081766}.lp-exit-focus:hover{border-color:#67e8f9b3;transform:translateY(-2px)}.lp-notes-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);background:#04091299;justify-content:center;align-items:center;padding:20px;animation:.25s both lpFadeIn;display:flex;position:fixed;inset:0}.lp-notes-panel{background:var(--lp-card-solid);border:1px solid var(--lp-border-strong);border-radius:20px;width:min(520px,100%);padding:22px;animation:.3s cubic-bezier(.68,-.55,.27,1.55) both asgPop;box-shadow:0 30px 80px #02081780}.lp-notes-head{justify-content:space-between;align-items:center;display:flex}.lp-notes-head h3{color:var(--lp-text);align-items:center;gap:9px;font-size:1rem;font-weight:800;display:flex}.lp-notes-head h3 svg{color:var(--lp-cyan)}.lp-notes-close{border:1px solid var(--lp-border);width:32px;height:32px;color:var(--lp-faint);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;transition:all .2s;display:flex}.lp-notes-close:hover{color:var(--lp-text);border-color:var(--lp-border-strong)}.lp-notes-area{border:1px solid var(--lp-border-strong);width:100%;color:var(--lp-text);resize:vertical;background:#64748b12;border-radius:13px;outline:none;min-height:150px;margin-top:15px;padding:14px 16px;font-size:.9rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.lp-notes-area:focus{border-color:#06b6d48c;box-shadow:0 0 0 3px #06b6d424}.lp-notes-foot{align-items:center;gap:10px;margin-top:14px;display:flex}.lp-notes-status{color:var(--lp-green);flex:1;font-size:.74rem;font-weight:700}.lp-xp-layer{z-index:95;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:96px;right:44px}.lp-xp-pop{color:#fde68a;text-shadow:0 0 14px #fbbf248c;background:#081226eb;border:1px solid #f59e0b80;border-radius:99px;padding:9px 17px;font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:800;animation:1.6s cubic-bezier(.22,1,.36,1) both lpXpRise;box-shadow:0 10px 30px #f59e0b40,0 0 24px #fbbf2433}@keyframes lpXpRise{0%{opacity:0;transform:translateY(14px)scale(.85)}18%{opacity:1;transform:translateY(0)scale(1.05)}30%{transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-46px)scale(.96)}}@media (width<=1460px){.lp-layout{grid-template-columns:minmax(0,1fr)}.lp-rail{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:stretch;display:grid;position:static}}@media (width<=1024px){.lp-sidebar{border-radius:0 20px 20px 0;top:0;bottom:0;left:0;transform:translate(calc(-100% - 60px))}.lp-sidebar.open{transform:translate(0);box-shadow:30px 0 60px #00000059}.lp-focus .lp-sidebar{transform:translate(calc(-100% - 60px))}.ls-close{border:1px solid var(--lp-border);width:34px;height:34px;color:var(--lp-faint);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex}.lp-scrim{display:block}.lp-mobile-toggle{display:inline-flex}.lp-shell{margin-left:0;padding:20px 20px 70px}}@media (width<=640px){.lp-shell{padding:14px 13px 60px}.lp-center{gap:20px}.lp-complete-btn,.lp-next-main{justify-content:center;width:100%}.lp-tool-group{justify-content:center}.lp-footer-nav{flex-wrap:wrap;justify-content:center;padding:13px 14px}.lp-position{text-align:center;order:-1;width:100%}.lp-nav-btn{flex:1;justify-content:center}.lp-xp-layer{top:88px;right:14px}.lp-exit-focus{top:auto;bottom:18px;right:14px}}@media (prefers-reduced-motion:reduce){.lp-shell,.lp-sidebar,.lp-rail,.lp-exit-focus,.lp-notes-overlay,.lp-notes-panel,.lp-complete-btn.is-completing,.lp-tool.active{animation:none!important}.lp-shell [data-rv]{opacity:1!important;transition:none!important;transform:none!important}.lp-token,.ls-ic.live,.lp-xp-pop{transition:none!important;animation:none!important}}.quizzes-page{background:linear-gradient(170deg, rgba(var(--primary-rgb), .04) 0%, rgba(var(--secondary-rgb), .03) 35%, #f8fafc 70%, rgba(var(--primary-rgb), .06) 100%);min-height:calc(100vh - 64px);padding:100px 24px 80px;position:relative;overflow:hidden}.quizzes-content{z-index:1;animation:.6s ease-out pageFadeIn;position:relative}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quizzes-bg-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.quizzes-bg-orb{filter:blur(90px);opacity:.35;border-radius:50%;position:absolute}.quizzes-bg-orb--1{background:var(--primary);width:360px;height:360px;animation:10s ease-in-out infinite qOrb1;top:-60px;right:-40px}.quizzes-bg-orb--2{background:var(--secondary);width:280px;height:280px;animation:12s ease-in-out infinite qOrb2;bottom:-60px;left:-60px}.quizzes-bg-orb--3{background:var(--secondary-light);width:180px;height:180px;animation:8s ease-in-out infinite qOrb3;top:45%;left:50%}@keyframes qOrb1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,25px)scale(1.08)}}@keyframes qOrb2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(25px,-30px)scale(1.05)}}@keyframes qOrb3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}}.quizzes-bg-grid{background-image:linear-gradient(rgba(var(--primary-rgb), .04) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--primary-rgb), .04) 1px, transparent 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 80%)}.floating-token{color:rgba(var(--primary-rgb), .12);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(var(--primary-rgb), .08);will-change:transform;background:#ffffff8c;border-radius:8px;padding:6px 10px;font-family:Fira Code,Courier New,monospace;font-size:.72rem;font-weight:600;animation:linear infinite tokenDrift;position:absolute}@keyframes tokenDrift{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-14px)rotate(2deg)}50%{transform:translateY(-4px)rotate(-1deg)}75%{transform:translateY(-18px)rotate(1.5deg)}to{transform:translateY(0)rotate(0)}}.quizzes-header h1{color:var(--text-primary);letter-spacing:-.02em;font-size:2.4rem;font-weight:800}.highlight-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary), var(--secondary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quiz-filters-3d{-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 12px rgba(var(--primary-rgb), .05), 0 8px 32px #00000008, inset 0 1px 0 #ffffffe6;opacity:0;background:#ffffffb8;border:1px solid #e2e8f08c;border-radius:18px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:36px;padding:18px 24px;transition:box-shadow .3s,transform .3s;animation:.5s ease-out .15s forwards filterSlideIn;display:flex;transform:perspective(800px)translateZ(0)}@keyframes filterSlideIn{0%{opacity:0;transform:perspective(800px)translateY(12px)}to{opacity:1;transform:perspective(800px)translateY(0)}}.quiz-filters-3d:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb), .08), 0 12px 40px #0000000d, inset 0 1px 0 #ffffffe6}.filter-group{align-items:center;gap:8px;display:flex}.filter-icon{color:var(--text-muted)}.filter-group label{color:var(--text-secondary);white-space:nowrap;font-size:.85rem;font-weight:600}.filter-group select{border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;background:#ffffffe6;border-radius:10px;outline:none;padding:8px 14px;font-size:.85rem;transition:all .25s;box-shadow:0 1px 3px #0000000a}.filter-group select:hover{border-color:var(--primary-light);box-shadow:0 2px 8px rgba(var(--primary-rgb), .08)}.filter-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12), 0 2px 8px rgba(var(--primary-rgb), .1)}.filter-result{color:var(--text-muted);align-items:center;gap:6px;margin-left:auto;font-size:.85rem;display:flex}.filter-count-badge{background:var(--gradient-primary);min-width:24px;height:24px;color:var(--text-on-primary);box-shadow:0 2px 6px rgba(var(--primary-rgb), .3);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex}.quiz-grid-3d{perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.quiz-card-3d{-webkit-backdrop-filter:blur(14px);cursor:default;transform-style:preserve-3d;opacity:0;will-change:transform, opacity;background:#ffffffd1;border:1px solid #e2e8f099;border-radius:20px;padding:24px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s;position:relative;overflow:hidden;transform:translateY(28px)scale(.97)}.quiz-card-3d.quiz-card-visible{animation:.55s cubic-bezier(.22,1,.36,1) forwards cardEnter}@keyframes cardEnter{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.quiz-card-3d:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary), var(--secondary-light));opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.quiz-card-3d:hover{box-shadow:0 8px 16px rgba(var(--primary-rgb), .1), 0 24px 56px #00000014, 0 0 0 1px rgba(var(--primary-rgb), .08);border-color:rgba(var(--primary-rgb), .18)}.quiz-card-3d:hover:before{opacity:1}.card-shine{border-radius:inherit;pointer-events:none;opacity:0;z-index:2;transition:opacity .3s;position:absolute;inset:0}.quiz-card-3d .quiz-card-header{z-index:3;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex;position:relative}.quiz-tech-badge{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:inline-flex}.quiz-tech-icon-wrap{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 2px 6px #0000000f,inset 0 1px #ffffffb3}.quiz-card-3d:hover .quiz-tech-icon-wrap{box-shadow:0 4px 10px rgba(var(--primary-rgb), .15), inset 0 1px 0 #ffffffb3;transform:translateY(-2px)rotate(-3deg)}.quiz-diff-badge{letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:600;transition:transform .25s,box-shadow .25s;box-shadow:0 1px 4px #0000000f}.quiz-card-3d:hover .quiz-diff-badge{transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.quiz-card-3d .quiz-title{color:var(--text-primary);z-index:3;margin-bottom:12px;font-size:1.05rem;font-weight:600;line-height:1.4;position:relative}.quiz-card-3d .quiz-meta{z-index:3;gap:16px;margin-bottom:16px;display:flex;position:relative}.quiz-card-3d .quiz-meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:.8rem;transition:color .25s;display:flex}.quiz-card-3d:hover .quiz-meta span{color:var(--text-muted)}.quiz-card-3d .quiz-card-footer{z-index:3;border-top:1px solid #f1f5f9cc;justify-content:space-between;align-items:center;padding-top:16px;display:flex;position:relative}.quiz-card-3d .quiz-passing{color:var(--text-muted);font-size:.8rem}.quiz-start-btn{position:relative;overflow:hidden;background:#2563eb!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px #1d4ed8,0 6px 14px #2563eb4d,0 0 #2563eb00!important}.quiz-start-btn:after{content:"";opacity:0;border-radius:inherit;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.quiz-start-btn:hover{transform:translateY(-3px)!important;box-shadow:0 7px #1d4ed8,0 12px 24px #2563eb59,0 0 20px #2563eb33!important}.quiz-start-btn:hover:after{opacity:1}.quiz-start-btn:active{transform:translateY(2px)!important;box-shadow:0 1px #1d4ed8,0 3px 8px #2563eb40!important}@media (prefers-reduced-motion:reduce){.quizzes-bg-orb,.floating-token{animation:none!important}.quiz-card-3d,.quiz-card-3d.quiz-card-visible{opacity:1!important;transition:box-shadow .2s!important;animation:none!important;transform:none!important}.quiz-filters-3d,.quizzes-content{opacity:1!important;animation:none!important}}@media (width<=1024px){.quiz-grid-3d{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.quizzes-page{padding:90px 16px 60px}.quizzes-header h1{font-size:1.8rem}.quiz-filters-3d{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.filter-result{text-align:center;justify-content:center;margin-left:0}.quiz-grid-3d{grid-template-columns:1fr;gap:18px}.floating-token,.quizzes-bg-orb--3{display:none}}@media (width<=480px){.quizzes-header h1{font-size:1.5rem}.quiz-card-3d{padding:18px}.quiz-card-3d .quiz-title{font-size:.95rem}}.quizzes-inline-learn-link{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:rgba(var(--primary-rgb), .35);text-decoration-color:rgba(var(--primary-rgb), .35);text-underline-offset:3px;font-weight:600}.quizzes-inline-learn-link:hover{color:var(--primary-hover)}.quiz-type-chips{z-index:2;flex-wrap:wrap;gap:9px;margin-bottom:18px;display:flex;position:relative}.qt-chip{color:var(--text-secondary);background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--surface-glass-border);cursor:pointer;border-radius:99px;padding:8px 16px;font-size:.78rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.qt-chip:hover{border-color:rgba(var(--secondary-rgb), .5);box-shadow:0 6px 16px rgba(var(--secondary-rgb), .15);transform:translateY(-2px)}.qt-chip.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 6px 18px rgba(var(--primary-rgb), .35);border-color:#0000}.quiz-type-chip{letter-spacing:.05em;text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:4px 9px;font-size:.64rem;font-weight:800;display:inline-flex}.quiz-type-chip.type-topic-practice{color:#0ea5e9;background:#0ea5e91a;border:1px solid #0ea5e940}.quiz-type-chip.type-level-test{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40}.quiz-type-chip.type-mock-test{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf640}.quiz-type-chip.type-interview-practice{color:#ef4444;background:#ef444417;border:1px solid #ef444438}.quiz-type-chip.type-timed-challenge{color:#10b981;background:#10b9811a;border:1px solid #10b98140}.quiz-attempts{font-style:italic;color:var(--text-muted)!important}.quiz-best-row{border-radius:12px;justify-content:space-between;align-items:center;margin-top:12px;padding:9px 13px;font-size:.76rem;font-weight:700;display:flex}.quiz-best-row span{text-transform:uppercase;letter-spacing:.05em;opacity:.75;font-size:.66rem}.quiz-best-row strong{font-size:.88rem}.quiz-best-row.passed{color:#059669;background:#10b98117;border:1px solid #10b98147}.quiz-best-row.failed{color:#e11d48;background:#f43f5e14;border:1px solid #f43f5e40}[data-theme=dark] .quiz-best-row.passed{color:#34d399;background:#10b9811f}[data-theme=dark] .quiz-best-row.failed{color:#fb7185;background:#f43f5e1f}.quiz-learn-banner{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px dashed rgba(var(--primary-rgb), .4);z-index:2;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:44px;padding:24px 28px;display:flex;position:relative}.quiz-learn-banner strong{color:var(--text-primary);font-size:.98rem}.quiz-learn-banner p{color:var(--text-muted);max-width:540px;margin-top:4px;font-size:.84rem}@media (width<=768px){.quiz-learn-banner{flex-direction:column;align-items:stretch;padding:20px}.qt-chip{padding:7px 13px;font-size:.72rem}}.leaderboard-page{background:linear-gradient(170deg, rgba(var(--primary-rgb), .04) 0%, rgba(var(--primary-rgb), .06) 35%, rgba(var(--secondary-rgb), .03) 65%, rgba(var(--secondary-rgb), .04) 100%);min-height:calc(100vh - 64px);padding:100px 24px 60px;position:relative;overflow:hidden}.leaderboard-page:before,.leaderboard-page:after{content:"";filter:blur(100px);opacity:.25;pointer-events:none;border-radius:50%;position:absolute}.leaderboard-page:before{background:#f59e0b;width:350px;height:350px;animation:10s ease-in-out infinite lbOrb1;top:-80px;right:-60px}.leaderboard-page:after{background:var(--secondary);width:280px;height:280px;animation:12s ease-in-out infinite lbOrb2;bottom:-60px;left:-60px}@keyframes lbOrb1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-25px,20px)scale(1.06)}}@keyframes lbOrb2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-25px)scale(1.04)}}.leaderboard-page .page-header{text-align:center;z-index:1;margin-bottom:40px;animation:.6s cubic-bezier(.22,1,.36,1) both slideInUp;position:relative}.leaderboard-page .page-header h1{color:var(--text-primary);letter-spacing:-.02em;font-size:2.2rem;font-weight:800}.leaderboard-page .page-header p{color:var(--text-muted);font-size:1.05rem}.lb-podium{z-index:1;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:40px;padding:20px 0;animation:.5s cubic-bezier(.22,1,.36,1) .1s both slideInUp;display:flex;position:relative}.lb-podium-item{flex-direction:column;align-items:center;gap:8px;display:flex}.lb-podium-avatar{color:#e0f2fe;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.lb-podium-avatar.gold{background:linear-gradient(135deg,#f59e0b,#d97706);width:64px;height:64px;font-size:1.3rem;animation:3s ease-in-out infinite podiumFloat;box-shadow:0 6px 20px #f59e0b59}.lb-podium-avatar.silver{background:linear-gradient(135deg,#94a3b8,#64748b)}.lb-podium-avatar.bronze{background:linear-gradient(135deg,#d97706,#b45309)}@keyframes podiumFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lb-podium-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.lb-podium-points{color:var(--text-muted);font-size:.75rem}.lb-podium-bar{border-radius:12px 12px 0 0;width:80px;transition:all .3s}.lb-podium-bar.gold{background:linear-gradient(#f59e0b,#d97706);height:100px;box-shadow:0 -4px 16px #f59e0b33}.lb-podium-bar.silver{background:linear-gradient(#94a3b8,#64748b);height:70px;box-shadow:0 -4px 12px #94a3b833}.lb-podium-bar.bronze{background:linear-gradient(#d97706,#b45309);height:50px;box-shadow:0 -4px 12px #d9770633}.leaderboard-filters{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;animation:.5s cubic-bezier(.22,1,.36,1) .15s both slideInUp;display:flex;position:relative}.filter-tabs{-webkit-backdrop-filter:blur(14px);background:#fffc;border:1px solid #e2e8f099;border-radius:14px;gap:4px;padding:4px;display:flex;box-shadow:0 2px 8px #00000008,inset 0 1px #fffc}.filter-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.filter-tab.active{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#e0f2fe;box-shadow:0 3px 0 var(--primary-dark), 0 5px 12px rgba(var(--primary-rgb), .3)}.filter-tab:hover:not(.active){background:var(--border-light);color:var(--text-primary)}.tech-filter{border:1.5px solid var(--border);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffffe6;border-radius:10px;outline:none;padding:10px 16px;font-size:.85rem;transition:all .25s;box-shadow:0 1px 3px #0000000a}.tech-filter:hover{border-color:var(--primary-light);box-shadow:0 2px 8px rgba(var(--primary-rgb), .08)}.tech-filter:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}.leaderboard-table-wrapper{-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 12px rgba(var(--primary-rgb), .04), 0 8px 32px #00000008, inset 0 1px 0 #ffffffe6;z-index:1;background:#ffffffd9;border:1px solid #e2e8f099;border-radius:20px;animation:.5s cubic-bezier(.22,1,.36,1) .2s both slideInUp;position:relative;overflow:hidden}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:#f8fafccc;border-bottom:1px solid #f1f5f9cc;padding:16px 20px;font-size:.78rem;font-weight:600}.leaderboard-table td{border-bottom:1px solid #f8fafc;padding:16px 20px;transition:all .25s}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tbody tr{transition:all .3s}.leaderboard-table tbody tr:hover td{background:#f8fafccc;transform:translate(4px)}.rank-col{text-align:center;width:80px}.user-col{width:300px}.rank-badge{font-size:1.2rem;transition:transform .25s;display:inline-flex}.rank-badge.rank-1{filter:drop-shadow(0 2px 6px #f59e0b66);font-size:1.6rem;animation:2s ease-in-out infinite rankPulse}.rank-badge.rank-2{filter:drop-shadow(0 2px 6px #94a3b84d);font-size:1.5rem}.rank-badge.rank-3{filter:drop-shadow(0 2px 6px #d977064d);font-size:1.4rem}@keyframes rankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.leaderboard-table tbody tr:hover .rank-badge{transform:scale(1.15)}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#e0f2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 2px 8px #0000001a}.leaderboard-table tbody tr:hover .user-avatar{transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #00000026}.user-name{color:var(--text-primary);font-weight:500}.points{color:var(--primary);font-size:1rem;font-weight:700}.score-badge{color:var(--accent);background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600;transition:transform .25s;box-shadow:0 2px 6px #16a34a1f}.leaderboard-table tbody tr:hover .score-badge{transform:scale(1.05)}.top-1 td{background:linear-gradient(90deg,#fef3c799,#fffc)}.top-2 td{background:#f8fafc99}.top-3 td{background:linear-gradient(90deg,#fff7ed99,#fffc)}[data-theme=dark] .leaderboard-page{background:var(--gradient-hero)}[data-theme=dark] .leaderboard-page:before{background:#d97706}[data-theme=dark] .leaderboard-page:after{background:#6d28d9}[data-theme=dark] .leaderboard-page .page-header h1{color:var(--text-primary)}[data-theme=dark] .filter-tabs{background:#1e293bd9;border-color:#33415580}[data-theme=dark] .filter-tab{color:var(--text-muted)}[data-theme=dark] .filter-tab:hover:not(.active){background:#334155}[data-theme=dark] .tech-filter{background:var(--surface-elevated);border-color:var(--text-primary);color:#e2e8f0}[data-theme=dark] .leaderboard-table-wrapper{background:#1e293bd9;border-color:#33415580}[data-theme=dark] .leaderboard-table th{color:var(--text-muted);border-bottom-color:var(--text-primary);background:#0f172a80}[data-theme=dark] .leaderboard-table td{border-bottom-color:var(--text-primary);color:#e2e8f0}[data-theme=dark] .leaderboard-table tbody tr:hover td{background:#0f172a66}[data-theme=dark] .user-name,[data-theme=dark] .lb-podium-name{color:var(--text-primary)}@media (width<=768px){.leaderboard-filters{flex-direction:column;align-items:stretch}.leaderboard-table-wrapper{overflow-x:auto}.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4){display:none}.lb-podium{gap:10px}.lb-podium-bar{width:60px}.lb-podium-avatar{width:40px;height:40px;font-size:.9rem}.lb-podium-avatar.gold{width:52px;height:52px;font-size:1.1rem}}.ach-page{min-height:100vh;padding:110px 24px 80px;position:relative;overflow:hidden}.ach-bg{pointer-events:none;position:absolute;inset:0}.ach-orb{filter:blur(110px);opacity:.28;border-radius:50%;position:absolute}.ach-orb-1{background:var(--secondary);width:400px;height:400px;animation:11s ease-in-out infinite achOrbA;top:-100px;right:-60px}.ach-orb-2{background:var(--primary);width:300px;height:300px;animation:13s ease-in-out infinite achOrbB;bottom:-80px;left:-70px}.ach-orb-3{background:var(--accent);width:180px;height:180px;animation:9s ease-in-out infinite reverse achOrbA;top:40%;left:50%}@keyframes achOrbA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-35px,30px)scale(1.08)}}@keyframes achOrbB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-25px)scale(1.05)}}.ach-grid{background-image:linear-gradient(rgba(var(--primary-rgb), .05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--primary-rgb), .05) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.ach-token{color:rgba(var(--primary-rgb), .18);font-size:1.2rem;font-weight:700;animation-name:achFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes achFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-26px)rotate(12deg)}}.ach-content{z-index:1;position:relative}.ach-header{text-align:center;margin-bottom:32px}.ach-header h1{margin-bottom:8px;font-size:2.6rem}.ach-header p{color:var(--text-muted)}.ach-level-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);max-width:860px;transform-style:preserve-3d;border-radius:22px;align-items:center;gap:28px;margin:0 auto 34px;padding:26px 30px;display:flex;position:relative}.ach-medallion-scene{perspective:700px;flex-shrink:0;justify-content:center;align-items:center;width:108px;height:108px;display:flex;position:relative}.ach-medallion{width:96px;height:96px;transform-style:preserve-3d;animation:6s cubic-bezier(.4,0,.2,1) infinite achCoinSpin;position:relative}@keyframes achCoinSpin{0%,42%{transform:rotateY(0)}50%,92%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.ach-medallion-face{backface-visibility:hidden;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ach-medallion-front{background:radial-gradient(circle at 30% 25%,#fde68a,#f59e0b 55%,#b45309);box-shadow:inset 0 0 0 6px #ffffff59,inset 0 0 0 10px #b4530980,0 10px 24px #f59e0b73}.ach-medallion-back{background:radial-gradient(circle at 30% 25%,#a5f3fc,#0ea5e9 55%,#0369a1);transform:rotateY(180deg);box-shadow:inset 0 0 0 6px #ffffff59,inset 0 0 0 10px #0369a180,0 10px 24px #0ea5e973}.ach-medallion-rank-icon{filter:drop-shadow(0 3px 4px #0000004d);font-size:2.6rem}.ach-medallion-lvl-num{color:#fff;text-shadow:0 3px 6px #00000059;font-size:2.4rem;font-weight:800}.ach-medallion-ring{border:2px dashed rgba(var(--primary-rgb), .35);pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.ach-ring-a{animation:14s linear infinite achRingSpin}.ach-ring-b{border-color:rgba(var(--secondary-rgb), .28);animation:20s linear infinite reverse achRingSpin;inset:-16px}@keyframes achRingSpin{to{transform:rotate(360deg)}}.ach-level-body{flex:1;min-width:0}.ach-level-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ach-level-top h2{font-size:1.7rem}.ach-level-chip{color:var(--text-on-primary);background:var(--gradient-primary);box-shadow:var(--shadow-glow);border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:700}.ach-xp-bar-wrap{flex-direction:column;gap:8px;display:flex}.ach-xp-bar{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;height:16px;overflow:hidden}.ach-xp-fill{background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#ec4899) 0 0/200% 100%;border-radius:999px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1);animation:3s linear infinite achXpFlow;position:relative;box-shadow:0 0 14px #8b5cf680}@keyframes achXpFlow{to{background-position:-200% 0}}.ach-xp-shine{background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:40px;animation:2.2s ease-in-out infinite achShineSlide;position:absolute;top:0;bottom:0}@keyframes achShineSlide{0%{left:-60px}60%,to{left:calc(100% + 20px)}}.ach-xp-text{color:var(--text-muted);font-size:.82rem}.ach-refresh-btn{white-space:nowrap}.ach-overview-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:36px;display:grid}.ach-stat-card{--sc:var(--primary);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);transform-style:preserve-3d;border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;display:flex}.ach-stat-card:hover{box-shadow:0 18px 34px color-mix(in srgb, var(--sc) 22%, transparent);border-color:color-mix(in srgb, var(--sc) 40%, transparent);transform:perspective(600px)rotateX(6deg)translateY(-6px)}.asc-icon{width:46px;height:46px;color:var(--sc);background:color-mix(in srgb, var(--sc) 13%, transparent);border-radius:13px;place-items:center;font-size:1.15rem;transition:transform .35s;display:grid}.ach-stat-card:hover .asc-icon{transform:translateZ(22px)scale(1.08)}.asc-value{font-size:1.45rem;font-weight:800;line-height:1.1}.asc-label{color:var(--text-muted);font-size:.82rem}.ach-progress-line{text-align:center;color:var(--text-secondary);margin-bottom:22px;font-size:.95rem;font-weight:600}.ach-badge-grid{perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:20px;margin-bottom:44px;display:grid}.ach-badge-scene{--badge-hue:199;cursor:pointer;height:210px;text-align:inherit;background:0 0;border:none;padding:0;animation:.6s cubic-bezier(.22,1,.36,1) both achBadgeIn;position:relative}@keyframes achBadgeIn{0%{opacity:0;transform:translateY(26px)rotateX(-14deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}.ach-badge-inner{transform-style:preserve-3d;transition:transform .75s cubic-bezier(.34,1.3,.5,1);position:absolute;inset:0}.ach-badge-scene:hover .ach-badge-inner,.ach-badge-scene.flipped .ach-badge-inner{transform:rotateY(180deg)}.ach-badge-front,.ach-badge-back{backface-visibility:hidden;border:1px solid var(--border);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;display:flex;position:absolute;inset:0}.ach-badge-front{background:radial-gradient(circle at 50% 0%, hsla(var(--badge-hue), 90%, 60%, .14), transparent 65%), var(--surface);box-shadow:var(--shadow-md);transition:box-shadow .35s}.ach-badge-scene.unlocked .ach-badge-front{--badge-hue:260}.abf-glow{background:radial-gradient(circle, hsla(var(--badge-hue), 90%, 62%, .3), transparent 70%);filter:blur(18px);opacity:0;pointer-events:none;border-radius:50%;width:130px;height:130px;transition:opacity .4s;position:absolute;top:-22px}.ach-badge-scene.unlocked:hover .abf-glow,.ach-badge-scene.flipped .abf-glow{opacity:1}.abf-icon{filter:drop-shadow(0 6px 10px hsla(var(--badge-hue), 80%, 55%, .35));font-size:3rem;line-height:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.ach-badge-scene:hover .abf-icon{transform:scale(1.15)rotate(-6deg)}.ach-badge-scene.locked .abf-icon{filter:grayscale()opacity(.55);transform:none}.abf-title{color:var(--text-primary);font-size:1rem;font-weight:700}.abf-xp{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.abf-lock{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:12px}.ach-badge-scene.locked .ach-badge-front{background:var(--surface-alt)}.ach-badge-scene.locked .abf-title{color:var(--text-muted)}.ach-badge-back{background:linear-gradient(160deg, hsla(var(--badge-hue), 85%, 55%, .12), hsla(calc(var(--badge-hue) + 40), 85%, 55%, .08)), var(--surface-elevated);border:1px solid hsla(var(--badge-hue), 80%, 60%, .35);gap:14px;transform:rotateY(180deg)}.abb-desc{color:var(--text-secondary);text-align:center;margin:0;font-size:.88rem;line-height:1.5}.abb-status{border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.abb-status.yes{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e4d}.abb-status.no{color:var(--text-muted);background:var(--surface-alt);border:1px solid var(--border)}.ach-cta{background:linear-gradient(135deg, rgba(var(--primary-rgb), .09), rgba(var(--secondary-rgb), .09));border:1px solid var(--border-accent);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.ach-cta-left{align-items:center;gap:16px;display:flex}.ach-cta-emoji{font-size:2.4rem;animation:3s ease-in-out infinite achBob}@keyframes achBob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-8px)rotate(4deg)}}.ach-cta h3{margin-bottom:2px}.ach-cta p{color:var(--text-muted);margin:0}@media (width<=720px){.ach-level-panel{text-align:center;flex-direction:column}.ach-level-top{justify-content:center}.ach-header h1{font-size:2rem}.ach-refresh-btn{justify-content:center;width:100%}.ach-cta{text-align:center;justify-content:center}}.about-page{background:var(--surface-alt);min-height:calc(100vh - 64px)}.about-hero{background:linear-gradient(135deg, var(--primary) 0%, #7c3aed 50%, var(--secondary) 100%);text-align:center;color:#fff;padding:130px 24px 70px;position:relative;overflow:hidden}.about-hero:before{content:"";background:#ffffff0f;border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite aboutOrb1;position:absolute;top:-100px;right:-50px}.about-hero:after{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;animation:10s ease-in-out infinite aboutOrb2;position:absolute;bottom:-60px;left:-40px}@keyframes aboutOrb1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,25px)scale(1.08)}}@keyframes aboutOrb2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(25px,-20px)scale(1.05)}}.about-hero-content{z-index:1;max-width:700px;margin:0 auto;animation:.6s cubic-bezier(.22,1,.36,1) both slideInUp;position:relative}.about-hero h1{letter-spacing:-.02em;text-shadow:0 2px 12px #00000026;color:#60a5fa;margin-bottom:16px;font-size:2.8rem;font-weight:800}.about-hero p{opacity:.9;color:#1e293b;font-size:1.1rem;line-height:1.7}.about-container{max-width:1024px;margin:0 auto;padding:60px 24px}.about-section{margin-bottom:48px;animation:.5s cubic-bezier(.22,1,.36,1) both slideInUp}.about-section h2{color:var(--text-primary);margin-bottom:16px;font-size:1.5rem;font-weight:700}.about-section>p{color:var(--text-secondary);font-size:1rem;line-height:1.8}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.about-feature-card{-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 8px #00000008, 0 4px 16px rgba(var(--primary-rgb), .04);background:#ffffffd9;border:1px solid #e2e8f099;border-radius:20px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.about-feature-card:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary), var(--secondary-light));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.about-feature-card:hover{box-shadow:0 8px 16px rgba(var(--primary-rgb), .08), 0 24px 56px #0000000f;transform:translateY(-8px)rotateX(2deg)}.about-feature-card:hover:after{opacity:1}.about-feature-icon{color:var(--primary);background:linear-gradient(135deg, rgba(var(--primary-rgb), .1), rgba(var(--secondary-rgb), .1));width:48px;height:48px;box-shadow:0 2px 6px rgba(var(--primary-rgb), .1);border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;font-size:1.5rem;transition:transform .3s,box-shadow .3s;animation:5s ease-in-out infinite featureIconFloat;display:inline-flex}@keyframes featureIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.about-feature-card:hover .about-feature-icon{box-shadow:0 4px 12px rgba(var(--primary-rgb), .15);transform:translateY(-3px)scale(1.08)}.about-feature-card h3{color:var(--text-primary);margin-bottom:8px;font-size:1rem}.about-feature-card p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.tech-stack-list{flex-wrap:wrap;gap:10px;display:flex}.tech-stack-item{-webkit-backdrop-filter:blur(10px);color:var(--text-secondary);background:#ffffffd9;border:1px solid #e2e8f099;border-radius:999px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000000a,inset 0 1px #fffc}.tech-stack-item:hover{background:linear-gradient(135deg, rgba(var(--primary-rgb), .06), rgba(var(--secondary-rgb), .03));border-color:var(--primary-light);color:var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb), .12), inset 0 1px 0 #fffc;transform:translateY(-3px)scale(1.04)}[data-theme=dark] .about-hero{background:linear-gradient(135deg, rgba(var(--secondary-rgb), .4), #4c1d95, #5b21b6)}[data-theme=dark] .about-container{background:var(--surface)}[data-theme=dark] .about-section h2{color:var(--text-primary)}[data-theme=dark] .about-feature-card{background:#1e293bd9;border-color:#33415580}[data-theme=dark] .about-feature-card:hover{background:#1e293bf2}[data-theme=dark] .about-feature-card h3{color:var(--text-primary)}[data-theme=dark] .tech-stack-item{color:var(--text-muted);background:#1e293bd9;border-color:#33415580}[data-theme=dark] .tech-stack-item:hover{background:rgba(var(--primary-rgb), .15);border-color:rgba(var(--primary-rgb), .3);color:var(--primary-light)}@media (width<=768px){.about-hero{padding:110px 24px 50px}.about-hero h1{font-size:1.8rem}.features-grid{grid-template-columns:1fr}.about-container{padding:40px 16px}}.auth-page{background:var(--surface-alt);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:100px 24px 60px;display:flex}.auth-container{width:100%;max-width:440px}.auth-card{background:var(--surface);border:1px solid var(--border-light);border-radius:20px;padding:40px;box-shadow:0 4px 24px #0000000f}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:700}.auth-header p{color:var(--text-muted);font-size:.9rem}.auth-success{color:var(--accent);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;display:flex}.auth-error{background:rgba(var(--accent2-rgb,244, 63, 94), .1);color:var(--accent2);border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;display:flex}.auth-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-primary);font-size:.85rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);font-size:1rem;position:absolute;left:14px}.input-wrapper input{border:1.5px solid var(--border);width:100%;color:var(--text-primary);background:var(--surface);border-radius:10px;outline:none;padding:12px 14px 12px 42px;font-size:.9rem;transition:border-color .2s}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}.input-wrapper input.error{border-color:var(--accent2)}.input-wrapper input::placeholder{color:var(--text-muted)}.field-error{color:var(--accent2);margin-top:2px;font-size:.78rem}.btn-full{justify-content:center;width:100%;margin-top:8px;padding:13px}.auth-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:24px;padding-top:20px}.auth-footer p{color:var(--text-muted);font-size:.85rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (width<=480px){.auth-card{padding:28px 20px}}.confetti-layer{pointer-events:none;z-index:999;perspective:900px;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;border-radius:2px;animation-name:confettiFall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-30px}@keyframes confettiFall{0%{opacity:1;transform:translate3d(0,-10vh,-400px)rotateX(0)rotate(0)}to{opacity:.9;transform:translate3d(var(--drift), 110vh, 120px) rotateX(var(--spin-x)) rotateZ(var(--spin-z))}}.quiz-page{background:linear-gradient(170deg, rgba(var(--primary-rgb), .04) 0%, rgba(var(--primary-rgb), .06) 35%, rgba(var(--secondary-rgb), .03) 65%, rgba(var(--secondary-rgb), .04) 100%);min-height:100vh;padding:88px 24px 60px}.quiz-container{max-width:800px;margin:0 auto}.quiz-page-start{position:relative;overflow:hidden}.qs-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.qs-orb{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.qs-orb-1{background:var(--primary);width:350px;height:350px;animation:10s ease-in-out infinite qsOrb1;top:-80px;right:-60px}.qs-orb-2{background:var(--secondary);width:280px;height:280px;animation:12s ease-in-out infinite qsOrb2;bottom:-80px;left:-60px}.qs-orb-3{background:var(--secondary-light);width:160px;height:160px;animation:8s ease-in-out infinite qsOrb3;top:40%;left:50%}@keyframes qsOrb1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-25px,20px)scale(1.06)}}@keyframes qsOrb2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-25px)scale(1.04)}}@keyframes qsOrb3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}.qs-grid-pattern{background-image:linear-gradient(#6366f108 1px,#0000 1px),linear-gradient(90deg,#6366f108 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(60% 50% at 50% 40%,#000 20%,#0000 70%)}.qs-float-token{color:rgba(var(--primary-rgb), .1);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(var(--primary-rgb), .06);will-change:transform;background:#ffffff80;border-radius:8px;padding:6px 10px;font-family:Fira Code,monospace;font-size:.72rem;font-weight:600;animation:linear infinite qsTokenDrift;position:absolute}@keyframes qsTokenDrift{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(1.5deg)}50%{transform:translateY(-4px)rotate(-1deg)}75%{transform:translateY(-16px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.qs-card-3d{z-index:1;-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;box-shadow:0 4px 12px rgba(var(--primary-rgb), .05), 0 12px 40px #0000000a, inset 0 1px 0 #ffffffe6;background:#ffffffe0;border:1px solid #e2e8f099;border-radius:24px;flex-direction:column;gap:20px;padding:40px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.22,1,.36,1) both qsCardEntry;display:flex;position:relative}@keyframes qsCardEntry{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.qs-card-3d:hover{box-shadow:0 8px 16px rgba(var(--primary-rgb), .08), 0 24px 56px #0000000f, inset 0 1px 0 #ffffffe6}.qs-card-shine{border-radius:inherit;pointer-events:none;opacity:.5;z-index:0;background:radial-gradient(circle at 50% 0,#ffffff40,#0000 60%);position:absolute;inset:0}.qs-header-enhanced{z-index:1;align-items:center;gap:20px;animation:.5s ease-out .15s both qsFadeUp;display:flex;position:relative}.qs-icon-3d-wrap{flex-shrink:0;position:relative}.qs-icon-3d{z-index:2;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.5rem;animation:4s ease-in-out infinite iconFloat;display:flex;position:relative;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a,inset 0 2px #fffc}@keyframes iconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(1.5deg)}}.qs-icon-ring{border:2px solid rgba(var(--primary-rgb), .12);border-radius:22px;animation:4s ease-in-out infinite ringPulse;position:absolute;inset:-6px}.qs-title{color:var(--text-primary);margin-bottom:4px;font-size:1.6rem;font-weight:700}.quiz-start-tech{color:var(--text-muted);font-size:.85rem;font-weight:500}.qs-diff-3d{z-index:1;border-radius:999px;align-self:flex-start;padding:5px 14px;font-size:.75rem;font-weight:600;transition:transform .25s;animation:.5s ease-out .2s both qsFadeUp;position:relative;box-shadow:0 2px 6px #0000000f}.qs-diff-3d:hover{transform:scale(1.04)}.qs-stats-row{z-index:1;flex-wrap:wrap;gap:12px;animation:.5s ease-out .25s both qsFadeUp;display:flex;position:relative}.qs-stat-pill{background:var(--surface-alt);border:1px solid var(--border-light);border-radius:14px;flex:1;align-items:center;gap:12px;min-width:120px;padding:16px 18px;transition:all .3s;display:flex}.qs-stat-pill:hover{box-shadow:0 6px 16px rgba(var(--primary-rgb), .08);transform:translateY(-3px)}.qs-stat-icon{width:40px;height:40px;color:var(--primary);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.qs-stat-val{color:var(--text-primary);font-size:1.3rem;font-weight:800;line-height:1.2}.qs-stat-lbl{color:var(--text-muted);margin-top:2px;font-size:.75rem}.qs-desc{color:var(--text-muted);z-index:1;border-left:3px solid #e2e8f0;padding-left:16px;line-height:1.7;animation:.5s ease-out .3s both qsFadeUp;position:relative}.qs-rules-3d{background:linear-gradient(145deg, #f8fafc, rgba(var(--primary-rgb), .04));z-index:1;box-shadow:0 2px 8px rgba(var(--primary-rgb), .04);border:1px solid #e2e8f0;border-radius:16px;padding:24px;animation:.5s ease-out .35s both qsFadeUp;position:relative}.qs-rules-3d h3{color:var(--text-primary);margin-bottom:14px;font-size:.95rem;font-weight:600}.qs-rules-list{flex-direction:column;gap:8px;display:flex}.qs-rule-item{color:var(--text-secondary);opacity:0;align-items:center;gap:10px;font-size:.85rem;animation:.35s ease-out forwards ruleAppear;display:flex;transform:translateY(8px)}@keyframes ruleAppear{to{opacity:1;transform:translateY(0)}}.qs-check{width:22px;height:22px;color:var(--accent);background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #16a34a26}.qs-start-btn{z-index:1;justify-content:center;width:100%;padding:16px 32px;font-size:1.05rem;font-weight:600;animation:.5s ease-out .4s both qsFadeUp;position:relative;overflow:hidden;background:#2563eb!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 5px #1d4ed8,0 8px 20px #2563eb59,0 0 #2563eb00!important}.qs-start-btn:hover{transform:translateY(-3px)!important;box-shadow:0 8px #1d4ed8,0 14px 32px #2563eb66,0 0 24px #2563eb33!important}.qs-start-btn:active{transform:translateY(2px)!important;box-shadow:0 2px #1d4ed8,0 4px 12px #2563eb40!important}.qs-btn-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;animation:4s ease-in-out infinite btnShine;position:absolute;top:0;left:-100%}@keyframes btnShine{0%,70%,to{left:-100%}85%{left:150%}}@keyframes qsFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-not-found{text-align:center;background:var(--surface);border:1px solid var(--border-light);border-radius:20px;padding:80px 24px;box-shadow:0 4px 24px #0000000a}.quiz-not-found h2{color:var(--text-primary);margin-bottom:8px}.quiz-not-found p{color:var(--text-muted);margin-bottom:24px}.quiz-playing{max-width:900px}.quiz-topbar{background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-bottom:none;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.quiz-topbar-left{flex-direction:column;gap:2px;display:flex}.quiz-playing-title{color:var(--text-primary);font-size:1rem}.quiz-topbar-tech{color:var(--text-muted);font-size:.8rem}.quiz-timer{background:var(--border-light);color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:1.1rem;font-weight:700;display:flex}.quiz-timer.low-time{background:rgba(var(--accent2-rgb,244, 63, 94), .1);color:var(--accent2);animation:1s ease-in-out infinite pulse-timer}@keyframes pulse-timer{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quiz-progress-bar{background:var(--border);height:4px}.quiz-progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:0 2px 2px 0;height:100%;transition:width .3s}.quiz-question-card{background:var(--surface);border:1px solid var(--border-light);padding:32px;box-shadow:0 4px 12px #6366f108,0 8px 32px #0000000a}.quiz-q-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.quiz-q-num{color:var(--primary);font-size:.85rem;font-weight:600}.quiz-q-answered{color:var(--text-muted);font-size:.8rem}.quiz-q-text{color:var(--text-primary);margin-bottom:24px;font-size:1.15rem;font-weight:500;line-height:1.6}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{background:var(--surface-alt);cursor:pointer;text-align:left;color:var(--text-primary);border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;font-size:.95rem;transition:all .2s;display:flex}.quiz-option:hover{border-color:var(--primary-light);background:#f0f0ff;transform:translateY(-1px);box-shadow:0 4px 12px #6366f114}.quiz-option.selected{border-color:var(--primary);background:rgba(var(--primary-rgb), .06);box-shadow:0 0 0 3px #6366f11a,0 4px 12px #6366f114}.option-letter{background:var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.quiz-option.selected .option-letter{background:var(--primary);color:#e0f2fe}.option-text{flex:1}.quiz-nav{background:var(--surface);border:1px solid var(--border-light);border-top:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.quiz-nav button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.quiz-navigator{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;margin-top:16px;padding:20px 24px}.quiz-navigator h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.85rem}.quiz-nav-grid{flex-wrap:wrap;gap:8px;display:flex}.quiz-nav-btn{border:1.5px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:10px;font-size:.8rem;font-weight:600;transition:all .2s}.quiz-nav-btn:hover{border-color:var(--primary-light);color:var(--primary)}.quiz-nav-btn.current{border-color:var(--primary);background:var(--primary);color:#e0f2fe;box-shadow:0 2px 8px #6366f14d}.quiz-nav-btn.answered{background:rgba(var(--primary-rgb), .06);border-color:var(--primary-light);color:var(--primary)}.quiz-nav-btn.answered.current{background:var(--primary);color:#e0f2fe}.quiz-result-card{background:var(--surface);text-align:center;border:1px solid var(--border-light);border-radius:24px;padding:48px 40px;box-shadow:0 4px 12px #6366f10a,0 16px 48px #6366f10f}.result-header h1{color:var(--text-primary);margin-bottom:28px;font-size:1.75rem}.result-circle{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 24px;display:flex;position:relative}.result-circle:before{content:"";background:conic-gradient(var(--primary) var(--pct,0%), #e2e8f0 0%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;border-radius:50%;padding:4px;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.result-circle.passed{--pct:100%;background:rgba(var(--primary-rgb), .06)}.result-circle.failed{--pct:100%;background:rgba(var(--accent2-rgb,244, 63, 94), .1)}.result-score{color:var(--text-primary);font-size:3rem;font-weight:800}.result-fraction{color:var(--text-muted);margin-top:2px;font-size:.9rem}.result-badge{border-radius:999px;margin-bottom:28px;padding:8px 24px;font-size:.95rem;font-weight:700;display:inline-flex}.result-badge.passed{background:rgba(var(--primary-rgb), .1);color:var(--accent)}.result-badge.failed{background:rgba(var(--accent2-rgb,244, 63, 94), .1);color:var(--accent2)}.result-stats{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:32px;display:flex}.result-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-val{font-size:1.5rem;font-weight:700}.stat-lbl{color:var(--text-muted);font-size:.8rem}.correct-color{color:var(--accent)}.wrong-color{color:var(--accent2)}.skip-color{color:#f59e0b}.time-color{color:var(--primary)}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.review-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.review-header h2{color:var(--text-primary);font-size:1.25rem}.review-questions{flex-direction:column;gap:16px;display:flex}.review-question-card{background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-left:4px solid #e2e8f0;border-radius:16px;padding:28px}.review-question-card.correct{border-left-color:var(--accent);background:#fafffe}.review-question-card.incorrect{border-left-color:var(--accent2);background:#fffbfb}.review-question-card.skipped{background:#fffdf5;border-left-color:#f59e0b}.review-q-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.review-q-num{color:var(--primary);font-size:.85rem;font-weight:600}.review-status{border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:600}.review-status.correct{background:rgba(var(--primary-rgb), .1);color:var(--accent)}.review-status.incorrect{background:rgba(var(--accent2-rgb,244, 63, 94), .1);color:var(--accent2)}.review-status.skipped{color:#d97706;background:#f59e0b1a}.review-q-text{color:var(--text-primary);margin-bottom:16px;font-size:1rem;font-weight:500;line-height:1.6}.review-options{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.review-option{color:var(--text-secondary);background:var(--surface-alt);border:1px solid var(--border-light);border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;display:flex}.review-option.correct{background:rgba(var(--primary-rgb), .1);color:#166534;border-color:#86efac;font-weight:600}.review-option.incorrect{background:rgba(var(--accent2-rgb,244, 63, 94), .1);color:#991b1b;border-color:#fca5a5;text-decoration:line-through}.review-option .opt-icon{flex-shrink:0}.review-explanation{background:rgba(var(--primary-rgb), .04);color:var(--text-secondary);border-radius:10px;padding:16px;font-size:.85rem;line-height:1.6}.review-explanation strong{color:var(--primary)}.btn-3d{box-shadow:0 4px 0 var(--primary-dark), 0 6px 12px #6366f133;position:relative;transform:translateY(0)}.btn-3d:hover{box-shadow:0 6px 0 var(--primary-dark), 0 10px 20px #6366f140;transform:translateY(-2px)}.btn-3d:active{box-shadow:0 2px 0 var(--primary-dark), 0 4px 8px #6366f126;transform:translateY(2px)}[data-theme=dark] .quiz-page{background:var(--gradient-hero)}[data-theme=dark] .qs-card-3d{background:#1e293bd9;border-color:#33415580}[data-theme=dark] .qs-title,[data-theme=dark] .qs-stat-val{color:var(--text-primary)}[data-theme=dark] .qs-desc,[data-theme=dark] .quiz-start-tech{color:var(--text-muted)}[data-theme=dark] .qs-stat-pill{background:var(--surface-elevated);border-color:var(--text-primary)}[data-theme=dark] .qs-stat-lbl{color:var(--text-muted)}[data-theme=dark] .qs-rules-3d{border-color:var(--text-primary);background:linear-gradient(145deg,#1e293b,#0f172a)}[data-theme=dark] .qs-rules-3d h3{color:var(--text-primary)}[data-theme=dark] .qs-rule-item{color:var(--text-muted)}[data-theme=dark] .qs-check{color:#34d399;background:linear-gradient(135deg,#064e3b,#065f46)}[data-theme=dark] .qs-float-token{color:#818cf833;background:#1e293b99;border-color:#6366f126}[data-theme=dark] .qs-icon-3d{background:linear-gradient(145deg,#1e293b,#334155)}[data-theme=dark] .qs-icon-ring{border-color:#818cf833}[data-theme=dark] .qs-desc{border-left-color:var(--text-primary)}[data-theme=dark] .quiz-topbar,[data-theme=dark] .quiz-question-card,[data-theme=dark] .quiz-nav,[data-theme=dark] .quiz-navigator,[data-theme=dark] .quiz-result-card{background:var(--surface-elevated);border-color:var(--text-primary)}[data-theme=dark] .quiz-playing-title,[data-theme=dark] .quiz-q-text{color:var(--text-primary)}[data-theme=dark] .quiz-q-num{color:var(--primary-light)}[data-theme=dark] .quiz-option{background:var(--surface);border-color:var(--text-primary);color:#e2e8f0}[data-theme=dark] .quiz-option:hover{background:var(--surface-elevated);border-color:var(--primary)}[data-theme=dark] .quiz-option.selected{background:rgba(var(--secondary-rgb), .3);border-color:var(--primary-light)}[data-theme=dark] .option-letter{color:var(--text-muted);background:#334155}[data-theme=dark] .quiz-option.selected .option-letter{background:var(--primary);color:#e0f2fe}@media (width<=768px){.qs-card-3d{padding:28px 20px}.qs-title{font-size:1.3rem}.qs-icon-3d{border-radius:14px;width:56px;height:56px;font-size:2rem}.qs-icon-ring{border-radius:18px}.qs-stats-row{flex-direction:column}.qs-stat-pill{min-width:unset}.qs-start-btn{padding:14px 24px;font-size:.95rem}.quiz-start-card,.quiz-result-card{padding:28px 20px}.quiz-topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.quiz-question-card{padding:24px 20px}.quiz-q-text{font-size:1rem}.quiz-option{padding:14px 16px;font-size:.9rem}.quiz-nav-grid{gap:6px}.quiz-nav-btn{width:36px;height:36px;font-size:.75rem}.result-stats{gap:20px}.result-circle{width:140px;height:140px}.result-score{font-size:2.5rem}.result-actions{flex-direction:column}.result-actions .btn{justify-content:center;width:100%}.review-header{flex-direction:column;align-items:flex-start;gap:12px}.review-question-card{padding:20px}.qs-float-token{display:none}}@media (prefers-reduced-motion:reduce){.qs-card-3d,.qs-header-enhanced,.qs-diff-3d,.qs-stats-row,.qs-desc,.qs-rules-3d,.qs-start-btn{opacity:1;animation:none}.qs-rule-item{opacity:1;animation:none;transform:none}.qs-orb,.qs-float-token,.qs-icon-3d,.qs-icon-ring,.qs-btn-shine{animation:none!important}.qs-card-3d{transform:none!important}}.topic-analysis{background:var(--surface-elevated);border:1px solid var(--border-light);text-align:left;border-radius:18px;margin-top:26px;padding:22px}.topic-analysis h3{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:800;display:flex}.topic-analysis-sub{color:var(--text-muted);margin-top:3px;font-size:.8rem}.topic-bars{flex-direction:column;gap:12px;margin-top:16px;display:flex}.topic-bar-head{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.topic-name{color:var(--text-secondary);font-size:.82rem;font-weight:700}.topic-score{font-size:.74rem;font-weight:800}.topic-score.ok{color:#059669}.topic-score.weak{color:#e11d48}[data-theme=dark] .topic-score.ok{color:#34d399}[data-theme=dark] .topic-score.weak{color:#fb7185}.topic-track{background:#94a3b82e;border-radius:99px;height:8px;overflow:hidden}.topic-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;animation:.9s cubic-bezier(.22,1,.36,1) both topicFillIn}.topic-fill.weak{background:linear-gradient(90deg,#f43f5e,#fb923c)}@keyframes topicFillIn{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.weak-topics-box{color:var(--text-secondary);background:#f43f5e0f;border:1px dashed #f43f5e59;border-radius:14px;margin-top:16px;padding:14px 16px;font-size:.85rem}[data-theme=dark] .weak-topics-box{background:#f43f5e17}.weak-topics-box em{color:#e11d48;font-style:normal;font-weight:800}[data-theme=dark] .weak-topics-box em{color:#fb7185}.weak-topic-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}@media (width<=640px){.topic-analysis{padding:16px}.weak-topic-actions .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.topic-fill{animation:none!important}}.dashboard-page{background:radial-gradient(ellipse at 10% 0%, rgba(var(--primary-rgb), .07) 0%, transparent 45%), radial-gradient(ellipse at 95% 100%, rgba(var(--secondary-rgb), .06) 0%, transparent 45%), linear-gradient(170deg, #f8faff, #f3f6ff 50%, #f6f4ff);min-height:calc(100vh - 64px);padding:100px 24px 70px}[data-theme=dark] .dashboard-page{background:radial-gradient(ellipse at 10% 0%, rgba(var(--primary-rgb), .09) 0%, transparent 45%), radial-gradient(ellipse at 95% 100%, rgba(var(--secondary-rgb), .08) 0%, transparent 45%), var(--gradient-hero)}.dashboard-greeting{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.dashboard-greeting h1{letter-spacing:-.02em;color:var(--text-primary);font-size:1.8rem;font-weight:800}.dashboard-greeting p{color:var(--text-muted);margin-top:4px}.dash-level-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-glass-border);border-radius:18px;flex-direction:column;gap:5px;min-width:230px;padding:16px 20px;display:flex;box-shadow:0 8px 26px #0000000d}.dash-level-rank{color:var(--text-primary);font-size:.85rem;font-weight:800}.dash-level-num{display:none;position:absolute}.dash-level-track{background:#94a3b833;border-radius:99px;height:9px;overflow:hidden}.dash-level-track>div{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;box-shadow:0 0 10px rgba(var(--primary-rgb), .5);transition:width 1s cubic-bezier(.22,1,.36,1)}.dash-level-xp{color:var(--text-muted);font-size:.72rem;font-weight:700}.dash-quick-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;margin-bottom:40px;display:grid}.dash-quick-card{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:17px;flex-direction:column;align-items:flex-start;gap:2px;padding:17px 19px;text-decoration:none;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s;display:flex;box-shadow:0 2px 8px #00000008}.dash-quick-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #00000012}.dash-quick-card svg{color:var(--primary);margin-bottom:7px;font-size:1.15rem}.dash-quick-card strong{color:var(--text-primary);font-size:1.35rem;font-weight:800;line-height:1}.dash-quick-card span:last-child{color:var(--text-muted);font-size:.72rem;font-weight:600}.dash-quick-card.quiz svg{color:var(--secondary)}.dash-quick-card.streak svg,.dash-quick-card.streak.hot strong{color:#f59e0b}[data-theme=dark] .dash-quick-card.streak.hot strong{color:#fbbf24}.dash-section{z-index:1;margin-bottom:44px;position:relative}.dash-section.slim{margin-bottom:20px}.dash-section-head{border-left:4px solid var(--primary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-left:14px;display:flex}.dash-section-head h2{color:var(--text-primary);align-items:center;gap:9px;font-size:1.18rem;font-weight:800;display:inline-flex}.dash-section-head p{color:var(--text-muted);font-size:.82rem}.dash-section-head.learn-accent{border-color:var(--primary)}.dash-section-head.learn-accent h2 svg{color:var(--primary)}.dash-section-head.quiz-accent{border-color:var(--secondary)}.dash-section-head.quiz-accent h2 svg{color:var(--secondary)}.dash-section-head.neutral{border-color:#f59e0b}.dash-section-head.neutral h2 svg{color:#f59e0b}.dash-continue-card{background:linear-gradient(120deg, color-mix(in srgb, var(--rc) 10%, var(--surface-elevated)), var(--surface-elevated) 65%);border:1px solid color-mix(in srgb, var(--rc) 30%, transparent);box-shadow:0 10px 30px color-mix(in srgb, var(--rc) 12%, transparent);border-radius:22px;align-items:center;gap:20px;margin-bottom:18px;padding:22px 26px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex}.dash-continue-card:hover{box-shadow:0 16px 40px color-mix(in srgb, var(--rc) 20%, transparent);transform:translateY(-4px)scale(1.005)}.dcc-icon{filter:drop-shadow(0 6px 12px #0000001f);font-size:2.4rem}.dcc-info{flex:1;min-width:0}.dcc-label{letter-spacing:.09em;text-transform:uppercase;color:var(--rc);font-size:.66rem;font-weight:800}.dcc-info h3{color:var(--text-primary);margin-top:2px;font-size:1.16rem;font-weight:800}.dcc-info p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.82rem;overflow:hidden}.dcc-go{color:#fff;background:linear-gradient(135deg, var(--rc), color-mix(in srgb, var(--rc) 60%, #000));width:46px;height:46px;box-shadow:0 8px 18px color-mix(in srgb, var(--rc) 40%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;animation:2.4s ease-in-out infinite dccPulse;display:flex}@keyframes dccPulse{0%,to{box-shadow:0 8px 18px color-mix(in srgb, var(--rc) 40%, transparent)}50%{box-shadow:0 8px 26px color-mix(in srgb, var(--rc) 55%, transparent)}}.dash-empty-hero{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px dashed rgba(var(--primary-rgb), .4);border-radius:22px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px;padding:26px 28px;display:flex}.deh-icon{font-size:2.4rem}.dash-empty-hero h3{color:var(--text-primary);font-size:1.02rem;font-weight:800}.dash-empty-hero p{color:var(--text-muted);max-width:480px;margin-top:3px;font-size:.84rem}.dash-empty-hero div:not(.deh-icon){flex:1;min-width:220px}.dash-empty-hero.alt{border-color:rgba(var(--secondary-rgb), .45)}.dash-progress-list{flex-direction:column;gap:11px;display:flex}.dash-progress-row{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:17px;align-items:center;gap:16px;padding:15px 18px;transition:transform .25s,box-shadow .25s;display:flex}.dash-progress-row:hover{box-shadow:0 6px 18px color-mix(in srgb, var(--rc) 12%, transparent);transform:translate(4px)}.dpr-icon{font-size:1.5rem}.dpr-main{flex:1;min-width:0}.dpr-top{justify-content:space-between;align-items:baseline;display:flex}.dpr-top strong{color:var(--text-primary);font-size:.9rem;font-weight:700}.dpr-top em{color:var(--rc);font-size:.84rem;font-style:normal;font-weight:800}.dpr-track{background:#94a3b82e;border-radius:99px;height:7px;margin:7px 0 5px;overflow:hidden}.dpr-track>div{border-radius:inherit;background:linear-gradient(90deg, var(--rc), color-mix(in srgb, var(--rc) 55%, #fff));height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--rc) 40%, transparent);transition:width 1s cubic-bezier(.22,1,.36,1)}.dpr-next{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.dash-mini-tallies{flex-wrap:wrap;gap:18px;margin-top:14px;display:flex}.dash-mini-tallies span{color:var(--text-secondary);background:rgba(var(--primary-rgb), .07);border:1px solid rgba(var(--primary-rgb), .15);border-radius:99px;padding:7px 13px;font-size:.76rem;font-weight:700}.dash-quiz-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.dash-quiz-summary>div{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:16px;display:flex}.dash-quiz-summary svg{color:var(--secondary);font-size:1.05rem}.dash-quiz-summary strong{color:var(--text-primary);font-size:1.25rem;font-weight:800;line-height:1.1}.dash-quiz-summary span:last-child{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.dash-quiz-list{flex-direction:column;gap:11px;display:flex}.dash-quiz-row{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:17px;padding:14px 18px;transition:transform .25s,box-shadow .25s}.dash-quiz-row:hover{box-shadow:0 6px 18px rgba(var(--secondary-rgb), .12);transform:translate(4px)}.dqr-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.dqr-head strong{color:var(--text-primary);font-size:.9rem}.dqr-score{white-space:nowrap;border-radius:99px;padding:4px 11px;font-size:.74rem;font-weight:800}.dqr-score.pass{color:#059669;background:#10b9811a;border:1px solid #10b9814d}.dqr-score.fail{color:#e11d48;background:#f43f5e14;border:1px solid #f43f5e40}[data-theme=dark] .dqr-score.pass{color:#34d399}[data-theme=dark] .dqr-score.fail{color:#fb7185}.dqr-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:7px;font-size:.74rem;font-weight:600;display:flex}.dqr-retake{color:var(--secondary);align-items:center;gap:5px;margin-left:auto;font-weight:700;display:inline-flex}.dqr-retake:hover{text-decoration:underline}.dash-ach-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:11px;display:grid}.dash-ach-chip{background:var(--surface-elevated);border:1px solid var(--border-light);opacity:.55;border-radius:15px;flex-direction:column;align-items:flex-start;gap:2px;padding:13px 15px;transition:opacity .3s,transform .3s,border-color .3s;display:flex}.dash-ach-chip.got{opacity:1;background:linear-gradient(135deg,#f59e0b12,#0000);border-color:#f59e0b66}.dash-ach-chip.got:hover{transform:translateY(-3px)}.dac-icon{font-size:1.35rem}.dac-name{color:var(--text-primary);font-size:.78rem;font-weight:800}.dac-xp{color:#f59e0b;font-size:.66rem;font-weight:700}@media (width<=768px){.dashboard-page{padding:88px 16px 56px}.dashboard-greeting h1{font-size:1.45rem}.dash-continue-card{flex-wrap:wrap;padding:18px}.dcc-go{order:-1;width:38px;height:38px}.dash-continue-card .progress-ring-wrap{margin-left:auto}.dash-progress-row{flex-wrap:wrap}.dash-progress-row .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.dcc-go{animation:none!important}.dash-quick-card:hover,.dash-continue-card:hover,.dash-progress-row:hover,.dash-quiz-row:hover,.dash-ach-chip:hover{transform:none!important}.dash-level-track>div,.dpr-track>div{transition:none}}.admin-dashboard-page{background:var(--surface-alt);min-height:calc(100vh - 64px);padding:100px 24px 60px}.admin-stats-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.admin-stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;align-items:center;gap:16px;padding:20px 24px;display:flex}.admin-stat-card .stat-icon{font-size:1.5rem}.admin-stat-card .stat-info{flex-direction:column;display:flex}.admin-stat-card .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.admin-stat-card .stat-label{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.admin-stats-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.admin-stats-cards{grid-template-columns:1fr}}.instructor-dashboard-page{background:var(--surface-alt);min-height:calc(100vh - 64px);padding:100px 24px 60px}.instructor-stats-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.instructor-stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;align-items:center;gap:16px;padding:20px 24px;display:flex}.instructor-stat-card .stat-icon{font-size:1.5rem}.instructor-stat-card .stat-info{flex-direction:column;display:flex}.instructor-stat-card .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.instructor-stat-card .stat-label{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.instructor-stats-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.instructor-stats-cards{grid-template-columns:1fr}}:root{--primary:#0ea5e9;--primary-hover:#0284c7;--primary-dark:#0369a1;--primary-light:#38bdf8;--primary-glow:#0ea5e940;--primary-rgb:14, 165, 233;--secondary:#8b5cf6;--secondary-hover:#7c3aed;--secondary-light:#a78bfa;--secondary-glow:rgba(var(--secondary-rgb), .25);--secondary-rgb:139, 92, 246;--accent:#10b981;--accent-hover:#059669;--accent-light:#34d399;--accent-glow:#10b98133;--accent2:#f43f5e;--accent2-hover:#e11d48;--accent2-light:#fb7185;--surface:#fff;--surface-alt:#f8fafc;--surface-elevated:#fff;--surface-glass:#ffffffbf;--surface-glass-border:#ffffff80;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-accent:#0284c7;--text-on-primary:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--border-accent:#0ea5e933;--gradient-primary:linear-gradient(135deg, #0ea5e9, var(--secondary));--gradient-secondary:linear-gradient(135deg, var(--secondary), #ec4899);--gradient-accent:linear-gradient(135deg, #10b981, #06b6d4);--gradient-warm:linear-gradient(135deg, #f43f5e, #f97316);--gradient-hero:linear-gradient(170deg, #f0f9ff 0%, #ede9fe 35%, #f0fdf4 65%, #eff6ff 100%);--gradient-dark:linear-gradient(170deg, #07111f 0%, #0b172a 45%, #101c33 75%, #07111f 100%);--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014;--shadow-xl:0 24px 56px #0000001a;--shadow-glow:0 0 24px var(--primary-glow);--shadow-glow-secondary:0 0 24px var(--secondary-glow);--depth-1:0 2px 0 var(--primary-dark), 0 4px 12px var(--primary-glow);--depth-2:0 4px 0 var(--primary-dark), 0 8px 20px var(--primary-glow);--depth-3:0 6px 0 var(--primary-dark), 0 12px 32px var(--primary-glow)}[data-theme=dark]{--primary:#38bdf8;--primary-hover:#0ea5e9;--primary-dark:#0284c7;--primary-light:#7dd3fc;--primary-glow:#38bdf84d;--primary-rgb:56, 189, 248;--secondary:#a78bfa;--secondary-hover:#8b5cf6;--secondary-light:#c4b5fd;--secondary-glow:#a78bfa4d;--secondary-rgb:167, 139, 250;--accent:#34d399;--accent-hover:#10b981;--accent-light:#6ee7b7;--accent2:#fb7185;--surface:#0f172a;--surface-alt:#1e293b;--surface-elevated:#1e293b;--surface-glass:#0f172acc;--surface-glass-border:#33415580;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#94a3b8;--text-accent:#38bdf8;--text-on-primary:#f0f9ff;--border:#334155;--border-light:#1e293b;--border-accent:#38bdf84d;--gradient-hero:var(--gradient-dark);--gradient-primary:linear-gradient(135deg, #38bdf8, var(--secondary-light));--shadow-sm:0 1px 3px #00000026;--shadow-md:0 4px 12px #0003;--shadow-lg:0 12px 32px #0000004d;--shadow-xl:0 24px 56px #0006;--shadow-glow:0 0 32px var(--primary-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);background:var(--surface-alt);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}h1{font-size:2rem;font-weight:700;line-height:1.2}h2{font-size:1.5rem;font-weight:700;line-height:1.3}h3{font-size:1.1rem;font-weight:600;line-height:1.4}h4{font-size:.95rem;font-weight:600;line-height:1.4}p{color:var(--text-secondary)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.page-container{max-width:1280px;margin:0 auto;padding:0}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.btn-primary{color:#fff;background:#2563eb;border:none;box-shadow:0 4px #1d4ed8,0 6px 16px #2563eb4d}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px)scale(1.02);box-shadow:0 6px #1d4ed8,0 12px 28px #2563eb59}.btn-primary:active{transform:translateY(2px)scale(.98);box-shadow:0 2px #1d4ed8,0 4px 12px #2563eb40}.btn-primary:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none;box-shadow:0 4px #1d4ed8}.btn-outline{color:#2563eb;background:0 0;border:1.5px solid #2563eb;box-shadow:0 2px #2563eb26}.btn-outline:hover{color:#fff;background:#2563eb;border-color:#0000;transform:translateY(-2px)scale(1.02);box-shadow:0 4px #1d4ed8,0 8px 20px #2563eb4d}.btn-outline:active{transform:translateY(1px)}.btn-danger{color:#e0f2fe;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px #b91c1c,0 6px 12px #ef444433}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)scale(1.02);box-shadow:0 6px #b91c1c,0 10px 20px #ef444440}.btn-danger:active{transform:translateY(2px)scale(.98);box-shadow:0 2px #b91c1c}.btn-ghost{color:var(--text-muted);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--border-light);color:var(--text-primary);box-shadow:none;transform:none}.btn-lg{padding:14px 28px;font-size:1rem}.btn-sm{padding:8px 16px;font-size:.8rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--border-light)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card-3d{background:var(--surface-elevated);border:1px solid var(--border-light);transform-style:preserve-3d;perspective:1000px;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-3d:before{content:"";border-radius:inherit;background:var(--gradient-primary);opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:-1px}.card-3d:hover{box-shadow:0 12px 24px rgba(var(--primary-rgb), .1), 0 24px 48px #0000000f;border-color:#0000;transform:translateY(-8px)rotateX(2deg)}.card-3d:hover:before{opacity:.12}.stat-card-3d{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:16px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-3d:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card-3d:hover{box-shadow:0 8px 16px rgba(var(--primary-rgb), .08), 0 16px 32px #0000000a;transform:translateY(-6px)scale(1.02)}.stat-card-3d:hover:before{opacity:1}input:focus,select:focus,textarea:focus{outline:none}@keyframes float3d{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1.5deg)}66%{transform:translateY(-4px)rotate(-1deg)}}@keyframes float3dSlow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.03)}}@keyframes float3dOrbit{0%{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-6px)rotate(90deg)scale(1.02)}50%{transform:translateY(-10px)rotate(180deg)scale(1)}75%{transform:translateY(-4px)rotate(270deg)scale(.98)}to{transform:translateY(0)rotate(360deg)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 24px 6px var(--primary-glow)}}@keyframes pulseGlowSecondary{0%,to{box-shadow:0 0 0 0 var(--secondary-glow)}50%{box-shadow:0 0 24px 6px var(--secondary-glow)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 4px var(--primary-glow))}50%{filter:drop-shadow(0 0 12px var(--primary-glow))}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes shineSweep{0%,70%,to{left:-100%}85%{left:150%}}@keyframes rotate3d{0%{transform:perspective(600px)rotateY(0)}to{transform:perspective(600px)rotateY(360deg)}}@keyframes rotate3dSlow{0%{transform:perspective(800px)rotateY(0)rotateX(5deg)}to{transform:perspective(800px)rotateY(360deg)rotateX(5deg)}}@keyframes morphRotate{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px)rotateX(90deg)}40%{transform:perspective(400px)rotateX(-10deg)}70%{transform:perspective(400px)rotateX(5deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}@keyframes ripple{to{opacity:0;transform:scale(4)}}@keyframes waveFloat{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(10px)translateY(-8px)}50%{transform:translate(-5px)translateY(-12px)}75%{transform:translate(-10px)translateY(-4px)}}.card-3d-interactive{transform-style:preserve-3d;will-change:transform;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-3d-interactive:before{content:"";background:var(--gradient-primary);opacity:0;z-index:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.card-3d-interactive:hover{box-shadow:0 16px 32px rgba(var(--primary-rgb), .12), 0 32px 64px #0000000f;transform:translateY(-10px)rotateX(3deg)rotateY(-2deg)}.card-3d-interactive:hover:before{opacity:.04}.btn-3d-shine{position:relative;overflow:hidden}.btn-3d-shine:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:60%;height:100%;animation:4s ease-in-out infinite shineSweep;position:absolute;top:0;left:-100%}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-glass-border);box-shadow:0 4px 16px #0000000d,inset 0 1px #fffc}.icon-3d{background:linear-gradient(145deg, var(--border-light), var(--border));border-radius:14px;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 3px 8px #00000014,inset 0 1px #fffc}.icon-3d:hover{box-shadow:0 6px 16px rgba(var(--primary-rgb), .15), inset 0 1px 0 #fffc;transform:translateY(-3px)scale(1.08)}.badge-3d{border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 2px 8px #00000014}.badge-3d:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 4px 16px #0000001f}.input-3d{border:1.5px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:12px;padding:12px 16px;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a}.input-3d:hover{border-color:var(--primary-light);box-shadow:0 2px 8px rgba(var(--primary-rgb), .1)}.input-3d:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12), 0 2px 8px rgba(var(--primary-rgb), .1)}.divider-3d{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;margin:32px 0}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.perspective-container{perspective:1200px;transform-style:preserve-3d}.page-enter{animation:.5s cubic-bezier(.22,1,.36,1) both slideInUp}.particles-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.particle{opacity:.12;border-radius:50%;animation:linear infinite float3d;position:absolute}.btn-ripple{position:relative;overflow:hidden}.btn-ripple .ripple-effect{pointer-events:none;background:#ffffff4d;border-radius:50%;animation:.6s linear ripple;position:absolute;transform:scale(0)}.morph-blob{animation:8s ease-in-out infinite morphRotate}.magnetic-hover{transition:transform .3s cubic-bezier(.4,0,.2,1)}.neon-glow{box-shadow:0 0 8px var(--primary-glow), 0 0 24px var(--primary-glow)}.neon-glow-secondary{box-shadow:0 0 8px var(--secondary-glow), 0 0 24px var(--secondary-glow)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}