@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary:#5cb3b0;--primary-glow:#5cb3b073;--secondary:#cca580;--secondary-glow:#cca58073;--accent:#337a77;--bg-base:#f4faf8;--bg-surface:#ffffffd9;--bg-glass:#fff9;--text-main:#1e293b;--text-muted:#5e6f80;--border-glass:#5cb3b038;--border-light:#5cb3b014;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#5cb3b014,#0000 30%),radial-gradient(circle at 85% 30%,#cca58014,#0000 30%),linear-gradient(#5cb3b00a 1px,#0000 1px),linear-gradient(90deg,#5cb3b00a 1px,#0000 1px);background-position:0 0,0 0,-1px -1px,-1px -1px;background-size:100% 100%,100% 100%,32px 32px,32px 32px;background-attachment:fixed;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg, var(--primary), var(--accent))}.container{max-width:1200px;margin:0 auto}@keyframes fadeIn{to{opacity:1}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}@media (width<=768px){section:not(.hero):not(.graph-section) .container{padding-left:1.5rem!important;padding-right:1.5rem!important}}.auth-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#080712bf;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.auth-modal-card{background:#11101cb3;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:440px;padding:40px 32px;animation:.4s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;box-shadow:0 20px 50px #00000080,inset 0 1px 1px #ffffff1a}.auth-close-btn{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.auth-close-btn:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.auth-header{text-align:center;margin-bottom:28px}.auth-logo-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 16px;display:flex;box-shadow:0 0 20px #a78bfa4d}.glow-icon{color:#fff;animation:2s ease-in-out infinite pulseGlow}.auth-header h3{color:#fff;letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:700}.auth-header p{color:#a1a1aa;font-size:14px;line-height:1.5}.auth-tabs{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-size:14px;font-weight:600;transition:all .2s;display:flex}.auth-tab.active{color:#fff;background:#ffffff14;box-shadow:0 4px 12px #0003}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-error-banner{color:#f87171;text-align:center;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.4}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#71717a;pointer-events:none;transition:color .2s;position:absolute;left:14px}.input-wrapper input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:12px 14px 12px 42px;font-size:15px;transition:all .2s}.input-wrapper input:focus{border-color:var(--primary);background:#ffffff0d;outline:none;box-shadow:0 0 15px #a78bfa33}.input-wrapper input:focus+.input-icon{color:var(--primary)}.auth-submit-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;margin-top:8px;padding:14px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #a78bfa40}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #a78bfa66}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}.auth-footer-prompt{text-align:center;color:#71717a;margin-top:24px;font-size:14px}.text-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-weight:600}.text-btn:hover{text-decoration:underline}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{z-index:100;justify-content:center;width:100%;padding:1.5rem 0;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.navbar.scrolled{padding:.75rem 0;top:1rem}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:.75rem 2rem;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.navbar.scrolled .nav-container{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffb8;border:1px solid #54b0ad33;border-radius:9999px;max-width:1000px;padding:.5rem 2.2rem;box-shadow:0 15px 35px -10px #0000000d,0 0 25px #54b0ad14,inset 0 1px #fff9}.nav-logo{font-family:var(--font-display);letter-spacing:-.5px;z-index:10;align-items:center;gap:.75rem;font-size:1.45rem;font-weight:800;display:flex;position:relative}.logo-icon-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.logo-icon{color:var(--primary);transition:transform .5s cubic-bezier(.34,1.56,.64,1),color .3s}.logo-icon.ignited{color:var(--secondary);filter:drop-shadow(0 0 8px var(--secondary-glow));transform:translate(3px,-4px)rotate(15deg)scale(1.15)}.rocket-sparks{pointer-events:none;gap:3px;display:flex;position:absolute;bottom:-6px;left:2px}.spark{background:var(--secondary);width:3px;height:3px;box-shadow:0 0 6px var(--secondary-glow);opacity:0;border-radius:50%}.spark-1{animation:.5s ease-out infinite spark-shoot}.spark-2{animation:.5s ease-out .15s infinite spark-shoot}.spark-3{animation:.5s ease-out .3s infinite spark-shoot}@keyframes spark-shoot{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.2)}}.logo-text{color:var(--text-main);transition:text-shadow .3s}.nav-logo:hover .logo-text{text-shadow:0 0 15px #6366f166}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#54b0ad0a;border:1px solid #54b0ad14;border-radius:9999px;align-items:center;padding:.25rem;display:flex;position:relative}.navbar.scrolled .nav-links{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.nav-spotlight{z-index:0;pointer-events:none;background:#54b0ad17;border:1px solid #54b0ad29;border-radius:9999px;transition:all .35s cubic-bezier(.25,1,.5,1);position:absolute;top:.25rem;bottom:.25rem;left:0;box-shadow:inset 0 1px 1px #ffffff80}.nav-link{color:var(--text-muted);z-index:1;border-radius:9999px;align-items:center;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:color .3s;display:inline-flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-main)}.active-dot{background:var(--secondary);width:4px;height:4px;box-shadow:0 0 8px var(--secondary-glow);border-radius:50%;animation:2s ease-in-out infinite pulse-dot;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@keyframes pulse-dot{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.3)}}.dropdown-chevron{transition:transform .3s cubic-bezier(.25,1,.5,1)}.dropdown-chevron.rotated{transform:rotate(180deg)}.ml-1{margin-left:.25rem}.nav-link-wrapper{position:relative}.courses-mega-menu{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:1000;pointer-events:all;background:#fffffff5;border:1px solid #54b0ad38;border-radius:20px;flex-direction:column;gap:1rem;width:450px;padding:1.25rem;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards mega-enter;display:flex;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%);box-shadow:0 20px 40px -10px #0000000f,0 0 25px #54b0ad1a,inset 0 1px #fff9}@keyframes mega-enter{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.mega-menu-header{color:var(--text-muted);letter-spacing:1px;border-bottom:1px solid #ffffff0d;align-items:center;padding-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.mega-menu-title-top{text-transform:uppercase}.mega-menu-grid{flex-direction:column;gap:.75rem;display:flex}.mega-menu-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:.65rem .8rem;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.mega-menu-item:hover{background:#ffffff08;border-color:#ffffff0f;transform:translateY(-1px)}.menu-item-icon{color:var(--primary);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.mega-menu-item:hover .menu-item-icon.web{color:#fff;background:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.mega-menu-item:hover .menu-item-icon.ai{color:#fff;background:var(--secondary);box-shadow:0 0 15px var(--secondary-glow)}.mega-menu-item:hover .menu-item-icon.backend{color:#fff;background:var(--accent);box-shadow:0 0 15px #8b5cf666}.menu-item-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.menu-item-title{font-family:var(--font-display);color:var(--text-main);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.menu-item-badge{text-transform:uppercase;border-radius:9999px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.menu-item-badge.hot{color:var(--secondary);background:#ec489926;border:1px solid #ec48994d}.menu-item-badge.trending{color:var(--primary);background:#6366f126;border:1px solid #6366f14d}.menu-item-badge.new{color:var(--accent);background:#8b5cf626;border:1px solid #8b5cf64d}.menu-item-desc{color:var(--text-muted);font-size:.75rem;line-height:1.3}.menu-item-arrow{color:var(--text-muted);opacity:0;transition:all .25s cubic-bezier(.25,1,.5,1);transform:translate(-5px)}.mega-menu-item:hover .menu-item-arrow{opacity:1;color:var(--text-main);transform:translate(0)}.mega-menu-footer{color:var(--text-muted);border-top:1px solid #ffffff0d;align-items:center;gap:.5rem;padding-top:.5rem;font-size:.7rem;display:flex}.shield-icon{color:var(--primary)}.nav-link-wrapper:after{content:"";width:100%;height:20px;position:absolute;bottom:-20px;left:0}.nav-search-trigger{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff12;border-radius:9999px;align-items:center;gap:.6rem;padding:.45rem .9rem;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.nav-search-trigger:hover{color:var(--text-main);background:#ffffff12;border-color:#6366f14d}.search-icon{color:var(--text-muted)}.nav-search-trigger:hover .search-icon{color:var(--primary);transform:scale(1.1)}.search-text{font-size:.8rem;font-weight:500}.search-shortcut{color:var(--text-muted);background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:.05rem .35rem;font-family:inherit;font-size:.7rem;transition:all .3s;box-shadow:0 1px #0003}.nav-search-trigger:hover .search-shortcut{color:var(--primary);background:#6366f126;border-color:#6366f166}.nav-actions{align-items:center;gap:.75rem;display:flex}.btn-secondary-creative{color:var(--text-main);background:0 0;border:1px solid #54b0ad40;border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.btn-secondary-creative:hover{border-color:var(--primary);background:#54b0ad0f;transform:translateY(-1px)}.btn-primary-creative{border:1px solid var(--primary);background:var(--primary);box-shadow:0 4px 12px var(--primary-glow);border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;color:#fff!important}.btn-primary-creative:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-1px)}.glow-icon{color:var(--secondary);filter:drop-shadow(0 0 5px var(--secondary-glow))}.mobile-only{display:none!important}.mobile-toggle{cursor:pointer;color:var(--text-main);z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .3s;display:flex}.hamburger-lines{flex-direction:column;justify-content:space-between;width:22px;height:14px;display:flex}.hamburger-lines .line{background-color:var(--text-main);border-radius:4px;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.mobile-toggle.active{transform:rotate(90deg)}.spin-transition{animation:.3s cubic-bezier(.34,1.56,.64,1) spin-in}@keyframes spin-in{0%{opacity:0;transform:rotate(-90deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}.mobile-menu{-webkit-backdrop-filter:blur(28px);opacity:0;pointer-events:none;z-index:99;background:#fffffffa;border:1px solid #54b0ad38;border-radius:24px;width:90%;padding:1.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:calc(100% + 12px);left:5%;transform:translateY(-12px)scale(.96);box-shadow:0 20px 40px #00000014,0 0 25px #54b0ad14}.mobile-menu.open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.mobile-nav-links{flex-direction:column;gap:1.1rem;display:flex}.mobile-nav-link{font-family:var(--font-display);color:var(--text-muted);border-radius:12px;justify-content:space-between;align-items:center;padding:.6rem .8rem;font-size:1.1rem;font-weight:600;transition:all .25s;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--text-main);background:#ffffff0a}.mobile-arrow{opacity:0;transition:all .25s;transform:translate(-5px)}.mobile-nav-link:hover .mobile-arrow{opacity:1;transform:translate(0)}.mobile-accordion-section{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;padding:.8rem}.mobile-accordion-header{font-family:var(--font-display);color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.95rem;font-weight:700;display:flex}.mobile-courses-list{flex-direction:column;gap:.6rem;margin-top:.6rem;display:flex}.mobile-course-subitem{cursor:pointer;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .6rem;transition:all .2s;display:flex}.mobile-course-subitem:hover{background:#ffffff0a}.subitem-bullet{background:var(--primary);border-radius:50%;width:5px;height:5px}.subitem-title-row{align-items:center;gap:.5rem;display:flex}.subitem-title{color:var(--text-muted);font-size:.85rem;font-weight:500}.mobile-course-subitem:hover .subitem-title{color:var(--text-main)}.small-badge{padding:.05rem .3rem;font-size:.55rem}.mobile-divider{border:none;border-top:1px solid #ffffff0f;margin:.5rem 0}.mobile-actions{flex-direction:column;gap:.75rem;display:flex}.mobile-btn-login{color:var(--text-main);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.mobile-btn-login:hover{background:#ffffff12}.mobile-btn-join{border-radius:12px;justify-content:center;padding:.75rem}@media (width<=992px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.navbar{padding:1rem 0}.nav-container{padding:.5rem 1.5rem}.navbar.scrolled .nav-container{max-width:90%;padding:.5rem 1.5rem}}.nav-user-badge{color:#fff;background:#a78bfa14;border:1px solid #a78bfa33;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;display:flex}.user-icon-active{color:var(--primary)!important}.nav-username{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.nav-pro-pill{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:9999px;padding:.1rem .45rem;font-size:.65rem;font-weight:800;box-shadow:0 0 10px #f59e0b66}.mobile-user-row{color:#fff;background:#a78bfa0d;border:1px solid #a78bfa1a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;display:flex}.mobile-username{font-size:.95rem}.footer{background:var(--bg-surface);border-top:1px solid var(--border-glass);margin-top:60px;padding:80px 2rem 0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-logo{margin-bottom:1.5rem;display:inline-flex}.footer-desc{color:var(--text-muted);max-width:80%;margin-bottom:2rem;line-height:1.6}.social-links{gap:1rem;display:flex}.social-link{background:var(--bg-glass);width:40px;height:40px;color:var(--text-muted);border:1px solid var(--border-glass);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-link:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-3px)}.footer-heading{margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.footer-links{flex-direction:column;gap:1rem;display:flex}.footer-links a{color:var(--text-muted);align-items:center;transition:color .2s;display:inline-flex}.footer-links a:hover{color:var(--primary)}.coming-soon{background:var(--bg-glass);color:var(--secondary);border:1px solid var(--border-light);border-radius:10px;margin-left:.5rem;padding:.2rem .5rem;font-size:.65rem}.contact-col{flex-direction:column;gap:1rem;display:flex}.contact-item{color:var(--text-muted);align-items:flex-start;gap:1rem;display:flex}.contact-icon{color:var(--primary);flex-shrink:0;margin-top:3px}.mt-4{margin-top:1rem}.footer-bottom{border-top:1px solid var(--border-light);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.5rem 0;font-size:.875rem;display:flex}.powered-by-link{align-items:center;gap:.4rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.powered-by-link:hover{opacity:.85}.powered-label{color:var(--text-muted);font-size:.78rem;font-weight:400}.powered-brand{font-family:var(--font-display);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#0000;letter-spacing:.01em;-webkit-background-clip:text;background-clip:text;font-size:.9rem;font-weight:700}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (width<=640px){.footer{padding:50px 1.5rem 0}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-desc{max-width:100%}}.hero{background-color:var(--bg-base);flex-direction:column;align-items:center;min-height:100vh;padding-top:90px;display:flex;position:relative;overflow:hidden}.hero-grid-top,.hero-grid-bottom{z-index:0;pointer-events:none;background-image:linear-gradient(#5cb3b01f 1px,#0000 1px),linear-gradient(90deg,#5cb3b01f 1px,#0000 1px);background-size:80px 40px;width:200%;height:50vh;position:absolute;left:-50%}.hero-grid-top{transform-origin:top;top:0;transform:perspective(400px)rotateX(75deg)translateY(-100px);-webkit-mask-image:linear-gradient(#000 0%,#0000 90%)}.hero-grid-bottom{transform-origin:bottom;bottom:0;transform:perspective(400px)rotateX(75deg)translateY(100px)scaleY(-1);-webkit-mask-image:linear-gradient(#0000 10%,#000 100%)}.hero-glow-center{z-index:1;pointer-events:none;background:radial-gradient(#5cb3b047 0%,#0000 65%);width:1200px;height:500px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.hero-container{z-index:10;perspective:1200px;width:100%;transform-style:preserve-3d;flex-direction:column;align-items:center;display:flex;position:relative}.hero-content{max-width:900px}.hero-top-text{color:var(--accent);letter-spacing:.5px;margin-bottom:.75rem;font-size:1.15rem;font-weight:600}.hero-title{color:var(--text-main);letter-spacing:-2px;margin-bottom:1.5rem;font-size:5.5rem;font-weight:800}.title-gradient-1{background:linear-gradient(to right, var(--primary), var(--accent), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.title-gradient-2{background:linear-gradient(to right, var(--text-main), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:700px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.35rem;font-weight:600;line-height:1.6}.hero-cta{justify-content:center;display:flex}.btn-solid-purple{background:var(--primary);color:#fff;letter-spacing:2px;text-transform:uppercase;box-shadow:0 8px 25px var(--primary-glow);cursor:pointer;border:none;border-radius:9999px;padding:1.1rem 3.5rem;font-size:.95rem;font-weight:700;transition:all .3s}.btn-solid-purple:hover{background:var(--accent);box-shadow:0 12px 30px var(--primary-glow);transform:translateY(-2px)}.hero-dashboard-wrapper{width:100%;max-width:1200px;transform-style:preserve-3d;will-change:transform;pointer-events:none;margin-top:5rem;transition:transform .25s cubic-bezier(.1,.9,.2,1);position:relative;transform:rotateX(0)scale(1)translateY(0)}.dashboard-glow-edge{background:linear-gradient(90deg, transparent, var(--primary), var(--secondary), var(--primary), transparent);filter:blur(3px);z-index:12;border-radius:50%;height:2px;position:absolute;top:-1px;left:10%;right:10%}.dashboard-glass.vscode-theme{-webkit-backdrop-filter:none;z-index:11;background:#fff;border:1px solid #54b0ad33;border-bottom:none;border-radius:8px 8px 0 0;flex-direction:column;height:550px;font-family:Consolas,Courier New,monospace;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #54b0ad26}.dashboard-shine{pointer-events:none;z-index:20;mix-blend-mode:overlay;background:linear-gradient(135deg,#fff0 0%,#ffffff0a 40%,#ffffff26 50%,#ffffff0a 60%,#fff0 100%) 130% 130%/250% 250%;position:absolute;inset:0}.vscode-header{-webkit-user-select:none;user-select:none;background:#edf5f4;border-bottom:1px solid #54b0ad26;justify-content:space-between;align-items:center;height:35px;padding:0 1rem;display:flex}.window-controls{gap:8px;width:60px;display:flex}.control{border-radius:50%;width:12px;height:12px}.control.close{background:#ff5f56}.control.minimize{background:#ffbd2e}.control.maximize{background:#27c93f}.window-title{color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:500}.window-actions{color:var(--text-muted);justify-content:flex-end;gap:12px;width:60px;display:flex}.vscode-body{flex:1;display:flex;overflow:hidden}.vscode-activity-bar{background:#edf5f4;border-right:1px solid #54b0ad26;flex-direction:column;justify-content:space-between;width:50px;padding:10px 0;display:flex}.activity-top,.activity-bottom{flex-direction:column;align-items:center;gap:20px;display:flex}.activity-icon{color:var(--text-muted);cursor:pointer;justify-content:center;width:100%;transition:color .2s;display:flex;position:relative}.activity-icon.active:before{content:"";background:var(--primary);width:2.5px;position:absolute;top:-5px;bottom:-5px;left:0}.vscode-main{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-tabs{background:#edf5f4;height:35px;display:flex;overflow-x:auto}.editor-tabs::-webkit-scrollbar{display:none}.editor-tab{height:100%;color:var(--text-muted);cursor:pointer;background:#e2edea;border-right:1px solid #54b0ad1f;align-items:center;min-width:120px;padding:0 15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;display:flex}.editor-tab.active{color:var(--text-main);background:#fff}.editor-tab.active:after{content:"";background:var(--primary);width:100%;height:2px;position:absolute;top:0;left:0}.editor-tab{position:relative}.close-tab{opacity:0;margin-left:10px;font-size:1.2rem;line-height:1}.editor-tab:hover .close-tab,.editor-tab.active .close-tab{opacity:.7}.editor-breadcrumbs{color:var(--text-muted);background:#fff;border-bottom:1px solid #54b0ad1a;align-items:center;padding:6px 15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;display:flex}.mx-1{margin:0 4px}.editor-content-scroll{background:#fff;flex:1;padding:15px 0;font-size:.9rem;line-height:1.6;overflow:hidden}.code-line{white-space:pre;padding:0 15px;display:flex}.code-line:hover{background:#54b0ad0d}.line-number{color:#54b0ad99;text-align:right;-webkit-user-select:none;user-select:none;width:35px;margin-right:25px}.keyword{color:#d73a49}.variable{color:#005cc5}.string{color:#032f62}.function{color:#6f42c1}.punctuation{color:#24292e}.operator{color:#d73a49}.tag{color:#22863a}.attr{color:#6f42c1}.number{color:#005cc5}.hero-features-deck{z-index:20;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1200px;margin-top:4rem;margin-bottom:2rem;display:grid;position:relative}.feature-glass-card{background:var(--bg-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;align-items:flex-start;padding:2.2rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 30px #54b0ad0a}.feature-glass-card:hover{border-color:var(--primary);box-shadow:0 20px 40px #54b0ad14, 0 0 20px var(--primary-glow);transform:translateY(-5px)}.feature-card-icon-wrapper{width:48px;height:48px;color:var(--primary);background:#54b0ad1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:all .3s;display:flex}.feature-glass-card:hover .feature-card-icon-wrapper{background:var(--primary);color:#fff;box-shadow:0 0 15px var(--primary-glow)}.feature-card-title{color:var(--text-main);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.feature-card-description{color:var(--text-muted);font-size:.92rem;line-height:1.5}@media (width<=1024px){.hero{padding-top:130px}.hero-title{font-size:4rem}.hero-dashboard-wrapper{margin-top:3.5rem}.dashboard-glass.vscode-theme{height:480px}.vscode-activity-bar{width:42px}.vscode-activity-bar svg{width:17px!important;height:17px!important}.editor-tabs{height:32px}.editor-tab{flex:1;justify-content:center;min-width:auto;height:32px;padding:0 10px;font-size:.75rem}.hero-features-deck{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem;padding:0 1.5rem}}@media (width<=768px){.hero{justify-content:center;padding-top:80px}.hero-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:auto;margin-right:auto;display:flex}.hero-title{letter-spacing:-1px;margin-bottom:1rem;font-size:2.8rem}.hero-subtitle{margin-bottom:2.2rem;padding:0 1rem;font-size:1.1rem}.btn-solid-purple{letter-spacing:1px;padding:1rem 2.2rem;font-size:.85rem}.hero-dashboard-wrapper{margin-top:2.5rem;padding:0 1rem}.dashboard-glass.vscode-theme{border-radius:8px;height:410px;box-shadow:0 15px 40px #54b0ad1f}.vscode-header{height:28px;padding:0 .5rem}.window-controls{gap:5px;width:auto}.control{width:9px;height:9px}.window-title{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:60%;font-size:.65rem;overflow:hidden}.window-title-suffix{opacity:.75;font-size:.6rem;display:inline}.window-actions{gap:8px;width:auto;display:flex}.window-actions svg{width:11px!important;height:11px!important}.vscode-activity-bar{width:35px;padding:8px 0}.vscode-activity-bar svg{width:14px!important;height:14px!important}.activity-top,.activity-bottom{gap:15px}.editor-tabs{height:28px}.editor-tab{flex:1;justify-content:center;min-width:0;height:28px;padding:0 8px;font-size:.65rem}.editor-tab .file-icon{margin-right:3px;font-size:.65rem}.close-tab{margin-left:5px;font-size:.9rem}.editor-breadcrumbs{background:#fff;padding:4px 10px;font-size:.65rem;display:flex}.editor-breadcrumbs svg{width:10px!important;height:10px!important}.editor-content-scroll{padding:10px 0;font-size:.75rem}.code-line{padding:0 10px}.line-number{width:20px;margin-right:12px}}@media (width<=480px){.hero-title{margin-bottom:.75rem;font-size:2.1rem}.hero-subtitle{margin-bottom:1.75rem;font-size:.95rem;line-height:1.5}.hero-cta{width:100%;padding:0 1.5rem}.btn-solid-purple{letter-spacing:.5px;justify-content:center;align-items:center;width:100%;padding:.9rem 1.5rem;font-size:.78rem;display:flex}.hero-dashboard-wrapper{margin-top:2rem;padding:0 .75rem}.dashboard-glass.vscode-theme{height:350px}.vscode-activity-bar{width:28px;padding:5px 0}.vscode-activity-bar svg{width:11px!important;height:11px!important}.activity-top,.activity-bottom{gap:10px}.editor-tabs{height:24px}.editor-tab{height:24px;padding:0 4px;font-size:.58rem}.editor-tab .file-icon{margin-right:2px;font-size:.58rem}.close-tab{margin-left:3px;font-size:.8rem}.editor-breadcrumbs{padding:2px 6px;font-size:.58rem}.editor-breadcrumbs svg{width:8px!important;height:8px!important}.editor-content-scroll{padding:6px 0;font-size:.64rem;line-height:1.4}.code-line{padding:0 6px}.line-number{width:14px;margin-right:6px}.hero-features-deck{margin-top:2rem;padding:0 .75rem}.feature-glass-card{border-radius:16px;padding:1.5rem}.feature-card-icon-wrapper{width:40px;height:40px;margin-bottom:1rem}.feature-card-title{font-size:1.1rem}.feature-card-description{font-size:.85rem}}.trust-section{padding:4rem 0;position:relative;overflow:hidden}.trust-bg-glow{pointer-events:none;background:radial-gradient(60% 50% at 50% 100%,#5cb3b00f 0%,#0000 70%),radial-gradient(40% 35% at 15%,#cca5800d 0%,#0000 60%);position:absolute;inset:0}.trust-section .container{z-index:2;position:relative}.trust-header{text-align:center;margin-bottom:4rem}.trust-top-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:#5cb3b012;border:1px solid #5cb3b033;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.4rem 1.1rem;font-size:.7rem;font-weight:800;display:inline-flex}.trust-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-main);margin-bottom:1rem;font-size:2.85rem;font-weight:800;line-height:1.1}.trust-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.65}.trust-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;max-width:820px;margin:0 auto;display:grid}.trust-card{border-radius:20px;flex-direction:column;gap:1.25rem;padding:2rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;border-color:var(--card-border)!important}.trust-card:before{content:"";background:linear-gradient(90deg, transparent, var(--card-border), transparent);border-radius:20px 20px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.trust-card:after{content:"";background:var(--card-glow);filter:blur(40px);pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-40px;right:-40px}.trust-card:hover{box-shadow:0 24px 56px -12px var(--card-glow);transform:translateY(-8px)}.trust-verified-stamp{text-transform:uppercase;letter-spacing:.08em;color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.65rem;font-weight:800;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem}.trust-seal{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.trust-seal:after{content:"";opacity:.2;border:1.5px dashed;border-radius:50%;animation:20s linear infinite sealSpin;position:absolute;inset:-6px}@keyframes sealSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trust-seal-text{font-family:var(--font-display);letter-spacing:.06em;text-align:center;font-size:.75rem;font-weight:900;line-height:1.1}.trust-seal-img{object-fit:contain;z-index:1;width:70%;height:70%;position:relative}.trust-card-body{flex-direction:column;flex:1;gap:.35rem;display:flex}.trust-card-label{font-family:var(--font-display);font-size:1.05rem;font-weight:800;line-height:1.2}.trust-card-tagline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.trust-card-desc{color:var(--text-muted);margin-top:.25rem;font-size:.875rem;line-height:1.55}.trust-cert-strip{border:1px solid;border-radius:12px;flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.trust-cert-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.trust-cert-key{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem;font-weight:800}.trust-cert-val{color:var(--text-main);letter-spacing:.03em;font-family:Consolas,Courier New,monospace;font-size:.8rem;font-weight:700}.trust-cert-govt{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.72rem;line-height:1.3;display:flex}@media (width<=900px){.trust-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.trust-title{font-size:2.2rem}}@media (width<=560px){.trust-section{padding:3rem 0}.trust-title{font-size:1.85rem}.trust-card{padding:1.5rem}}.learning-experience-section{padding:4rem 0;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.lx-cyber-grid{pointer-events:none;z-index:1;background-image:radial-gradient(#5cb3b014 1.5px,#0000 1.5px),radial-gradient(#8b5cf608 1px,#0000 1px);background-position:0 0,8px 8px;background-size:32px 32px,16px 16px;position:absolute;inset:0}.lx-radial-glow-1{pointer-events:none;filter:blur(60px);z-index:2;will-change:transform;background:radial-gradient(circle,#5cb3b029 0%,#cca58008 50%,#0000 70%);width:750px;height:750px;position:absolute;top:10%;right:5%}.lx-radial-glow-2{pointer-events:none;filter:blur(70px);z-index:2;will-change:transform;background:radial-gradient(circle,#cca5801f 0%,#5cb3b005 45%,#0000 70%);width:700px;height:700px;position:absolute;bottom:5%;left:-5%}.lx-container{z-index:10;grid-template-columns:1.15fr .85fr;align-items:center;gap:5rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.lx-console-panel{flex-direction:column;align-items:flex-start;width:100%;display:flex}.lx-badge{letter-spacing:.15em;color:var(--primary);text-transform:uppercase;background:#f973160a;border:1px solid #f973162e;border-radius:100px;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.5rem 1.1rem;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #5cb3b014}.lx-badge-bullet{background-color:var(--primary);width:6px;height:6px;box-shadow:0 0 10px var(--primary);border-radius:50%;animation:2s ease-in-out infinite alternate badgePulse}@keyframes badgePulse{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.35)}}.lx-section-title{color:var(--text-main);letter-spacing:-2px;margin-bottom:1.5rem;font-size:3.6rem;font-weight:800;line-height:1.1}.lx-gradient-title{background:linear-gradient(135deg, var(--secondary), var(--accent), var(--secondary));color:#0000;filter:drop-shadow(0 0 35px #f973161f);-webkit-background-clip:text;background-clip:text}.lx-subtitle-text{color:var(--text-muted);max-width:620px;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.lx-forge-configurator{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);background:#ffffffd9;border-radius:12px;width:100%;margin-bottom:2rem;padding:1.5rem;box-shadow:0 10px 30px #0006}.lx-configurator-header{color:var(--primary);align-items:center;gap:.4rem;margin-bottom:1.25rem;display:flex}.lx-bracket-left,.lx-bracket-right{opacity:.8;font-family:monospace;font-size:1.2rem;font-weight:700}.lx-configurator-header h3{letter-spacing:.1em;color:var(--text-main);font-size:.85rem;font-weight:800}.lx-sliders-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:1.5rem;display:grid}.lx-slider-control{flex-direction:column;gap:.5rem;display:flex}.lx-slider-labels{justify-content:space-between;align-items:center;display:flex}.lx-label{color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:700}.lx-value{color:var(--primary);font-family:monospace;font-size:.8rem;font-weight:700}.lx-input-wrapper{align-items:center;height:20px;display:flex;position:relative}.lx-slider{appearance:none;background:var(--border-glass);z-index:5;cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;position:relative}.lx-slider-track-fill{background:linear-gradient(90deg, var(--secondary), var(--primary));z-index:2;pointer-events:none;border-radius:2px;height:4px;position:absolute;top:8px;left:0}.lx-slider::-webkit-slider-thumb{appearance:none;border:2.5px solid var(--primary);width:14px;height:14px;box-shadow:0 0 10px var(--primary);cursor:pointer;z-index:10;background:#fff;border-radius:50%;transition:transform .2s,box-shadow .2s;position:relative}.lx-slider::-webkit-slider-thumb:hover{box-shadow:0 0 14px var(--accent), 0 0 5px #fffc;transform:scale(1.2)}.lx-slider::-moz-range-thumb{border:2.5px solid var(--primary);width:14px;height:14px;box-shadow:0 0 10px var(--primary);cursor:pointer;z-index:10;background:#fff;border-radius:50%;transition:transform .2s,box-shadow .2s}.lx-slider::-moz-range-thumb:hover{box-shadow:0 0 14px var(--accent);transform:scale(1.2)}.lx-focus-selectors{border-top:1px solid var(--border-light);flex-direction:column;gap:.6rem;padding-top:1.25rem;display:flex}.lx-mini-tag{color:var(--text-muted);letter-spacing:.08em;font-size:.65rem;font-weight:700}.lx-selectors-row{gap:1rem;display:flex}.lx-selector-btn{border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;background:#54b0ad08;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-family:monospace;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.lx-btn-dot{background-color:#4b5563;border-radius:50%;width:6px;height:6px;transition:background-color .3s,box-shadow .3s}.lx-selector-btn:hover{background:var(--border-light);color:var(--text-main);border-color:#ffffff26}.lx-selector-btn.active{color:var(--text-main);background:#cca5801f;border-color:#8b5cf666;box-shadow:0 0 15px #8b5cf626}.lx-selector-btn.active .lx-btn-dot{background-color:var(--secondary);box-shadow:0 0 8px var(--secondary)}.lx-diagnostic-terminal{-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--border-glass);background:#ffffffd9;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 15px 45px -10px #000000b3,0 0 30px #f973160a}.lx-terminal-header{border-bottom:1.5px solid var(--border-glass);background:#5cb3b00f;justify-content:space-between;align-items:center;height:40px;padding:0 1rem;display:flex}.lx-terminal-tabs{gap:1.5rem;height:100%;display:flex}.lx-tab{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;height:100%;font-family:monospace;font-size:.75rem;font-weight:700;display:flex;position:relative}.lx-tab.active{color:var(--primary)}.lx-tab-indicator{background:var(--primary);width:6px;height:6px;box-shadow:0 0 6px var(--primary);border-radius:50%}.lx-window-controls{gap:.4rem;display:flex}.lx-win-dot{opacity:.8;border-radius:50%;width:10px;height:10px}.lx-win-dot.red{background-color:#ef4444}.lx-win-dot.yellow{background-color:#eab308}.lx-win-dot.green{background-color:#22c55e}.lx-terminal-screen{grid-template-columns:1fr 1.15fr;min-height:250px;display:grid}.lx-terminal-logs-pane{border-right:1px solid var(--border-glass);color:var(--accent);background:#fff;padding:1.25rem;font-family:monospace;font-size:.68rem;line-height:1.6;position:relative;overflow:hidden}.lx-terminal-logs-pane:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/6px 100%;position:absolute;inset:0}.lx-logs-inner{height:220px;padding-right:5px;overflow-y:auto}.lx-logs-inner::-webkit-scrollbar{width:4px}.lx-logs-inner::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:2px}.lx-log-line{word-break:break-all;opacity:.9;text-shadow:0 0 2px #10b98180;margin-bottom:.4rem;animation:.3s ease-out lineFadeIn}@keyframes lineFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:.9;transform:translateY(0)}}.lx-terminal-visuals-pane{background:linear-gradient(135deg,#ffffffe6 0%,#5cb3b005 100%);flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.lx-hologram-card{flex-direction:column;height:100%;display:flex}.lx-holo-header{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.lx-holo-badge{color:var(--secondary);letter-spacing:.05em;font-family:monospace;font-size:.65rem;font-weight:700}.lx-holo-header h4{color:var(--text-main);letter-spacing:-.5px;font-size:1.15rem;font-weight:800}.lx-holo-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem;line-height:1.45}.lx-metrics-list{flex-direction:column;gap:.65rem;margin-bottom:1.25rem;display:flex}.lx-metric-row{align-items:center;gap:.8rem;display:flex}.lx-metric-name{color:var(--text-muted);min-width:110px;font-size:.7rem;font-weight:700}.lx-metric-bar-container{background:var(--border-light);border-radius:100px;flex-grow:1;height:5px;overflow:hidden}.lx-metric-bar-fill{border-radius:100px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.lx-metric-bar-fill.orange{background:linear-gradient(90deg, var(--secondary), var(--primary));box-shadow:0 0 8px #f9731699}.lx-metric-bar-fill.purple{background:linear-gradient(90deg, var(--secondary), var(--primary));box-shadow:0 0 8px #8b5cf699}.lx-metric-percent{color:var(--text-main);text-align:right;min-width:32px;font-family:monospace;font-size:.75rem;font-weight:700}.lx-holo-interactive-preview{border-top:1px solid var(--border-light);flex-direction:column;flex-grow:1;justify-content:flex-end;padding-top:.85rem;display:flex}.lx-preview-title{color:var(--text-muted);margin-bottom:.5rem;font-family:monospace;font-size:.65rem;font-weight:700;display:block}.lx-preview-list{flex-wrap:wrap;gap:.4rem;display:flex}.lx-preview-badge{border:1px solid var(--border-glass);color:var(--text-main);background:#5cb3b00d;border-radius:4px;padding:.25rem .6rem;font-size:.65rem;font-weight:700;transition:all .3s}.lx-preview-badge:hover{color:var(--primary);background:#f9731614;border-color:#f9731640}.lx-commit-log{flex-direction:column;gap:.35rem;font-family:monospace;font-size:.68rem;display:flex}.lx-commit-line{color:var(--text-muted);gap:.6rem;display:flex}.lx-commit-hash{color:var(--primary);font-weight:700}.lx-domain-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.lx-domain-cell{text-align:center;border:1px solid var(--border-glass);color:var(--text-muted);background:#5cb3b00d;border-radius:4px;padding:.35rem 0;font-size:.65rem;font-weight:700}.lx-domain-cell.active{color:var(--primary);background:#8b5cf60d;border-color:#8b5cf640}.lx-expert-comment{background:#54b0ad08;border-radius:6px;align-items:flex-start;gap:.6rem;padding:.5rem;display:flex}.lx-expert-avatar{font-size:1rem}.lx-expert-comment p{color:var(--text-muted);font-size:.68rem;font-style:italic;line-height:1.35}.lx-salary-growth{background:#f973160a;border:1px dashed #f9731640;border-radius:6px;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.lx-salary-growth span{color:var(--text-muted);font-size:.65rem;font-weight:700}.lx-salary-growth strong{color:var(--accent);text-shadow:0 0 10px #ff50184d;font-size:1.2rem;font-weight:800}.lx-cert-preview{background:#cca5800d;border:1px solid #8b5cf626;border-radius:6px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.lx-cert-seal{filter:drop-shadow(0 0 4px var(--secondary));font-size:1.5rem}.lx-cert-preview div{flex-direction:column;display:flex}.lx-cert-title{color:var(--text-main);font-size:.7rem;font-weight:700}.lx-cert-blockchain{color:var(--secondary);font-family:monospace;font-size:.6rem}.lx-partner-scroller{white-space:nowrap;color:var(--primary);text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:4px;padding:.4rem;font-size:.7rem;font-weight:700;overflow:hidden}.lx-universe-panel{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.lx-autopilot-control{z-index:20;margin-bottom:2rem}.lx-autopilot-btn{color:var(--primary);letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 24px #0006, inset 0 1px 0 var(--border-light);background:#fffc;border:1.5px solid #8b5cf640;border-radius:100px;align-items:center;gap:.75rem;padding:.6rem 1.4rem;font-size:.72rem;font-weight:800;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.lx-autopilot-radar{background-color:var(--secondary);border-radius:50%;width:8px;height:8px;position:relative}.lx-autopilot-radar:after{content:"";border:1px solid var(--secondary);border-radius:50%;animation:1.8s linear infinite radarScale;position:absolute;inset:-4px}@keyframes radarScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.lx-autopilot-btn:hover{border-color:var(--secondary);color:var(--text-main);background:#8b5cf61a;transform:translateY(-2px);box-shadow:0 0 20px #8b5cf640}.lx-autopilot-btn.active{border-color:var(--primary);color:var(--text-main);background:#f973161f;box-shadow:0 0 22px #f9731640}.lx-autopilot-btn.active .lx-autopilot-radar{background-color:var(--primary)}.lx-autopilot-btn.active .lx-autopilot-radar:after{border-color:var(--primary)}.lx-constellation-map{background:radial-gradient(circle,#fffc 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:530px;height:530px;transition:all .5s;display:flex;position:relative}.lx-laser-network-svg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.lx-network-laser{stroke-dasharray:6 3;transition:all .5s}.lx-network-laser.active{stroke-dasharray:none;filter:drop-shadow(0 0 6px var(--accent));animation:2s infinite alternate laserPulseActive}.lx-network-laser.idle{opacity:.45}@keyframes laserPulseActive{0%{opacity:.7}to{opacity:1}}.lx-laser-pulse-dot{filter:drop-shadow(0 0 4px var(--accent))}.lx-central-reactor-container{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.lx-reactor-glow-field{pointer-events:none;z-index:1;background:radial-gradient(circle,#5cb3b033 0%,#cca5800d 50%,#0000 70%);width:250%;height:250%;position:absolute}.lx-reactor-ring{pointer-events:none;border-radius:50%;position:absolute}.lx-reactor-ring.outer{z-index:4;border:1.5px dashed #cca58066;width:154px;height:154px;animation:20s linear infinite spinClockwise}.lx-reactor-ring.inner{z-index:4;border:1px dotted #5cb3b080;width:142px;height:142px;animation:12s linear infinite spinCounterClockwise}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.lx-reactor-core-orb{z-index:5;cursor:pointer;background:radial-gradient(circle at 35% 35%,#ffffffe6 0%,#f4faf8f2 75%);border:2px solid #cca58066;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:relative;box-shadow:0 10px 30px #5cb3b026,0 0 25px #cca58033,inset 0 0 20px #cca58026}.lx-reactor-core-energy{z-index:2;background:radial-gradient(circle,#cca5804d 0%,#0000 60%);border-radius:50%;width:80%;height:80%;animation:3s ease-in-out infinite alternate energyPulse;position:absolute}@keyframes energyPulse{0%{opacity:.3;transform:scale(.85)}to{opacity:.8;transform:scale(1.1)}}.lx-reactor-logo-holder{z-index:10;background:#cca5801a;border:1px solid #cca5804d;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:inset 0 0 10px #cca58026}.lx-reactor-logo-letter{color:var(--accent);text-shadow:0 0 10px #cca58080;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:900}.lx-reactor-live-readout{text-align:center;pointer-events:none;z-index:5;flex-direction:column;align-items:center;width:180px;display:flex;position:absolute;top:155px}.lx-reactor-live-readout .lx-rpm{color:var(--text-main);letter-spacing:.05em;border:1px solid var(--border-glass);background:#ffffffd9;border-radius:4px;margin-bottom:.2rem;padding:.2rem .6rem;font-family:monospace;font-size:.72rem;font-weight:700;box-shadow:0 4px 10px #5cb3b026}.lx-reactor-live-readout .lx-power{color:var(--text-muted);letter-spacing:.1em;font-size:.55rem;font-weight:800}.lx-orbit-node-wrapper{z-index:15;cursor:pointer;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:absolute;transform:translate(-50%,-50%)}.lx-node-glow-aura{pointer-events:none;opacity:.5;background:radial-gradient(circle,#5cb3b026 0%,#0000 60%);border-radius:50%;width:140%;height:140%;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;transform:scale(.85)}.lx-orbit-node-wrapper.active .lx-node-glow-aura{opacity:1;background:radial-gradient(circle,#cca58040 0%,#0000 65%);transform:scale(1.15)}.lx-orbit-node-button{-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--border-glass);width:58px;height:58px;box-shadow:0 10px 25px -5px #5cb3b026, inset 0 1px 0 var(--bg-glass);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.lx-node-shine{pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff1a 0%,#0000 70%);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.lx-node-icon-wrapper{color:var(--primary);justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.lx-icon{fill:currentColor;width:100%;height:100%;transition:transform .4s}.lx-node-plate-label{color:var(--text-muted);letter-spacing:.05em;background:#ffffffb3;border:1px solid #5cb3b01a;border-radius:3px;padding:.1rem .4rem;font-family:monospace;font-size:.58rem;font-weight:700;transition:all .3s;position:absolute;top:64px}.lx-orbit-node-wrapper.active .lx-node-plate-label{color:var(--accent);background:#cca5801a;border-color:#cca5804d}.lx-orbit-node-wrapper.active .lx-orbit-node-button{background:#cca58014;border-color:#cca58080;box-shadow:0 12px 30px #cca58038,inset 0 0 12px #cca58026}.lx-orbit-node-wrapper.active .lx-node-icon-wrapper{color:var(--secondary);filter:drop-shadow(0 0 6px #cca58099)}.lx-orbit-node-wrapper:hover .lx-orbit-node-button{border-color:#5cb3b066;transform:scale(1.12);box-shadow:0 0 20px #5cb3b033}.lx-orbit-node-wrapper:hover .lx-node-icon-wrapper{transform:rotate(10deg)}.lx-node-quick-tooltip{-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;z-index:100;text-align:left;background:#fffffff0;border:1px solid #cca5804d;border-radius:8px;width:210px;padding:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:82px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 15px 30px #5cb3b026,0 0 15px #5cb3b01a}.lx-node-quick-tooltip:after{content:"";border:6px solid #0000;border-top-color:#cca5804d;position:absolute;top:100%;left:50%;transform:translate(-50%)}.lx-node-code{color:var(--accent);letter-spacing:.05em;margin-bottom:.25rem;font-family:monospace;font-size:.6rem;font-weight:700;display:block}.lx-node-name{color:var(--text-main);letter-spacing:-.2px;margin-bottom:.35rem;font-size:.85rem;font-weight:700}.lx-node-p{color:var(--text-muted);font-size:.72rem;line-height:1.35}.lx-orbit-node-wrapper:hover .lx-node-quick-tooltip{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=1200px){.lx-section-title{font-size:3.2rem}.lx-container{gap:3rem}.lx-constellation-map{width:440px;height:440px}.lx-central-reactor-container{width:100px;height:100px}.lx-reactor-ring.outer{width:122px;height:122px}.lx-reactor-ring.inner{width:112px;height:112px}.lx-reactor-live-readout{top:125px}}@media (width<=991px){.lx-container{grid-template-columns:1fr;gap:4rem}.lx-console-panel{text-align:center;align-items:center}.lx-badge{margin-bottom:1.25rem}.lx-subtitle-text{margin-bottom:2rem}.lx-terminal-screen{grid-template-columns:1fr;min-height:auto}.lx-terminal-logs-pane{border-right:none;border-bottom:1px solid var(--border-light);height:140px}.lx-logs-inner{height:110px}.lx-terminal-visuals-pane{padding:1.5rem}}@media (width<=640px){.lx-section-title{letter-spacing:-1.2px;font-size:2.5rem}.lx-sliders-grid{grid-template-columns:1fr;gap:1.25rem}.lx-focus-selectors{align-items:center}.lx-selectors-row{flex-wrap:wrap;justify-content:center;gap:.6rem}.lx-constellation-map{width:320px;height:320px}.lx-orbit-node-wrapper{width:58px;height:58px}.lx-orbit-node-button{width:46px;height:46px}.lx-node-plate-label,.lx-node-quick-tooltip{display:none}.lx-central-reactor-container{width:80px;height:80px}.lx-reactor-ring.outer{width:98px;height:98px}.lx-reactor-ring.inner{width:88px;height:88px}.lx-reactor-logo-holder{width:38px;height:38px}.lx-reactor-logo-letter{font-size:1.3rem}.lx-reactor-live-readout{top:105px}.lx-node-icon-wrapper{width:18px;height:18px}}@media (width<=380px){.lx-constellation-map{width:280px;height:280px}}.cpg-section{background-color:var(--bg-base);padding:5rem 0;position:relative;overflow:hidden}.cpg-bg-glow{pointer-events:none;background:radial-gradient(55% 50% at 15% 55%,#5cb3b00f 0%,#0000 70%),radial-gradient(45% 40% at 85% 25%,#cca5800d 0%,#0000 65%);position:absolute;inset:0}.cpg-section .container{z-index:2;position:relative}.cpg-header{text-align:center;margin-bottom:4rem}.cpg-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#5cb3b012;border:1px solid #5cb3b02e;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.2rem;padding:.4rem 1.1rem;font-size:.72rem;font-weight:700;display:inline-flex}.cpg-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-main);margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.1}.cpg-subtitle{color:var(--text-muted);max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.65}.cpg-grid{grid-template-columns:1.25fr .75fr;align-items:start;gap:3rem;display:grid}.cpg-ide-wrap{width:100%;min-width:0}.vscode-window{background:#fcfdfd;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;height:480px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 20px 45px -10px #0f172a1f,0 5px 15px #0f172a0a}.vscode-window:hover{box-shadow:0 30px 60px -15px #0f172a2e,0 10px 20px #0f172a0f}.vscode-titlebar{-webkit-user-select:none;user-select:none;background:#ebeef1;border-bottom:1px solid #cbd5e1;justify-content:space-between;align-items:center;height:38px;min-height:38px;padding:0 12px;display:flex}.vscode-window-controls{align-items:center;gap:8px;display:flex}.vscode-dot.close{background:#ff5f56;border:.5px solid #e0443e}.vscode-dot.minimize{background:#ffbd2e;border:.5px solid #dea123}.vscode-dot.expand{background:#27c93f;border:.5px solid #1aab29}.vscode-title{color:#475569;letter-spacing:.02em;font-size:.75rem;font-weight:500}.vscode-layout-controls{color:#64748b;cursor:pointer;gap:12px;display:flex}.vscode-layout-controls svg:hover{color:#0f172a}.vscode-workspace{flex:1;min-height:0;display:flex}.activity-icon{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;padding:8px;transition:color .15s;display:flex;position:relative}.activity-icon.active{color:#5cb3b0}.activity-icon.active:after{content:"";background:#5cb3b0;border-radius:0 4px 4px 0;width:3px;height:70%;position:absolute;top:15%;left:0}.vscode-activitybar-bottom{justify-content:center;width:100%;display:flex}.sidebar-header{color:#475569;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:.68rem;font-weight:700}.tree-folder-root{flex-direction:column;gap:2px;display:flex}.tree-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:4px 8px;font-family:inherit;font-size:.78rem;transition:background .15s,color .15s;display:flex}.tree-item.active{color:#0f172a;background:#e2e8f0;font-weight:600}.vscode-icon-react{color:#06b6d4}.vscode-icon-css{color:#3b82f6}.tree-file-icon{margin-left:2px}.tree-folder-content{border-left:1px solid #cbd5e1;flex-direction:column;gap:2px;margin-top:2px;margin-bottom:2px;margin-left:12px;padding-left:4px;display:flex}.tree-folder-content.nested{margin-left:10px}.vscode-editor-area{background:#fcfdfd;flex-direction:column;flex:1;min-width:0;display:flex}.vscode-tabbar{scrollbar-width:none;background:#ebeef1;border-bottom:1px solid #cbd5e1;display:flex;overflow-x:auto}.vscode-tabbar::-webkit-scrollbar{display:none}.vscode-tab{color:#475569;cursor:pointer;background:#ebeef1;border:none;border-right:1px solid #cbd5e1;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.76rem;transition:background .15s,color .15s;display:flex;position:relative}.vscode-tab.active{color:#0f172a;background:#fcfdfd;font-weight:600}.vscode-tab.active:after{content:"";background:#a855f7;height:2px;position:absolute;top:0;left:0;right:0}.tab-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.tab-close-icon{color:#94a3b8;border-radius:3px;margin-left:4px;padding:1px}.vscode-breadcrumbs{color:#64748b;-webkit-user-select:none;user-select:none;background:#fcfdfd;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;padding:8px 16px;font-size:.7rem;display:flex}.vscode-code-body{color:#334155;background:#fcfdfd;flex:1;padding:16px;font-family:Consolas,Fira Code,Courier New,monospace;font-size:.84rem;line-height:1.6;overflow:hidden}.vscode-line{min-height:1.5rem;display:flex}.vscode-ln{text-align:right;color:#94a3b8;-webkit-user-select:none;user-select:none;width:2rem;margin-right:1.25rem;font-size:.78rem}.vscode-tokens{white-space:pre-wrap;word-wrap:break-word;word-break:break-word;flex:1}.vscode-tokens span{white-space:pre-wrap;display:inline}.vscode-no-file{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:.88rem;display:flex}.no-file-icon{color:#cbd5e1}.vstok-kw{color:#d63384;font-weight:600}.vstok-fn{color:#d97706}.vstok-st{color:#b45309}.vstok-tag{color:#4f46e5}.vstok-comp{color:#0d9488;font-weight:600}.vstok-prop{color:#2563eb}.vstok-sel{color:#8b5cf6;font-weight:600}.vstok-val{color:#0891b2}.vstok-co{color:#64748b;font-style:italic}.vstok-tx{color:#334155}.cpg-features{flex-direction:column;gap:1.2rem;display:flex}.cpg-features-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.68rem;font-weight:800}.cpg-feature{border-radius:14px;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s,box-shadow .25s;display:flex}.cpg-feature:hover{transform:translate(5px);box-shadow:0 10px 28px -8px #5cb3b01a;border-color:#5cb3b059!important}.cpg-feature-icon{width:40px;height:40px;color:var(--primary);background:#5cb3b014;border:1px solid #5cb3b026;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cpg-feature-title{font-family:var(--font-display);color:var(--text-main);margin-bottom:.3rem;font-size:1rem;font-weight:700;line-height:1.2}.cpg-feature-body{color:var(--text-muted);font-size:.875rem;line-height:1.55}.cpg-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #5cb3b01f;border-radius:14px;justify-content:space-between;align-items:center;margin-top:.4rem;padding:1.25rem 1.75rem;display:flex}.cpg-stat{flex-direction:column;flex:1;align-items:center;gap:.2rem;display:flex}.cpg-stat-num{font-family:var(--font-display);color:var(--accent);font-size:2rem;font-weight:800;line-height:1}.cpg-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:.72rem;font-weight:600}.cpg-stat-div{background:#5cb3b026;flex-shrink:0;width:1px;height:36px}@media (width<=1024px){.cpg-grid{grid-template-columns:1fr;gap:2.5rem}.cpg-title{font-size:2.5rem}.vscode-window{height:420px}}@media (width<=768px){.vscode-sidebar{display:none}}@media (width<=480px){.cpg-section{padding:3rem 0}.cpg-title{font-size:2rem}.vscode-activitybar{display:none}.vscode-window{height:360px}.vscode-code-body{padding:10px;font-size:.78rem}.vscode-ln{width:1.5rem;margin-right:.8rem}.cpg-stats{padding:1rem 1.25rem}.cpg-stat-num{font-size:1.6rem}}@media (width<=360px){.vscode-window{height:340px}.vscode-titlebar{padding:0 8px}.vscode-layout-controls{display:none}.vscode-title{font-size:.7rem}.vscode-tab{gap:4px;padding:6px 10px;font-size:.7rem}.vscode-breadcrumbs{gap:4px;padding:6px 10px;font-size:.65rem}.vscode-code-body{padding:8px 10px;font-size:.76rem}.vscode-ln{width:1.2rem;margin-right:.6rem;font-size:.72rem}}.graph-section{padding:4rem 0;position:relative;overflow:hidden}.graph-bg-grid{z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#5cb3b014 1px,#0000 1px),linear-gradient(#5cb3b014 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.graph-ambient-glow{z-index:1;pointer-events:none;background:radial-gradient(circle,#5cb3b026 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-header{z-index:2;margin-bottom:4rem;position:relative}.graph-badge{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;background:#5cb3b00d;border:1px solid #5cb3b01f;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.75rem;font-weight:600;display:inline-flex}.graph-title{letter-spacing:-.03em;color:var(--text-main);margin-bottom:1.5rem;font-size:3rem;font-weight:800}.graph-subtitle{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:1.15rem;line-height:1.6}.graph-workspace-grid{z-index:2;grid-template-columns:1.5fr 1fr;align-items:stretch;gap:2rem;display:grid;position:relative}.network-chart-container{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 15px 35px -10px #54b0ad0d}.network-title-bar{border-bottom:1px solid var(--border-glass);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;background:#5cb3b00f;align-items:center;padding:1rem 1.5rem;font-size:.8rem;font-weight:700;display:flex}.glow-green{color:#10b981;filter:drop-shadow(0 0 4px #10b981)}.svg-canvas-wrapper{background:radial-gradient(circle,#fff9 0%,#5cb3b005 100%);flex-grow:1;justify-content:center;align-items:center;padding:2rem;display:flex}.svg-network-canvas{width:100%;height:auto;max-height:600px}.connection-line{stroke:#5cb3b026;stroke-width:2.5px;stroke-linecap:round}.laser-glow-line{stroke:var(--primary);stroke-width:3.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--primary));stroke-dasharray:12 12;animation:1.5s linear infinite laserFlow}@keyframes laserFlow{to{stroke-dashoffset:-48px}}.node-circle{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.node-pulse{fill:none;stroke-width:1.5px;opacity:.15;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tier-1{fill:#3b82f6;stroke:#3b82f6}.tier-2{fill:#a855f7;stroke:#a855f7}.tier-3{fill:#ec4899;stroke:#ec4899}.tier-4{fill:#f97316;stroke:#f97316}.node-group:hover .node-circle,.node-group.selected .node-circle{r:12px}.node-group:hover .node-pulse,.node-group.selected .node-pulse{r:22px;stroke-width:2.5px;opacity:.4;animation:2s linear infinite pulseRotate}@keyframes pulseRotate{0%{stroke-dasharray:4 10;stroke-dashoffset:0}to{stroke-dasharray:4 10;stroke-dashoffset:-14px}}.node-text-label{fill:var(--text-muted);font-family:var(--font-display);pointer-events:none;font-size:.75rem;font-weight:600;transition:all .3s}.node-group:hover .node-text-label,.node-group.selected .node-text-label{fill:var(--text-main);font-size:.8rem;font-weight:700}.tier-legend-row{border-top:1px solid var(--border-glass);background:#5cb3b00a;justify-content:center;gap:1.5rem;padding:1.2rem;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:inline-flex}.legend-item .dot{border-radius:50%;width:8px;height:8px}.dot.t1{background:#3b82f6}.dot.t2{background:#a855f7}.dot.t3{background:#ec4899}.dot.t4{background:#f97316}.spec-metrics-panel{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:20px;flex-direction:column;justify-content:space-between;padding:2rem;display:flex;box-shadow:0 15px 35px -10px #54b0ad0d}.gauge-outer-box{text-align:center;margin-bottom:2rem}.gauge-headline{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:1.5rem;font-size:.85rem;font-weight:700}.speedometer-widget{flex-direction:column;justify-content:flex-end;align-items:center;width:200px;height:120px;margin:0 auto;display:flex;position:relative;overflow:hidden}.speedometer-scale{border:10px solid #5cb3b01a;border-top-color:var(--primary);border-right-color:var(--secondary);border-left-color:#5cb3b008;border-radius:50%;width:180px;height:180px;position:absolute;top:10px;transform:rotate(-45deg)}.speedometer-needle-pivot{background:var(--primary);width:16px;height:16px;box-shadow:0 0 10px var(--primary-glow);z-index:5;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.speedometer-needle{background:linear-gradient(to top, var(--primary) 30%, var(--secondary) 100%);transform-origin:bottom;z-index:4;border-radius:4px;width:4px;height:80px;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:0;left:calc(50% - 2px)}.dial-glow-fill{z-index:1;background:radial-gradient(circle,#5cb3b01a 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.speedometer-value-box{z-index:6;flex-direction:column;align-items:center;margin-top:1rem;display:flex;position:relative}.speedometer-value-box .val-text{font-size:2.2rem;font-family:var(--font-display);color:var(--text-main);font-weight:800;line-height:1}.speedometer-value-box .lbl-text{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-top:.2rem;font-size:.65rem;font-weight:700}.node-info-breakdown{flex-direction:column;gap:1.2rem;display:flex}.info-meta-row{justify-content:space-between;align-items:center;display:flex}.spec-role-tag{color:var(--accent);background:#5cb3b01a;border:1px solid #5cb3b033;border-radius:4px;padding:.2rem .6rem;font-size:.65rem;font-weight:800}.spec-diff-tag{color:var(--text-muted);font-size:.65rem;font-weight:600}.info-headline{color:var(--text-main);font-size:1.4rem;font-weight:800;line-height:1.2}.info-desc{color:var(--text-muted);font-size:.85rem;line-height:1.5}.divider-spec{background:var(--border-light);border:0;height:1px}.unlocked-project-box{border:1px solid var(--border-glass);background:#5cb3b008;border-radius:8px;padding:1rem}.project-headline-row{color:var(--secondary);text-transform:uppercase;letter-spacing:.02em;align-items:center;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:flex}.project-text{color:var(--text-main);font-size:.8rem;font-weight:500;line-height:1.4}.inquire-syllabus-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;width:100%;box-shadow:0 8px 20px var(--primary-glow);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.inquire-syllabus-btn:hover{box-shadow:0 12px 25px var(--primary-glow);filter:brightness(1.05);transform:translateY(-2px)}@media (width<=1024px){.graph-workspace-grid{grid-template-columns:1fr}.spec-metrics-panel{height:auto}}@media (width<=768px){.graph-title{font-size:2.2rem}.svg-canvas-wrapper{padding:.5rem}.svg-network-canvas{max-height:300px}.tier-legend-row{flex-wrap:wrap;gap:.8rem}}.pricing-section{background-color:var(--bg-base);padding:4rem 0;position:relative;overflow:hidden}.pricing-bg-decor{filter:blur(100px);pointer-events:none;z-index:1;background:radial-gradient(circle,#cca5800d 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:-20%}.pricing-section .container{z-index:2;position:relative}.pricing-header{margin-bottom:5rem}.pricing-badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:#b48a60;background:#cca58014;border:1px solid #cca58033;border-radius:9999px;align-items:center;gap:.25rem;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.glow-gold{color:var(--secondary);filter:drop-shadow(0 0 4px var(--secondary-glow))}.pricing-title{letter-spacing:-.02em;color:var(--text-main);margin-bottom:1.25rem;font-size:3rem;font-weight:800;line-height:1.1}.pricing-subtitle{max-width:680px;color:var(--text-muted);margin:0 auto;font-size:1.1rem;line-height:1.6}.pricing-showcase-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1000px;margin:0 auto;display:grid}.pricing-compare-hud{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:24px;flex-direction:column;padding:1.25rem;display:flex;box-shadow:0 20px 40px -15px #5cb3b00a}.hud-header{color:var(--text-main);border-bottom:1px solid #5cb3b01a;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;font-size:1.1rem;font-weight:800;display:flex}.hud-intro-text{color:var(--text-muted);margin-bottom:2rem;font-size:.88rem;line-height:1.5}.comparison-timeline{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.comparison-item{flex-direction:column;gap:.4rem;display:flex}.comp-meta{color:var(--text-main);justify-content:space-between;font-size:.82rem;font-weight:700;display:flex}.comp-price.strike{color:var(--text-muted);opacity:.75;text-decoration:line-through}.comp-price.best{color:var(--accent);font-weight:800}.comp-bar-track{background:#5cb3b014;border-radius:9999px;width:100%;height:8px;overflow:hidden}.comp-bar-fill{border-radius:9999px;height:100%}.comp-bar-fill.bad{background:linear-gradient(90deg,#ef4444,#f87171)}.comp-bar-fill.average{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.comp-bar-fill.best{background:linear-gradient(90deg, var(--secondary), var(--primary));box-shadow:0 0 10px var(--primary-glow)}.comp-verdict{color:var(--text-muted);font-size:.72rem}.animate-pulse-glow{animation:2.5s ease-in-out infinite alternate barPulse}@keyframes barPulse{0%{transform:scale(1)}to{transform:scale(1.01)}}.hud-trust-info{color:var(--text-muted);border-top:1px dashed #5cb3b01f;align-items:flex-start;gap:.65rem;padding-top:1.25rem;font-size:.8rem;line-height:1.4;display:flex}.single-plan-wrapper{justify-content:center;display:flex}.single-plan-card{border:1px solid var(--border-glass);background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:440px;padding:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 20px 45px -15px #5cb3b014}.single-plan-card:hover{border-color:#5cb3b073;transform:translateY(-8px);box-shadow:0 30px 60px -10px #5cb3b02e}.single-plan-card.featured-plan{border-color:var(--secondary);background:linear-gradient(#fff 0%,#cca58008 100%);box-shadow:0 25px 50px -15px #cca58026}.single-plan-card.featured-plan:hover{border-color:#b48a60;box-shadow:0 30px 65px -10px #cca5804d}.plan-pill-ribbon{color:#fff;letter-spacing:.05em;background:#b48a60;border-radius:9999px;align-items:center;padding:.25rem .65rem;font-size:.65rem;font-weight:800;animation:2s infinite alternate glowRibbon;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem}@keyframes glowRibbon{0%{box-shadow:0 0 5px #b48a604d}to{box-shadow:0 0 12px #b48a60b3}}.plan-header-block{margin-bottom:1.75rem}.plan-name{color:var(--text-main);margin-bottom:.25rem;font-size:1.85rem;font-weight:800}.plan-tagline{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.billing-toggle-container{background:#5cb3b00f;border:1px solid #5cb3b01f;border-radius:12px;margin-bottom:1.5rem;padding:.3rem;display:inline-flex}.toggle-tab{color:var(--text-muted);border-radius:8px;padding:.45rem 1rem;font-size:.78rem;font-weight:700;transition:all .2s;position:relative}.toggle-tab.active{color:var(--accent);background:#fff;box-shadow:0 2px 8px #0000000d}.discount-tag{color:#166534;background:#4ade8026;border-radius:4px;margin-left:.15rem;padding:.1rem .35rem;font-size:.62rem}.plan-price-row{align-items:flex-end;line-height:1;display:flex}.price-symbol{color:var(--text-main);margin-bottom:.25rem;margin-right:.15rem;font-size:1.5rem;font-weight:700}.price-val{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.02em;font-size:3.5rem;font-weight:800}.price-period{color:var(--text-muted);margin-bottom:.45rem;margin-left:.2rem;font-size:.9rem;font-weight:500}.yearly-billed-disclaimer{color:#166534;margin-top:.5rem;font-size:.72rem;font-weight:600}.plan-divider{border:none;border-top:1px solid #5cb3b01f;margin-bottom:1.75rem}.plan-body-block{flex:1;margin-bottom:2rem}.plan-features-list{flex-direction:column;gap:.85rem;display:flex}.feature-item{color:var(--text-muted);align-items:flex-start;gap:.65rem;font-size:.88rem;line-height:1.4;display:flex}.feature-check{flex-shrink:0;margin-top:.2rem}.unlock-plan-cta-btn{background:linear-gradient(135deg, var(--secondary), #b48a60);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.1rem;font-size:.92rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #cca58066}.unlock-plan-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #cca580a6}.unlock-plan-cta-btn:active{transform:translateY(0)}.price-cloud-note{color:var(--text-muted);opacity:.75;justify-content:center;align-items:center;margin-top:.85rem;font-size:.68rem;display:flex}.modal-backdrop-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0b0f1966;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out forwards modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content-card{background:#fff;border:1px solid #5cb3b033;border-radius:24px;width:90%;max-width:520px;padding:3rem;position:relative;box-shadow:0 30px 60px -15px #00000026}.animate-modal-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards modalSlideUp}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{width:32px;height:32px;color:var(--text-muted);background:#5cb3b00d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close-btn:hover{color:#dc2626;background:#dc262614;transform:rotate(90deg)}.modal-header-section{text-align:center;margin-bottom:1.5rem}.modal-header-section h3{color:var(--text-main);margin-bottom:.25rem;font-size:1.45rem;font-weight:800}.modal-header-section p{color:var(--text-muted);font-size:.85rem}.modal-tier-summary{background:#5cb3b00a;border:1px dashed #5cb3b033;border-radius:12px;margin-bottom:1.75rem;padding:1rem 1.25rem}.summary-row{color:var(--text-main);justify-content:space-between;margin-bottom:.25rem;font-size:.82rem;display:flex}.summary-row:last-child{margin-bottom:0}.modal-equity-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;font-size:.72rem;font-weight:800}.form-group input,.form-group select{width:100%;color:var(--text-main);background:#fff;border:1px solid #5cb3b040;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.85rem}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5cb3b01f}.submit-modal-grant-btn{background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 4px 15px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.95rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.submit-modal-grant-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5cb3b08c}.modal-success-pane{flex-direction:column;align-items:center;display:flex}.modal-success-pane h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.success-para{color:var(--text-muted);max-width:400px;margin-bottom:1.5rem;font-size:.85rem;line-height:1.5}.voucher-code-box{background:linear-gradient(135deg,#cca5800d,#5cb3b00d);border:1.5px dashed #cca58066;border-radius:14px;width:100%;margin-bottom:1.75rem;padding:1.25rem;position:relative}.voucher-label{color:#b48a60;letter-spacing:.08em;margin-bottom:.35rem;font-size:.65rem;font-weight:800;display:block}.voucher-code-display{font-family:var(--font-display);color:var(--accent);letter-spacing:.05em;font-size:1.45rem;font-weight:800}.voucher-expiry{color:var(--text-muted);opacity:.75;margin-top:.35rem;font-size:.65rem;display:block}.success-stats-table{border-top:1px solid #5cb3b01f;flex-direction:column;gap:.5rem;width:100%;margin-bottom:2rem;padding-top:1rem;display:flex}.success-row{color:var(--text-main);justify-content:space-between;font-size:.82rem;display:flex}.close-success-modal-btn{background:var(--text-main);color:#fff;border-radius:12px;width:100%;padding:.95rem;font-size:.88rem;font-weight:700;transition:all .2s}.close-success-modal-btn:hover{background:var(--accent)}@media (width<=1024px){.pricing-showcase-grid{grid-template-columns:1fr;gap:2.5rem}.single-plan-card{padding:2.5rem}}@media (width<=640px){.pricing-title{font-size:2.25rem}.modal-content-card{padding:2rem}}.faq-section{background-color:var(--bg-base);padding:4rem 0;position:relative;overflow:hidden}.faq-radial-spot{filter:blur(100px);pointer-events:none;z-index:1;background:radial-gradient(circle,#5cb3b00d 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-10%;right:-10%}.faq-section .container{z-index:2;position:relative}.faq-header{margin-bottom:4rem}.faq-badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:#5cb3b00f;border:1px solid #5cb3b026;border-radius:9999px;align-items:center;gap:.25rem;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.faq-title{letter-spacing:-.02em;color:var(--text-main);margin-bottom:1.25rem;font-size:3rem;font-weight:800;line-height:1.1}.faq-subtitle{max-width:680px;color:var(--text-muted);margin:0 auto;font-size:1.1rem;line-height:1.6}.faq-tabs-navigation{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3.5rem;display:flex}.faq-cat-tab-btn{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-muted);border-radius:9999px;align-items:center;gap:.65rem;padding:.8rem 1.6rem;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #5cb3b005}.faq-cat-tab-btn:hover{color:var(--text-main);background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #5cb3b00f}.faq-cat-tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.faq-cat-tab-btn svg{transition:transform .25s}.faq-cat-tab-btn.active svg{transform:scale(1.15)}.faq-accordion-viewport{flex-direction:column;gap:1.25rem;max-width:800px;margin:0 auto;display:flex}.faq-accordion-item{flex-direction:column;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 10px 25px -15px #5cb3b00d}.faq-accordion-item:hover{border-color:#5cb3b059;transform:scale(1.005);box-shadow:0 15px 30px -10px #5cb3b01a}.faq-accordion-item.active-item{background:#fff;border-color:#5cb3b073;box-shadow:0 20px 40px -15px #5cb3b01f}.faq-accordion-trigger{text-align:left;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;width:100%;padding:1.75rem 2rem;display:flex}.faq-question-text{font-family:var(--font-display);color:var(--text-main);padding-right:1.5rem;font-size:1.15rem;font-weight:800;line-height:1.4;transition:color .2s}.faq-accordion-item:hover .faq-question-text,.faq-accordion-item.active-item .faq-question-text{color:var(--accent)}.faq-chevron-wrapper{width:32px;height:32px;color:var(--accent);background:#5cb3b00d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.faq-accordion-item:hover .faq-chevron-wrapper{color:var(--accent);background:#5cb3b01a}.faq-chevron-wrapper.rotated{background:var(--accent);color:#fff;transform:rotate(180deg)}.faq-accordion-collapse-panel{transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.faq-answer-inner{border-top:1px dashed #5cb3b014;padding:0 2rem 1.75rem}.faq-answer-inner p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.faq-contact-cta{color:var(--text-muted);margin-top:5rem;font-size:.9rem}.contact-mail-link{color:var(--accent);text-underline-offset:4px;font-weight:700;text-decoration:underline;transition:color .2s}.contact-mail-link:hover{color:var(--primary)}@media (width<=640px){.faq-title{font-size:2.25rem}.faq-accordion-trigger{padding:1.25rem 1.5rem}.faq-answer-inner{padding:0 1.5rem 1.25rem}.faq-question-text{font-size:1rem}.faq-cat-tab-btn{padding:.65rem 1.25rem;font-size:.8rem}}.courses-page{min-height:100vh}.courses-hero{text-align:center;padding:9rem 0 5rem;position:relative;overflow:hidden}.courses-hero-glow{pointer-events:none;background:radial-gradient(70% 60% at 50% 0,#5cb3b01a 0%,#0000 70%);position:absolute;inset:0}.courses-hero-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#5cb3b012;border:1px solid #5cb3b02e;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.2rem;padding:.4rem 1.1rem;font-size:.72rem;font-weight:700;display:inline-flex}.courses-hero-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-main);margin-bottom:1.1rem;font-size:3.2rem;font-weight:800;line-height:1.1}.courses-hero-sub{color:var(--text-muted);max-width:560px;margin:0 auto;font-size:1.1rem;line-height:1.65}.courses-body{margin:0 40px;padding:2rem 0 7rem}.courses-tabs{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.courses-tab{cursor:pointer;font-family:var(--font-sans);background:#ffffff80;border:1px solid #5cb3b01f;border-radius:14px;align-items:center;gap:.85rem;padding:1rem 1.4rem;transition:all .25s;display:flex}.courses-tab:hover{background:#5cb3b00a;border-color:#5cb3b040}.ct-icon{flex-shrink:0;display:flex}.ct-info{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.ct-tag{letter-spacing:.06em;border-radius:4px;padding:.1rem .45rem;font-size:.6rem;font-weight:800}.ct-label{color:var(--text-main);white-space:nowrap;font-size:.88rem;font-weight:600}.courses-detail{grid-template-columns:1fr .75fr;gap:3rem;padding:2.5rem;animation:.3s ease-out fadeIn;display:grid}.cd-left{flex-direction:column;gap:1.5rem;display:flex}.cd-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;padding:.25rem .8rem;font-size:.7rem;font-weight:800;display:inline-block}.badge-hot{color:#92750a;background:#f7df1e26;border:1px solid #f7df1e4d}.badge-trending{color:#6d28d9;background:#a78bfa1f;border:1px solid #a78bfa40}.badge-new{color:#065f46;background:#34d3991a;border:1px solid #34d39933}.cd-title{font-family:var(--font-display);color:var(--text-main);font-size:2rem;font-weight:800;line-height:1.1}.cd-headline{color:var(--text-muted);font-size:1rem;line-height:1.6}.cd-meta{flex-wrap:wrap;gap:1.5rem;display:flex}.cd-meta-item{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.88rem;font-weight:500;display:flex}.star-icon{color:#f59e0b}.cd-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem;font-size:.65rem;font-weight:800}.cd-skill-grid{grid-template-columns:1fr 1fr;gap:.5rem 1rem;display:grid}.cd-skill-item{color:var(--text-main);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.cd-check{color:var(--primary);flex-shrink:0}.cd-cta{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:12px;align-items:center;gap:.6rem;width:fit-content;padding:.85rem 1.75rem;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px -6px #5cb3b066}.cd-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px -6px #5cb3b080}.cd-right{flex-direction:column;gap:1rem;display:flex}.cd-project-card{background:#ffffffb3;border:1px solid #5cb3b01a;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .22s;display:flex}.cd-project-card:hover{border-color:#5cb3b04d;transform:translate(4px)}.cd-proj-num{font-family:var(--font-display);color:#5cb3b033;flex-shrink:0;font-size:1.5rem;font-weight:800}.cd-proj-name{color:var(--text-main);flex:1;font-size:.9rem;font-weight:600}.cd-proj-arrow{color:var(--text-muted);flex-shrink:0}.cd-price-box{background:linear-gradient(135deg,#5cb3b00f,#cca5800f);border:1px solid #5cb3b026;border-radius:14px;margin-top:.5rem;padding:1.25rem 1.4rem}.cd-price-top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.cd-price-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.cd-price-num{font-family:var(--font-display);color:var(--text-main);font-size:1.8rem;font-weight:800}.cd-price-mo{color:var(--text-muted);font-size:1rem;font-weight:500}.cd-price-note{color:var(--text-muted);font-size:.8rem;line-height:1.4}@media (width<=900px){.courses-detail{grid-template-columns:1fr}.courses-hero-title{font-size:2.4rem}}@media (width<=560px){.courses-hero-title{font-size:1.9rem}.cd-skill-grid{grid-template-columns:1fr}}.about-page{min-height:100vh}.about-hero{text-align:center;padding:9rem 0 5rem;position:relative;overflow:hidden}.about-hero-glow{pointer-events:none;background:radial-gradient(70% 55% at 50% 0,#cca5801a 0%,#0000 70%);position:absolute;inset:0}.about-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#cca58014;border:1px solid #cca58033;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.2rem;padding:.4rem 1.1rem;font-size:.72rem;font-weight:700;display:inline-flex}.about-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-main);margin-bottom:1.1rem;font-size:3.2rem;font-weight:800;line-height:1.1}.about-sub{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.65}.about-stats-strip{margin:0 40px;padding:0 0 5rem}.about-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.about-stat{text-align:center;flex-direction:column;gap:.3rem;padding:1.75rem 1rem;display:flex}.about-stat-num{font-family:var(--font-display);color:var(--accent);font-size:2.2rem;font-weight:800}.about-stat-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.about-mission{margin:0 40px;padding:2rem 0 6rem}.about-mission-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;display:grid}.about-section-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem;font-size:.68rem;font-weight:800;display:block}.about-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-main);margin-bottom:1.25rem;font-size:2.1rem;font-weight:800;line-height:1.15}.about-mission-text p{color:var(--text-muted);margin-bottom:1rem;font-size:.975rem;line-height:1.7}.about-cta{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:10px;align-items:center;gap:.55rem;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px -4px #5cb3b059}.about-cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px -4px #5cb3b073}.about-mission-visual{padding:2rem 2.25rem;font-family:Consolas,Courier New,monospace;font-size:.9rem;line-height:1.75;background:#0b1120!important;border-color:#5cb3b033!important}.amv-kw{color:#38bdf8}.amv-fn{color:#a78bfa}.amv-key{color:#94a3b8}.amv-str{color:#34d399}.amv-num{color:#fb923c}.amv-indent{padding-left:1.75rem}.amv-divider{border-top:1px solid #ffffff0f;margin:.75rem 0}.amv-term{color:#64748b;font-size:.82rem}.amv-prompt{color:var(--primary);margin-right:.4rem;font-weight:700}.amv-ok{color:#34d399;font-weight:700}.about-values{margin:0 40px;padding:2rem 0 6rem}.about-values-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.about-value-card{border-radius:16px;padding:2rem}.avc-icon{width:48px;height:48px;color:var(--primary);background:#5cb3b014;border:1px solid #5cb3b026;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.avc-title{font-family:var(--font-display);color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.avc-body{color:var(--text-muted);font-size:.9rem;line-height:1.6}.text-center{text-align:center}@media (width<=960px){.about-stats-grid{grid-template-columns:repeat(2,1fr)}.about-mission-grid{grid-template-columns:1fr}.about-title{font-size:2.4rem}}@media (width<=600px){.about-title{font-size:1.9rem}.about-values-grid{grid-template-columns:1fr}.about-stats-grid{grid-template-columns:repeat(2,1fr)}}.contact-page{min-height:100vh}.contact-hero{text-align:center;padding:9rem 0 5rem;position:relative;overflow:hidden}.contact-hero-glow{pointer-events:none;background:radial-gradient(65% 55% at 50% 0,#a78bfa14 0%,#0000 70%);position:absolute;inset:0}.contact-badge{text-transform:uppercase;letter-spacing:.08em;color:#6d28d9;background:#a78bfa12;border:1px solid #a78bfa2e;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.2rem;padding:.4rem 1.1rem;font-size:.72rem;font-weight:700;display:inline-flex}.contact-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-main);margin-bottom:1.1rem;font-size:3.2rem;font-weight:800;line-height:1.1}.contact-sub{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1.1rem;line-height:1.65}.contact-body{margin:0 40px;padding:2rem 0 8rem}.contact-grid{grid-template-columns:.6fr 1fr;align-items:start;gap:2.5rem;display:grid}.contact-info-col{flex-direction:column;gap:1rem;display:flex}.contact-info-card{border-radius:14px;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem;transition:transform .22s,border-color .22s;display:flex}.contact-info-card:hover{transform:translate(4px);border-color:#5cb3b04d!important}.cic-icon{width:42px;height:42px;color:var(--primary);background:#5cb3b014;border:1px solid #5cb3b026;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cic-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;font-weight:700}.cic-value{color:var(--text-main);font-size:.9rem;font-weight:600}.contact-form-wrap{border-radius:20px;padding:2.25rem 2.5rem}.cf-heading{font-family:var(--font-display);color:var(--text-main);margin-bottom:1.75rem;font-size:1.6rem;font-weight:800}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.cf-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.cf-field{flex-direction:column;gap:.4rem;display:flex}.cf-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.cf-input{font-family:var(--font-sans);color:var(--text-main);background:#ffffffb3;border:1px solid #5cb3b033;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.cf-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #5cb3b01f}.cf-input::placeholder{color:#aab8c5}.cf-select{cursor:pointer;appearance:none}.cf-textarea{resize:vertical;min-height:130px}.contact-submit{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;width:fit-content;font-size:.95rem;font-weight:700;font-family:var(--font-sans);border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.9rem 2rem;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px -6px #5cb3b066}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px -6px #5cb3b080}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.success-icon{color:#10b981}.contact-success h3{font-family:var(--font-display);color:var(--text-main);font-size:1.75rem;font-weight:800}.contact-success p{color:var(--text-muted);max-width:380px;font-size:.95rem;line-height:1.6}.contact-success strong{color:var(--text-main)}@media (width<=900px){.contact-grid{grid-template-columns:1fr}.contact-title{font-size:2.4rem}}@media (width<=560px){.contact-title{font-size:1.9rem}.cf-row{grid-template-columns:1fr}.contact-form-wrap{padding:1.75rem 1.5rem}}main.portal-main-container{background:var(--bg-base);width:100%;height:100%;padding:0;overflow:hidden;margin-top:0!important}.portal-layout{background:var(--bg-base);height:100vh;font-family:var(--font-sans);display:flex;overflow:hidden}.portal-sidebar{z-index:100;background:linear-gradient(#16302c 0%,#0b1a18 100%);border-right:1px solid #5cb3b026;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:32px 20px;display:flex;position:sticky;top:0}.sidebar-logo{align-items:center;gap:12px;margin-bottom:40px;padding:0 8px;display:flex;position:relative}.sidebar-logo-glow{background:var(--primary);filter:blur(20px);opacity:.15;pointer-events:none;width:48px;height:48px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px #5cb3b080)}.logo-text{font-family:var(--font-display);color:var(--text-main);letter-spacing:.5px;font-size:20px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:#ffffffa6;cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d;transform:translate(4px)}.nav-item.active{color:#000;background:var(--primary);box-shadow:0 4px 15px #5cb3b04d}.nav-item.active .logo-icon,.nav-item.active svg{color:#000}.sidebar-footer{border-top:1px solid #ffffff14;padding-top:20px}.logout-btn{color:#ef4444!important}.logout-btn:hover{background:#ef444414!important}.portal-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.portal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);z-index:99;background:#f4faf8cc;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:sticky;top:0}.header-search{width:320px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.header-search input{border:1px solid var(--border-glass);width:100%;height:44px;color:var(--text-main);background:#fff;border-radius:999px;outline:none;padding:0 20px 0 48px;font-size:14px;transition:all .2s;box-shadow:0 2px 6px #5cb3b005}.header-search input:focus{border-color:var(--primary);box-shadow:0 4px 12px #5cb3b01a}.header-actions{align-items:center;gap:24px;display:flex}.notification-bell{border:1px solid var(--border-light);width:40px;height:40px;color:var(--text-main);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.notification-bell:hover{border-color:var(--primary);color:var(--primary);background:#5cb3b00a}.bell-badge{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.user-profile-badge{align-items:center;gap:12px;display:flex}.profile-text{flex-direction:column;align-items:flex-end;display:flex}.profile-name{color:var(--text-main);font-size:14px;font-weight:700}.profile-year{color:var(--text-muted);font-size:11px;font-weight:500}.profile-avatar-circle{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;width:44px;height:44px;font-family:var(--font-display);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 10px #5cb3b026}.portal-body{flex-direction:column;gap:32px;width:100%;max-width:1400px;margin:0 auto;padding:32px 40px;display:flex}.portal-welcome-banner{background:linear-gradient(135deg,#1e3c39 0%,#0d1e1c 100%);border:1px solid #5cb3b033;border-radius:20px;justify-content:space-between;align-items:center;padding:40px 48px;animation:.6s cubic-bezier(.16,1,.3,1) bannerFade;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0d1e1c26}@keyframes bannerFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.banner-glow-effects .bglow{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.bglow-1{background:var(--primary);opacity:.15;width:180px;height:180px;top:-20px;left:30%}.bglow-2{background:var(--secondary);opacity:.1;width:220px;height:220px;bottom:-40px;right:10%}.banner-content{z-index:2;flex:1;min-width:0;position:relative}.banner-date{color:var(--secondary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.banner-title{color:#fff;font-size:28px;font-weight:800;font-family:var(--font-display);margin-bottom:6px}.banner-subtitle{color:#ffffffb3;font-size:15px;font-weight:500}.banner-decorations{z-index:2;flex-shrink:0;width:160px;height:120px;position:relative}.banner-illustration-svg{filter:drop-shadow(0 8px 16px #00000040);width:100%;height:100%}.floating-cap{animation:4s ease-in-out infinite floatCap}@keyframes floatCap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-2deg)}}.portal-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:32px;display:grid}.portal-column-primary,.portal-column-secondary{flex-direction:column;gap:32px;display:flex}.portal-section-heading{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.2px;margin-bottom:16px;font-size:18px;font-weight:800}.finance-section{width:100%}.finance-cards-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.finance-card{border:1px solid var(--border-light);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 12px #5cb3b005}.finance-card-icon{background:#5cb3b014;border-radius:12px;flex-shrink:0;width:44px;height:44px;font-size:20px}.finance-card-details{flex-direction:column;gap:2px;min-width:0;display:flex}.finance-card-value{color:var(--text-main);font-size:20px;font-weight:800;font-family:var(--font-display)}.finance-card-label{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:600}.finance-card.active{border:2px solid var(--primary);transform:translateY(-2px);box-shadow:0 10px 25px #5cb3b01f}.finance-card.active .finance-card-icon{color:var(--primary);background:#5cb3b026}.portal-secondary-widget{border:1px solid var(--border-glass);background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 15px #5cb3b003}.widget-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.widget-see-all{color:var(--primary);font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s}.widget-see-all:hover{opacity:.8}.instructors-list-row{justify-content:space-around;align-items:center;gap:16px;padding:8px 0;display:flex}.instructor-circle-badge{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.instructor-avatar-ring{width:56px;height:56px;font-family:var(--font-display);color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 12px #00000014}.avatar-color-js{background:linear-gradient(135deg,#f59e0b,#d97706)}.avatar-color-py{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.avatar-color-sql{background:linear-gradient(135deg,#10b981,#059669)}.instructor-circle-badge:hover .instructor-avatar-ring{transform:scale(1.1)translateY(-4px);box-shadow:0 8px 20px #5cb3b033}.instructor-name{color:var(--text-main);font-size:11px;font-weight:700}.notices-list-stack{flex-direction:column;gap:16px;margin-top:12px;display:flex}.notice-card-item{border:1px solid var(--border-light);background:#5cb3b005;border-radius:12px;gap:16px;padding:16px;transition:border-color .2s;display:flex}.notice-card-item:hover{border-color:var(--primary)}.notice-indicator-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notice-card-item.warning .notice-indicator-dot{background:#f59e0b}.notice-card-item.info .notice-indicator-dot{background:var(--primary)}.notice-card-content{flex-direction:column;gap:4px;display:flex}.notice-card-title{color:var(--text-main);margin:0;font-size:13px;font-weight:700}.notice-card-text{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.notice-card-link{color:var(--primary);align-self:flex-start;margin-top:2px;font-size:11px;font-weight:700;text-decoration:none}.notice-card-link:hover{text-decoration:underline}.flex-center{justify-content:center;align-items:center;display:flex}@media (width<=1200px){.portal-grid{grid-template-columns:1.4fr 1fr}}@media (width<=1024px){.portal-layout{flex-direction:column;height:auto;overflow:visible}.portal-sidebar{border-bottom:1px solid #5cb3b026;border-right:none;width:100%;height:auto;padding:20px 24px;position:relative;top:0}.sidebar-logo{margin-bottom:16px}.sidebar-nav{flex-flow:wrap}.nav-item{width:auto;padding:8px 16px}.sidebar-footer{border-top:none;margin-left:auto;padding-top:0}.portal-header{padding:0 24px}.portal-body{padding:24px}}@media (width<=768px){.portal-grid,.finance-cards-row{grid-template-columns:1fr}.portal-welcome-banner{flex-direction:column;align-items:flex-start;gap:20px;padding:32px 24px}.banner-decorations{display:none}.header-search{width:200px}}@media (width<=480px){.portal-header{flex-direction:column;align-items:stretch;gap:16px;height:auto;padding:16px 20px}.header-search{width:100%}.header-actions{justify-content:space-between}}.dashboard-widget{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:all .3s;display:flex;box-shadow:0 2px 8px #5cb3b00d}.dashboard-widget:hover{border-color:var(--primary);box-shadow:0 12px 40px #5cb3b01a}.widget-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.widget-title-section{align-items:center;gap:12px;min-width:0;display:flex}.widget-icon{color:var(--primary);flex-shrink:0;font-size:20px;display:flex}.widget-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:700;overflow:hidden}.widget-action{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:600}.widget-link{color:var(--primary);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.widget-link:hover{gap:8px}.widget-content{flex-direction:column;gap:16px;min-height:0;display:flex}@media (width<=768px){.dashboard-widget{padding:16px}.widget-title{font-size:16px}.widget-icon{font-size:18px}}.courses-progress-widget{min-height:420px}.courses-loading-container{min-height:250px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.courses-widget-summary{color:var(--primary);letter-spacing:.5px;background:#5cb3b014;border:1px solid #5cb3b026;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.summary-icon{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.courses-list-container{flex-direction:column;gap:16px;display:flex}.course-progress-card{border:1px solid var(--border-light);background:#5cb3b005;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.course-progress-card:hover{border-color:var(--border-glass);background:#5cb3b00a;transform:translateY(-2px);box-shadow:0 8px 24px #5cb3b00d}.course-progress-card.completed{background:#10b98105;border-color:#10b98140}.course-progress-card.completed:hover{background:#10b9810a;border-color:#10b98166;box-shadow:0 8px 24px #10b9810d}.course-color-bar{flex-shrink:0;width:4px;height:auto}.course-card-body{flex-direction:column;flex:1;gap:12px;min-width:0;padding:16px 20px;display:flex}.course-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.course-title-wrap{align-items:flex-start;gap:12px;min-width:0;display:flex}.course-badge-icon{letter-spacing:.5px;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:11px;font-weight:800;display:flex}.course-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:14px;font-weight:700;overflow:hidden}.course-description{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.course-stats-badge{flex-shrink:0;font-size:13px;font-weight:800}.course-completed-badge{color:#10b981;text-transform:uppercase;letter-spacing:.5px;background:#10b9811a;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:flex}.course-progress-container{width:100%}.course-progress-track{background:#5cb3b014;border-radius:999px;width:100%;height:6px;overflow:hidden}.course-progress-fill{border-radius:999px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.course-card-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:4px;display:flex}.course-last-viewed{flex-direction:column;gap:2px;min-width:0;display:flex}.footer-label{color:var(--text-muted);letter-spacing:.8px;font-size:8.5px;font-weight:800}.footer-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.course-continue-btn{border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.course-continue-btn:hover{border-color:var(--hover-accent);color:var(--hover-accent);background:#5cb3b005;box-shadow:0 0 10px #5cb3b00d}.course-continue-btn .btn-arrow{transition:transform .2s}.course-continue-btn:hover .btn-arrow{transform:translate(3px)}@media (width<=480px){.course-card-footer{flex-direction:column;align-items:flex-start;gap:12px}.course-continue-btn{justify-content:center;width:100%}}.code-playground-widget{min-height:auto;margin-top:10px}.playground-container{flex-direction:column;gap:20px;width:100%;display:flex}.playground-header-selector{-webkit-backdrop-filter:blur(12px);background:#fff6;border:1px solid #5cb3b026;border-radius:16px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #5cb3b008}.selector-title{color:#1e293b;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.selector-title svg{color:#5cb3b0}.selector-options{flex-wrap:wrap;gap:10px;display:flex}.selector-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 4px #00000005}.selector-btn:hover{color:#0f172a;border-color:#5cb3b0;transform:translateY(-1px);box-shadow:0 4px 8px #5cb3b014}.selector-btn.active{color:#fff;background:#16302c;border-color:#5cb3b0;box-shadow:0 4px 12px #16302c26}.selector-btn.active svg{filter:drop-shadow(0 0 4px #5cb3b099)}.playground-vscode{background:#1e1e1e;border:1px solid #cbd5e1;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026;height:640px!important}.vscode-titlebar{-webkit-user-select:none;user-select:none;background:#2d2d2d;border-bottom:1px solid #1e1e1e;flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 16px;display:flex}.vscode-window-controls{gap:8px;display:flex}.vscode-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.vscode-dot.close{background:#ff5f56}.vscode-dot.minimize{background:#ffbd2e}.vscode-dot.expand{background:#27c93f}.vscode-title{color:#ccc;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-family:inherit;font-size:12px;overflow:hidden}.vscode-layout-controls{color:#858585;align-items:center;gap:12px;display:flex}.layout-btn-toggle{color:#858585;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.layout-btn-toggle:hover{color:#fff;background:#ffffff0d}.layout-btn-toggle.active{color:#5cb3b0;background:#5cb3b01a}.vscode-workspace{flex:1;width:100%;min-height:0;display:flex}.vscode-activitybar{background:#333;border-right:1px solid #1e1e1e;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:48px;padding:12px 0;display:flex}.vscode-activitybar-top{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.activity-icon{color:#858585;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;justify-content:center;width:100%;padding:8px;transition:all .2s;display:flex}.activity-icon:hover{color:#fff}.activity-icon.active{color:#5cb3b0;border-left-color:#5cb3b0}.vscode-sidebar{-webkit-user-select:none;user-select:none;background:#252526;border-right:1px solid #1e1e1e;flex-direction:column;flex-shrink:0;width:200px;display:flex}.sidebar-header{color:#bbb;letter-spacing:.5px;border-bottom:1px solid #1e1e1e;justify-content:space-between;align-items:center;height:35px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.add-file-btn-sidebar{color:#858585;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.add-file-btn-sidebar:hover{color:#fff;background:#ffffff0d}.sidebar-tree{flex:1;padding:8px 0;overflow-y:auto}.tree-folder-root{flex-direction:column;display:flex}.tree-item{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .15s;display:flex}.tree-item:hover{color:#fff;background:#2a2d2e}.tree-item.folder{gap:4px;font-weight:600}.folder-icon{color:#dcb67a}.folder-tree-title{color:#e2e8f0;font-weight:600}.tree-folder-content{flex-direction:column;padding-left:14px;display:flex}.tree-item.file{justify-content:space-between;align-items:center;gap:8px;padding-left:20px;display:flex}.tree-item.file.active{color:#fff;background:#37373d}.file-label-wrap{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.entry-point-indicator{color:#0b1a18;text-transform:uppercase;letter-spacing:.3px;background:#5cb3b0;border-radius:3px;flex-shrink:0;margin-left:6px;padding:1px 4px;font-size:8px;font-weight:700}.file-delete-icon-tree{color:#858585;opacity:0;border-radius:4px;padding:2px;transition:all .15s}.tree-item.file:hover .file-delete-icon-tree{opacity:1}.file-delete-icon-tree:hover{color:#ef4444;background:#ef44441a}.inline-file-form{background:#2d2d2d;border:1px solid #5cb3b0;border-radius:4px;align-items:center;gap:6px;margin:2px 8px;padding:4px 12px 4px 34px;display:flex}.inline-file-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:12px}.add-file-trigger{gap:6px;padding-left:20px;font-style:italic;color:#858585!important}.add-file-trigger:hover{color:#5cb3b0!important}.add-file-trigger-icon{color:#858585}.add-file-trigger:hover .add-file-trigger-icon{color:#5cb3b0}.vscode-main-workspace-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.vscode-editor-upper-segment{flex:1;width:100%;min-height:0;display:flex}.vscode-editor-container-pane{background:#1e1e1e;flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.vscode-tabbar{background:#2d2d2d;border-bottom:1px solid #1e1e1e;flex-shrink:0;height:35px;display:flex;overflow-x:auto}.vscode-tab{color:#969696;cursor:pointer;white-space:nowrap;background:#2d2d2d;border:none;border-right:1px solid #1e1e1e;align-items:center;gap:6px;height:100%;padding:0 16px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.vscode-tab:hover{color:#e1e1e1;background:#333}.vscode-tab.active{color:#fff;background:#1e1e1e;border-top:2px solid #5cb3b0}.tab-close-icon{color:#858585;border-radius:4px;margin-left:4px;padding:1px;transition:all .15s}.tab-close-icon:hover{color:#fff;background:#ffffff1a}.vscode-breadcrumbs{color:#858585;-webkit-user-select:none;user-select:none;background:#1e1e1e;border-bottom:1px solid #00000026;flex-shrink:0;align-items:center;gap:6px;height:22px;padding:0 16px;font-size:11px;display:flex}.breadcrumb-arrow{color:#858585}.breadcrumb-active{color:#ccc;font-weight:600}.vscode-editor-wrapper{background:#1e1e1e;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.vscode-interactive-body{width:100%;height:100%;display:flex;overflow:hidden}.vscode-ln-col{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#1e1e1e;border-right:1px solid #ffffff0d;flex-direction:column;align-items:flex-end;width:44px;padding:14px 12px 14px 0;display:flex;overflow-y:hidden}.vscode-ln-line{color:#858585;height:22px;font-family:Consolas,Fira Code,Courier New,monospace;font-size:13px;line-height:22px}.vscode-textarea-editor{resize:none;color:#d4d4d4;box-sizing:border-box;white-space:pre;tab-size:2;background:#1e1e1e;border:none;outline:none;flex:1;padding:14px 16px;font-family:Consolas,Fira Code,Courier New,monospace;font-size:13px;line-height:22px;overflow-y:auto}.vscode-textarea-editor:focus{outline:none}.vscode-no-file{color:#858585;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.no-file-icon{color:#333;margin-bottom:12px}.web-split-preview-pane{background:#1e293b;border-left:1px solid #1e1e1e;flex-direction:column;width:45%;min-width:250px;display:flex}.browser-chrome-bar{-webkit-user-select:none;user-select:none;background:#0f172a;border-bottom:1px solid #1e293b;flex-shrink:0;align-items:center;gap:12px;height:38px;padding:0 12px;display:flex}.chrome-controls{gap:6px;display:flex}.chrome-nav-dot{background:#fff3;border-radius:50%;width:8px;height:8px}.chrome-address-bar{background:#1e293b;border:1px solid #ffffff0d;border-radius:6px;flex:1;align-items:center;gap:6px;height:24px;padding:0 10px;display:flex}.chrome-eye-icon{color:#5cb3b0}.chrome-address-input{color:#94a3b8;background:0 0;border:none;outline:none;width:100%;font-family:monospace;font-size:11px}.chrome-refresh-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.chrome-refresh-btn:hover{color:#fff;background:#ffffff0d}.browser-preview-viewport{background:#fff;flex:1;min-height:0;position:relative}.sandbox-web-iframe{background:#fff;border:none;width:100%;height:100%}.vscode-panel-terminal{background:#1e1e1e;border-top:1px solid #1e1e1e;flex-direction:column;flex-shrink:0;height:220px;display:flex}.vscode-panel-header{-webkit-user-select:none;user-select:none;background:#252526;border-bottom:1px solid #1e1e1e;flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 12px;display:flex}.panel-tabs{gap:8px;height:100%;display:flex}.panel-tab-item{color:#858585;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;height:100%;padding:0 10px;font-family:inherit;font-size:10px;font-weight:700;transition:all .15s;display:flex}.panel-tab-item:hover{color:#fff;background:#ffffff05}.panel-tab-item.active{color:#5cb3b0;background:#5cb3b00a;border-bottom-color:#5cb3b0}.panel-actions{gap:8px;display:flex}.panel-action-btn{color:#ccc;cursor:pointer;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:flex}.panel-action-btn:hover:not(:disabled){color:#fff;background:#333;border-color:#5cb3b0}.panel-action-btn:disabled{opacity:.4;cursor:not-allowed}.panel-action-btn.run-btn{color:#5cb3b0;background:#16302c;border:1px solid #5cb3b0}.panel-action-btn.run-btn:hover:not(:disabled){color:#000;background:#5cb3b0;box-shadow:0 0 12px #5cb3b059}.vscode-panel-body{color:#d4d4d4;background:#1e1e1e;flex:1;padding:14px 18px;font-family:Consolas,Fira Code,Courier New,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.vscode-terminal-text{white-space:pre-wrap;word-break:break-all;margin:0}.vscode-terminal-empty{color:#64748b;text-align:center;justify-content:center;align-items:center;height:100%;font-size:11px;display:flex}.stdin-input-wrapper{flex-direction:column;gap:10px;height:100%;display:flex}.stdin-note{color:#cca580;margin:0;font-size:11px;line-height:1.4}.stdin-input-textarea{resize:none;color:#fff;box-sizing:border-box;background:#252526;border:1px solid #3c3c3c;border-radius:6px;outline:none;flex:1;min-height:80px;padding:10px;font-family:Consolas,Fira Code,Courier New,monospace;font-size:12px}.stdin-input-textarea:focus{border-color:#5cb3b0}.panel-inline-web-viewport{background:#fff;border-radius:6px;width:100%;height:100%;overflow:hidden}@media (width<=1024px){.playground-vscode{height:580px!important}.web-split-mode .web-split-preview-pane{display:none}.vscode-panel-terminal{height:180px}}@media (width<=768px){.vscode-sidebar{display:none!important}.selector-options{gap:6px}.selector-btn{padding:6px 10px;font-size:11px}}@media (width<=480px){.playground-vscode{height:480px!important}.vscode-activitybar{display:none!important}.panel-tab-item{padding:0 6px;font-size:8px}.panel-action-btn{padding:4px 8px;font-size:9px}}.profile-page-container{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:1rem 0 3rem;display:flex}.profile-header-banner{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:20px;flex-direction:column;gap:28px;padding:32px 32px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #5cb3b00d}.banner-visual-glow{filter:blur(20px);pointer-events:none;z-index:0;background:radial-gradient(circle,#5cb3b026 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-50px;right:-50px}.profile-header-details{z-index:1;align-items:center;gap:28px;display:flex;position:relative}.interactive-avatar{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 8px 24px #5cb3b040}.interactive-avatar:hover{transform:scale(1.05)rotate(2deg);box-shadow:0 12px 32px #5cb3b059}.interactive-avatar:active{transform:scale(.98)}.avatar-letters{font-family:var(--font-display);color:#fff;letter-spacing:-1px;font-size:40px;font-weight:800}.avatar-cycle-indicator{background:var(--text-main);width:26px;height:26px;color:var(--secondary);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 8px #0000001a}.interactive-avatar:hover .avatar-cycle-indicator{background:var(--primary);color:#fff;transform:scale(1.1)rotate(15deg)}.profile-meta-header{flex-direction:column;gap:6px;display:flex}.profile-meta-name{color:var(--text-main);letter-spacing:-.5px;font-size:32px;font-weight:800}.profile-meta-email{color:var(--text-muted);font-size:14px}.badges-list-row{align-items:center;gap:12px;margin-top:4px;display:flex}.premium-badge-tag{color:var(--secondary);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;border-color:var(--secondary-glow)!important;background:#cca58014!important}.level-badge-tag{color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #5cb3b033}.profile-tabs-row{border-top:1px solid var(--border-glass);z-index:1;align-items:center;gap:8px;margin-top:12px;display:flex;position:relative}.profile-tab-btn{color:var(--text-muted);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative}.profile-tab-btn:hover{color:var(--primary);background:#5cb3b008}.profile-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-pane-card{flex-direction:column;gap:20px;padding:32px;display:flex;box-shadow:0 8px 32px #5cb3b008}.card-header-bar{align-items:center;gap:12px;display:flex}.card-header-icon{color:var(--primary)}.card-header-bar h3{color:var(--text-main);font-size:20px;font-weight:700}.tab-subtitle{color:var(--text-muted);font-size:14px;line-height:1.6}.sub-loader{color:var(--text-muted);padding:40px;font-size:14px;font-weight:500}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border-glass);border-radius:12px;padding:40px;font-size:14px}.settings-form-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:12px;display:grid}.form-input-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.input-with-icon{width:100%;position:relative}.input-icon{color:var(--text-muted);transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon input{width:100%;color:var(--text-main);border:1px solid var(--border-glass);background:#ffffff80;border-radius:12px;outline:none;padding:14px 14px 14px 44px;font-size:14px;transition:all .2s}.input-with-icon input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.input-with-icon input:focus+.input-icon{color:var(--primary)}.form-actions-row{grid-column:1/-1;justify-content:flex-end;margin-top:12px;display:flex}.profile-save-btn{color:#fff;border-radius:12px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #5cb3b04d}.profile-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5cb3b066}.profile-save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-alert-banner{border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;animation:.3s ease-out forwards slideIn;display:flex}.form-alert-banner.success{color:#10b981;background:#10b98114;border:1px solid #10b98133}.form-alert-banner.error{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.tab-pane-analytics-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.analytics-overview-card{grid-column:1/-1;padding:28px}.widget-section-title{color:var(--text-main);letter-spacing:-.2px;margin-bottom:20px;font-size:16px;font-weight:700}.analytics-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.analytic-item-card{border:1px solid var(--border-light);text-align:center;background:#fff6;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px;transition:all .3s;display:flex}.analytic-item-card:hover{background:#ffffffd9;transform:translateY(-4px);box-shadow:0 10px 24px #5cb3b00f}.analytic-item-card .stat-circle{color:#fff;border-radius:50%;width:44px;height:44px;font-size:18px}.analytic-item-card.lessons .stat-circle{background:linear-gradient(135deg,#f59e0b,#d97706)}.analytic-item-card.streak .stat-circle{background:linear-gradient(135deg,#ef4444,#dc2626)}.analytic-item-card.points .stat-circle{background:linear-gradient(135deg, var(--secondary), #cca580)}.analytic-item-card.level .stat-circle{background:linear-gradient(135deg, var(--primary), var(--accent))}.analytic-item-card .val{font-family:var(--font-display);color:var(--text-main);font-size:24px;font-weight:800}.analytic-item-card .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.level-details-card{flex-direction:column;gap:20px;padding:28px;display:flex}.level-badge-visual{align-items:center;gap:24px;display:flex}.level-circle-gauge{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;animation:10s linear infinite rotateGlow;display:flex;box-shadow:0 8px 20px #5cb3b040}.level-num{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1}.level-txt{letter-spacing:1px;font-size:9px;font-weight:700}.level-text-breakdown h4{color:var(--text-main);margin-bottom:4px;font-size:18px;font-weight:700}.level-text-breakdown p{color:var(--text-muted);font-size:13px}.level-text-breakdown .small-detail{color:var(--primary);margin-top:2px;font-size:11px;font-weight:600}.custom-progress-track{border:1px solid var(--border-glass);background:#5cb3b014;border-radius:9px;width:100%;height:18px;overflow:hidden}.custom-progress-bar{border-radius:9px;justify-content:flex-end;align-items:center;height:100%;transition:width 1s ease-out;display:flex}.custom-progress-bar .bar-label{color:#fff;margin-right:8px;font-size:10px;font-weight:700}.track-distribution-card{padding:28px}.track-bars-list{flex-direction:column;gap:16px;display:flex}.track-bar-item{flex-direction:column;gap:6px;display:flex}.track-bar-header{justify-content:space-between;align-items:center;font-size:13px;display:flex}.track-bar-name{color:var(--text-main);align-items:center;gap:8px;display:flex}.track-color-dot{border-radius:50%;width:8px;height:8px}.track-bar-percent{color:var(--primary);font-weight:700}.track-bar-rail{background:#5cb3b00d;border-radius:4px;width:100%;height:8px;overflow:hidden}.track-bar-fill{border-radius:4px;height:100%;transition:width 1s ease-out}.badges-trophy-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:12px;display:grid}.badge-trophy-card{border:1px solid var(--border-glass);background:#ffffff73;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:all .3s cubic-bezier(.175,.885,.32,1.15);display:flex;position:relative;overflow:hidden}.badge-trophy-card.unlocked{background:var(--bg-glass);border-color:#5cb3b04d}.badge-trophy-card.locked{opacity:.65;filter:grayscale();background:#00000005;border-color:#0000000d}.badge-trophy-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #5cb3b014}.badge-trophy-card.unlocked:hover{border-color:var(--primary)}.badge-glowing-effect{pointer-events:none;background:radial-gradient(circle at 10% 10%,#5cb3b014,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.badge-visual-symbol{border:1px solid var(--border-glass);background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;transition:transform .3s;display:flex;box-shadow:0 4px 12px #5cb3b014}.badge-trophy-card.unlocked:hover .badge-visual-symbol{background:var(--bg-base);transform:scale(1.1)rotate(5deg);box-shadow:0 8px 16px #5cb3b026}.badge-detail-block{flex-direction:column;gap:4px;display:flex}.badge-detail-block h4{color:var(--text-main);font-size:15px;font-weight:700}.badge-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.badge-requirement-tag{margin-top:4px}.status-tag{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.status-tag.success{color:#10b981;background:#10b9811a}.status-tag.required{color:var(--text-muted);background:#0000000d}.certificates-locker-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:12px;display:grid}.certificate-locker-item{border:1px solid var(--border-glass);background:#ffffff73;border-radius:16px;transition:all .3s;overflow:hidden}.certificate-locker-item.unlocked{background:var(--bg-glass);box-shadow:0 6px 20px #5cb3b008}.certificate-locker-item.unlocked:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 24px #5cb3b014}.certificate-locker-item.locked-overlay{opacity:.8;background:#00000003}.cert-preview-card{flex-direction:column;gap:20px;padding:28px;display:flex}.cert-card-icon-wrap{background:#5cb3b00d;border-radius:16px;justify-content:center;align-self:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex}.certificate-locker-item.unlocked:hover .cert-card-icon-wrap{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;transform:rotate(5deg)}.medal-icon{color:var(--primary);transition:color .3s}.certificate-locker-item.unlocked:hover .medal-icon{color:#fff}.cert-meta{text-align:center;flex-direction:column;gap:6px;display:flex}.cert-meta h3{color:var(--text-main);font-size:18px;font-weight:700}.cert-meta .details{color:var(--text-muted);font-size:12px}.cert-progress-status{justify-content:center;margin-top:8px;display:flex}.badge-tag{letter-spacing:.5px;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700}.badge-tag.unlocked-badge{color:#10b981;background:#10b9811a}.badge-tag.locked-badge{color:var(--text-muted);background:#0000000d;align-items:center;gap:4px;display:flex}.lock-progress-row{align-items:center;gap:10px;display:flex}.percentage-text{color:var(--text-muted);font-size:11px;font-weight:600}.cert-action-block{justify-content:center;margin-top:8px;display:flex}.view-cert-modal-btn{color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #5cb3b033}.view-cert-modal-btn:hover:not(.locked){transform:translateY(-2px);box-shadow:0 6px 16px #5cb3b04d}.view-cert-modal-btn.locked{border:1px solid var(--border-glass);color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:0 0}.cert-preview-overlay-modal{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172ab3;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:40px 20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.cert-modal-scroller{flex-direction:column;gap:16px;width:100%;max-width:950px;display:flex}.cert-modal-actions-top{justify-content:space-between;align-items:center;display:flex}.modal-action-btn{border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.modal-action-btn.back{background:var(--bg-glass);border:1px solid var(--border-glass);color:#fff}.modal-action-btn.back:hover{background:#ffffff26;transform:translate(-2px)}.modal-action-btn.print{color:#fff;box-shadow:0 4px 12px #5cb3b04d}.modal-action-btn.print:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5cb3b066}.printable-certificate-sheet{aspect-ratio:1.414;color:#2c3e50;box-sizing:border-box;background:#fdfbf7;border:4px double #d4af37;flex-direction:column;width:100%;padding:24px;display:flex;position:relative;box-shadow:0 20px 50px #0000004d}.cert-gold-border-decor{box-sizing:border-box;border:2px solid #cca580;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:28px;display:flex;position:relative}.cert-border-corner{pointer-events:none;border:2px solid #d4af37;width:30px;height:30px;position:absolute}.cert-border-corner.top-left{border-bottom:none;border-right:none;top:0;left:0}.cert-border-corner.top-right{border-bottom:none;border-left:none;top:0;right:0}.cert-border-corner.bottom-left{border-top:none;border-right:none;bottom:0;left:0}.cert-border-corner.bottom-right{border-top:none;border-left:none;bottom:0;right:0}.cert-inner-content{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;height:100%;display:flex}.cert-logo-header{flex-direction:column;align-items:center;gap:4px;display:flex}.logo-graduation-cap{filter:drop-shadow(0 2px 4px #d4af374d);font-size:28px}.cert-logo-header h2{font-family:var(--font-sans);color:#cca580;letter-spacing:2px;font-size:11px;font-weight:700}.cert-subheader{letter-spacing:3px;color:#5e6f80;font-size:10px;font-weight:800}.cert-main-title{font-family:var(--font-display);color:#1e293b;letter-spacing:-.5px;margin:0;font-size:38px;font-weight:800;line-height:1}.cert-text-present{color:var(--text-muted);font-size:13px;font-style:italic}.cert-recipient-name{font-family:var(--font-display);color:#cca580;border-bottom:2px solid #cca5804d;width:60%;margin:0;padding-bottom:6px;font-size:32px;font-weight:800;line-height:1.1}.cert-text-body{color:var(--text-muted);max-width:80%;font-size:12px;line-height:1.5}.cert-course-title{font-family:var(--font-display);color:#1e293b;margin:0;font-size:20px;font-weight:800}.cert-text-footer{color:var(--text-muted);font-size:11px}.cert-footer-row{justify-content:space-between;align-items:flex-end;width:100%;margin-top:8px;padding:0 40px;display:flex}.cert-signature-block{flex-direction:column;align-items:center;width:200px;display:flex}.signature-line{border-bottom:1px solid #cca580;justify-content:center;align-items:flex-end;width:100%;height:36px;padding-bottom:2px;display:flex}.handwritten-sig{color:#5cb3b0;font-family:Outfit,sans-serif;font-size:14px;font-style:italic;font-weight:600}.sig-label{color:var(--text-muted);margin-top:4px;font-size:10px;font-weight:600}.cert-seal-block{flex-direction:column;align-items:center;display:flex}.cert-gold-seal{justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative}.seal-star-burst{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#cca580;width:100%;height:100%;animation:15s linear infinite spinGlow;position:absolute}.seal-inner-circle{background:#fcf9f2;border:2px solid #cca580;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:78%;height:78%;display:flex;position:absolute;box-shadow:inset 0 2px 6px #0000000f}.seal-check-mark{color:#cca580}.seal-year{color:#cca580;margin-top:-2px;font-size:8px;font-weight:800}.seal-label{color:#cca580;letter-spacing:1px;margin-top:6px;font-size:9px;font-weight:700}.cert-verification-block{color:#94a3b8;border-top:1px solid #00000008;justify-content:space-between;width:100%;padding-top:8px;font-size:9px;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateGlow{0%{box-shadow:0 8px 20px #5cb3b040}50%{box-shadow:0 8px 28px #cca58059}to{box-shadow:0 8px 20px #5cb3b040}}@keyframes spinGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pop-in{animation:.4s cubic-bezier(.165,.84,.44,1) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=900px){.settings-form-grid{grid-template-columns:1fr;gap:16px}.tab-pane-analytics-grid{grid-template-columns:1fr}.analytics-stats-grid,.badges-trophy-grid{grid-template-columns:1fr 1fr}.certificates-locker-grid{grid-template-columns:1fr}}@media (width<=768px){.profile-header-banner{gap:20px;padding:24px 20px 0}.profile-header-details{text-align:center;flex-direction:column;gap:16px}.badges-list-row{flex-wrap:wrap;justify-content:center}.profile-tabs-row{padding-bottom:4px;overflow-x:auto}.profile-tab-btn{flex-shrink:0;padding:12px 14px;font-size:13px}.tab-pane-card{padding:20px}.badges-trophy-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden}#student-certificate-sheet,#student-certificate-sheet *{visibility:visible}#student-certificate-sheet{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%;height:100%;margin:0;padding:20px;position:fixed;top:0;left:0;aspect-ratio:1.414!important;box-shadow:none!important;background:#fdfbf7!important;border:3px double #d4af37!important}.cert-inner-content{justify-content:space-between!important;height:100%!important}.no-print{display:none!important}@page{size:A4 landscape;margin:0}}.camp-page-wrapper{color:#f1f5f9;background-color:#050505;min-height:100vh;padding-bottom:4rem;font-family:Inter,sans-serif;position:relative;overflow:hidden}.camp-ambient-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s infinite alternate pulse-glow;position:absolute;top:-100px;left:-200px}.camp-ambient-glow.secondary{background:radial-gradient(circle,#10b9811a 0%,#0000 70%);animation:10s infinite alternate-reverse pulse-glow;inset:auto -200px 10% auto}@keyframes pulse-glow{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.glass-panel-creative{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.glass-panel-creative:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.camp-container{z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.camp-hero-creative{text-align:center;padding:8rem 0 4rem}.camp-hero-creative .camp-badge{color:#a78bfa;letter-spacing:1px;text-transform:uppercase;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:30px;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.875rem;font-weight:600;display:inline-block}.camp-hero-creative h1{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.camp-hero-creative h1 .text-gradient{background:linear-gradient(135deg,#a78bfa 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.camp-hero-creative p{color:#94a3b8;max-width:600px;margin:0 auto 3rem;font-size:1.25rem;line-height:1.6}.camp-cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#10b981 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #8b5cf666}.camp-cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #8b5cf699}.camp-stats-row{border-top:1px solid #ffffff0d;justify-content:center;gap:4rem;margin-top:4rem;padding:2rem;display:flex}.camp-stat-item{flex-direction:column;align-items:center;display:flex}.camp-stat-num{color:#f8fafc;font-size:2.5rem;font-weight:700}.camp-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem;font-size:.875rem}.camp-section-title{text-align:center;color:#f8fafc;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.camp-section-title span{color:#a78bfa}.camp-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:0 40px 5rem;display:grid}.camp-track-card{padding:2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.camp-track-card:hover{border-color:#8b5cf666;transform:translateY(-10px)}.track-icon-wrapper{background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;display:flex}.camp-track-card h3{color:#e2e8f0;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.camp-track-card p{color:#94a3b8;line-height:1.6}.camp-pricing-banner{background:linear-gradient(135deg,#8b5cf61a 0%,#10b9811a 100%);border:1px solid #8b5cf633;justify-content:space-between;align-items:center;margin:0 40px 5rem;padding:3rem;display:flex}.pricing-info h2{margin-bottom:.5rem;font-size:2rem}.pricing-info p{color:#94a3b8;margin-bottom:1rem}.price-tag{color:#10b981;font-size:3rem;font-weight:800}.price-tag span{color:#64748b;font-size:1rem;font-weight:400}.camp-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;background:#000c;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.camp-modal-content{background:#0f172a;border:1px solid #8b5cf64d;border-radius:24px;width:100%;max-width:500px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000080}@keyframes slideUp{to{transform:translateY(0)}}.camp-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.camp-modal-close:hover{color:#fff;background:#fff3}.camp-modal-header{text-align:center;margin-bottom:2rem}.camp-modal-header h2{background:linear-gradient(135deg,#a78bfa 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.75rem}.camp-form-group{margin-bottom:1.5rem}.camp-form-group label{color:#cbd5e1;margin-bottom:.5rem;font-size:.875rem;display:block}.camp-form-input,.camp-form-select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.875rem 1rem;font-size:1rem;transition:border-color .3s}.camp-form-input:focus,.camp-form-select:focus{border-color:#8b5cf6}.camp-form-select option{color:#fff;background:#0f172a}.camp-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.125rem;font-weight:600;transition:opacity .3s;display:flex}.camp-submit-btn:hover{opacity:.9}.camp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.camp-voucher{text-align:center}.voucher-icon{color:#10b981;background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.camp-voucher h2{color:#10b981;margin-bottom:1rem}.camp-voucher-code{letter-spacing:2px;color:#a78bfa;background:#ffffff0d;border:1px dashed #a78bfa80;border-radius:12px;margin:1.5rem 0;padding:1rem;font-family:monospace;font-size:1.25rem}.voucher-details{text-align:left;background:#0003;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.voucher-row{justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;display:flex}.voucher-row:last-child{margin-bottom:0}.voucher-label{color:#94a3b8}.voucher-value{color:#f8fafc;font-weight:500}@media (width<=768px){.camp-hero-creative h1{font-size:3rem}.camp-stats-row{flex-direction:column;gap:2rem}.camp-pricing-banner{text-align:center;flex-direction:column;gap:2rem}}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}main{flex:1;margin-top:80px}.background-glows{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow{filter:blur(100px);opacity:.15;border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite alternate float;position:absolute}.glow-2{background:var(--secondary);animation-delay:-10s;bottom:-200px;right:-200px}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}.dashboard-container{background:linear-gradient(135deg,#f5f7fa 0%,#f9fafb 100%);min-height:100vh;padding:20px}.dashboard-content{max-width:1400px;margin:0 auto}.dashboard-header{background:#fff;border:1px solid #0000000d;border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 1px 3px #0000000d}.dashboard-header-content{align-items:center;gap:20px;display:flex}.dashboard-header-icon{color:#3b82f6;flex-shrink:0}.dashboard-header h1{color:#1f2937;margin:0;font-size:32px;font-weight:700}.dashboard-header .subtitle{color:#6b7280;margin:5px 0 0;font-size:14px}.dashboard-section{background:#fff;border:1px solid #0000000d;border-radius:12px;margin-bottom:25px;padding:25px;box-shadow:0 1px 3px #0000000d}.section-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.section-header h2{color:#1f2937;align-items:center;gap:12px;margin:0;font-size:20px;display:flex}.section-header h2 svg{color:#3b82f6}.user-count,.course-count,.student-count,.assignment-count{color:#1e40af;background:#eff6ff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.dashboard-section h3{color:#1f2937;margin:20px 0 15px;font-size:16px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.stat-card{cursor:pointer;background:linear-gradient(135deg,#f5f7fa 0%,#fff 100%);border-left:4px solid;border-radius:12px;padding:20px;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.stat-card-blue{border-left-color:#3b82f6}.stat-card-green{border-left-color:#10b981}.stat-card-purple{border-left-color:#8b5cf6}.stat-card-orange{border-left-color:#f59e0b}.stat-card-red{border-left-color:#ef4444}.stat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.stat-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card-blue .stat-icon{color:#3b82f6;background:#3b82f633}.stat-card-green .stat-icon{color:#10b981;background:#10b98133}.stat-card-purple .stat-icon{color:#8b5cf6;background:#8b5cf633}.stat-card-orange .stat-icon{color:#f59e0b;background:#f59e0b33}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.stat-card-body{justify-content:space-between;align-items:center;display:flex}.stat-value{color:#1f2937;margin:0;font-size:28px;font-weight:700}.stat-change{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.stat-change.up{color:#166534;background:#dcfce7}.stat-change.down{color:#991b1b;background:#fee2e2}.data-table-container{margin-top:20px}.table-search{margin-bottom:15px}.search-input{border:1px solid #d1d5db;border-radius:8px;width:100%;max-width:300px;padding:10px 15px;font-size:14px;transition:border-color .3s}.search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table thead th{text-align:left;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;padding:15px;font-weight:600}.table-header-cell{align-items:center;gap:8px;display:flex}.sort-indicator{font-size:10px}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody td{color:#4b5563;padding:15px}.table-actions{gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.action-btn-primary{color:#1e40af;background:#dbeafe}.action-btn-primary:hover{background:#bfdbfe}.action-btn-danger{color:#991b1b;background:#fee2e2}.action-btn-danger:hover{background:#fecaca}.action-btn-success{color:#166534;background:#dcfce7}.action-btn-success:hover{background:#bbf7d0}.status-badge{text-transform:capitalize;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.status-active{color:#166534;background:#dcfce7}.status-inactive{color:#6b7280;background:#f3f4f6}.status-banned{color:#991b1b;background:#fee2e2}.status-completed{color:#166534;background:#dcfce7}.status-pending{color:#92400e;background:#fef3c7}.status-processing{color:#1e40af;background:#dbeafe}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;margin-top:25px;display:grid}.chart-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.chart-container{width:100%}.chart-title{color:#1f2937;margin:0 0 20px;font-size:14px;font-weight:600}.bar-chart{align-items:flex-end;gap:15px;height:250px;display:flex}.chart-y-axis{text-align:right;color:#9ca3af;flex-direction:column;justify-content:space-between;min-width:50px;padding-right:10px;font-size:12px;display:flex}.y-axis-label{writing-mode:vertical-rl;color:#6b7280;margin-bottom:10px;font-weight:500;transform:rotate(180deg)}.y-axis-mark{position:relative}.chart-bars{flex:1;align-items:flex-end;gap:12px;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;display:flex}.bar-wrapper{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.bar{cursor:pointer;background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);border-radius:6px 6px 0 0;width:60%;max-width:50px;transition:all .3s}.bar:hover{opacity:.8;box-shadow:0 4px 12px #3b82f64d}.bar-label{color:#6b7280;text-align:center;max-width:60px;margin-top:10px;font-size:12px}.chart-x-label{text-align:center;color:#6b7280;margin-top:15px;font-size:12px;font-weight:500}.line-chart{color:#3b82f6;width:100%;height:200px}.line-chart-labels{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;margin-top:20px;display:grid}.line-label{flex-direction:column;gap:4px;display:flex}.label-name{color:#6b7280;font-size:12px}.label-value{color:#1f2937;font-size:16px;font-weight:700}.pie-chart-wrapper{align-items:center;gap:30px;display:flex}.pie-chart{flex-shrink:0;width:150px;height:150px}.pie-legend{flex-direction:column;flex:1;gap:12px;display:flex}.legend-item{align-items:center;gap:10px;font-size:13px;display:flex}.legend-color{border-radius:4px;flex-shrink:0;width:16px;height:16px}.legend-label{color:#4b5563;flex:1}.legend-value{color:#1f2937;text-align:right;min-width:40px;font-weight:600}.health-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px;display:grid}.health-metric{flex-direction:column;gap:8px;display:flex}.health-metric label{color:#6b7280;font-size:13px;font-weight:500}.health-bar{background:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.health-fill{border-radius:4px;height:100%;transition:all .3s}.health-value{color:#1f2937;font-size:13px;font-weight:600}.financial-stats{border-top:2px solid #f3f4f6;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:25px;padding-top:25px;display:grid}.financial-stat{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:15px}.financial-stat label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.stat-amount{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.stat-change{font-size:12px;font-weight:600;display:block}.stat-change.positive{color:#16a34a}.stat-change.negative{color:#dc2626}.stat-change.neutral{color:#6b7280}.performance-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px;display:grid}.performance-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:15px}.performance-card h4{color:#1f2937;margin:0 0 12px;font-size:13px;font-weight:600}.performance-details{flex-direction:column;gap:8px;display:flex}.detail{justify-content:space-between;align-items:center;font-size:12px;display:flex}.detail span{color:#6b7280}.detail strong{color:#1f2937;font-size:14px;font-weight:600}.progress-bar{align-items:center;gap:10px;min-width:150px;display:flex}.progress-fill{background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill:after{content:"";height:100%;width:inherit;background:linear-gradient(90deg,#3b82f6 0%,#1d4ed8 100%);border-radius:3px;display:block}.progress-text{color:#1f2937;text-align:right;min-width:35px;font-size:12px;font-weight:600}.rating-display{color:#1f2937;align-items:center;gap:6px;font-weight:600;display:flex}.rating-star{color:#f59e0b;font-size:16px}.earnings-summary{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px;display:grid}.earning-card{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:12px;padding:20px}.earning-card.highlight{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#3b82f6}.earning-card label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600;display:block}.earning-card .amount{color:#1f2937;margin:0 0 10px;font-size:32px;font-weight:700}.earning-card .period,.earning-card .trend{color:#6b7280;font-size:12px;display:block}.earning-card .trend.positive{color:#16a34a}.btn-payout{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-payout:hover{background:#2563eb;transform:translateY(-2px)}.payout-history{border-top:2px solid #f3f4f6;margin-top:25px;padding-top:25px}.payout-history h3{margin-top:0}.history-table{border-collapse:collapse;width:100%;margin-top:15px;font-size:13px}.history-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.history-table th{text-align:left;color:#374151;padding:12px;font-weight:600}.history-table td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:12px}.history-table .amount{color:#1f2937;font-weight:600}.analytics-summary{border-top:2px solid #f3f4f6;margin-top:25px;padding-top:25px}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px;display:grid}.summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:15px}.summary-card h4{color:#1f2937;margin:0 0 12px;font-size:13px;font-weight:600}.summary-stats{flex-direction:column;gap:8px;display:flex}.summary-stat{justify-content:space-between;align-items:center;font-size:12px;display:flex}.summary-stat span{color:#6b7280}.summary-stat strong{color:#1f2937;font-size:14px;font-weight:600}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;max-width:400px;max-height:90vh;padding:25px;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-content h3{color:#1f2937;margin:0 0 20px;font-size:18px;font-weight:700}.user-details{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.user-details p{color:#4b5563;margin:0;font-size:13px}.user-details strong{color:#1f2937;font-weight:600}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;width:100%;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#2563eb}@media (width<=768px){.dashboard-container{padding:15px}.dashboard-header{padding:20px}.dashboard-header-content{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:24px}.stats-grid,.charts-grid,.earnings-summary,.health-metrics,.financial-stats,.performance-cards,.summary-cards{grid-template-columns:1fr}.pie-chart-wrapper{flex-direction:column;align-items:center}.data-table{font-size:12px}.data-table thead th,.data-table tbody td{padding:10px}.stat-value{font-size:24px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.search-input{max-width:100%}}@media (width<=480px){.dashboard-section,.dashboard-header{border-radius:8px;padding:15px}.dashboard-header h1{font-size:20px}.stat-card{padding:15px}.stat-value{font-size:20px}.table-actions{flex-wrap:wrap}.action-btn{padding:4px 8px;font-size:10px}}