:root{--bg-primary:#141414;--bg-secondary:#1f1f1f;--bg-tertiary:#fff;--text-primary:#fff;--text-secondary:#e0e0e0;--text-light:#ccc;--border-color:#404040;--card-bg:#1f1f1f;--modal-bg:#1f1f1f;--shadow:#0006;--shadow-heavy:#000000b3;--primary-color:#007aff;--primary-hover:#0056cc;--dashboard-bg:#0a0a0b;--progress-bg:linear-gradient(180deg,#0f0f10 0%,#1a1a1d 100%);--progress-bg-color:#333;--hero-overlay:linear-gradient(135deg,#000000d9 0%,#141414b3 100%);--card-border:2px solid #ffffff26;--glassy-edge:linear-gradient(90deg,#22c55e66 0%,#22c55e33 50%,transparent 100%);--icon-color:#fff;--thumbnail-fallback-bg:linear-gradient(135deg,#1e293b 0%,#334155 100%);--progress-bar-bg:#374151}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#000;--text-primary:#333;--text-secondary:#666;--text-light:#999;--border-color:#e9ecef;--card-bg:#fff;--modal-bg:#fff;--shadow:#0000001a;--shadow-heavy:#0000004d;--primary-color:#007aff;--primary-hover:#0056cc;--dashboard-bg:#f8fafc;--progress-bg:#fff;--progress-bg-color:#e5e7eb;--hero-overlay:linear-gradient(135deg,#0009 0%,#0000004d 100%);--card-border:2px solid #e5e7eb99;--glassy-edge:linear-gradient(90deg,#6b72804d 0%,#9ca3af33 50%,transparent 100%);--icon-color:#000;--thumbnail-fallback-bg:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);--progress-bar-bg:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-helvetica-now),"Helvetica",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text-primary);letter-spacing:-.06px;background-color:var(--bg-primary);font-weight:400;line-height:1.4;transition:background-color .3s,color .3s}button,input,select,textarea{font-family:inherit}.font-light{font-weight:300}.font-regular{font-weight:400}.font-bold{font-weight:700}.header{top:0;left:0;right:var(--scrollbar-compensation,0px);-webkit-backdrop-filter:blur(20px);z-index:1000;background:#141414cc;border-bottom:1px solid #ffffff0d;padding:.75rem 2rem;transition:all .3s;position:fixed}.header.scrolled{-webkit-backdrop-filter:blur(25px);background:#141414b3;border-bottom:1px solid #ffffff1a}[data-theme=light] .header{background:#fffc;border-bottom:1px solid #0000000d}[data-theme=light] .header.scrolled{-webkit-backdrop-filter:blur(25px);background:#ffffffb3;border-bottom:1px solid #0000001a}main{padding-top:20px}.pricing-page main{margin-top:100px!important;padding-top:0!important}@media (max-width:768px){main{padding-top:18px}.pricing-page main{margin-top:90px!important;padding-top:0!important}}@media (max-width:480px){main{padding-top:16px}.pricing-page main{margin-top:88px!important;padding-top:0!important}}.nav{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0;display:flex;position:relative}.nav-left{flex:1;align-items:center;gap:.6rem;max-width:700px;display:flex}.nav-buttons{z-index:10;pointer-events:auto;flex-shrink:0;align-items:center;gap:1rem;display:flex;position:relative;right:auto}.logo{color:var(--text-primary);flex-shrink:0;font-size:1.3rem;font-weight:700;text-decoration:none;position:relative;left:auto}.logo img{transform-origin:0;height:28px;transition:opacity .3s;transform:scale(.6)}.logo-light{display:none}.logo-dark,[data-theme=light] .logo-light{display:block}[data-theme=light] .logo-dark{display:none}.browse-button-container{align-items:center;margin-left:-2rem;display:flex}.browse-trigger{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-color);cursor:pointer;border-radius:25px;align-items:center;gap:.5rem;height:36px;padding:0 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}[data-theme=light] .browse-trigger{background:#e9ecef;border-color:#ced4da}.browse-trigger:hover,.browse-trigger.active{background:var(--card-bg);color:#2997ff;border-color:#2997ff}[data-theme=light] .browse-trigger:hover,[data-theme=light] .browse-trigger.active{background:#dee2e6;border-color:#2997ff}.browse-trigger svg{width:12px;height:12px;transition:transform .3s}.browse-trigger.active svg{transform:rotate(180deg)}.header-search-field{background:var(--bg-secondary);border:1.5px solid var(--border-color);cursor:pointer;border-radius:25px;flex:1;align-items:center;gap:.75rem;min-width:300px;max-width:500px;height:36px;padding:0 1.25rem;transition:all .2s;display:flex}[data-theme=light] .header-search-field{background:#e9ecef;border-color:#ced4da}.header-search-field:hover{border-color:#2997ff}[data-theme=light] .header-search-field:hover{background:#dee2e6;border-color:#2997ff}.search-field-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.header-search-field input{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:.875rem}.header-search-field input::placeholder{color:var(--text-secondary)}.theme-toggle{background:var(--bg-secondary);border:1.5px solid var(--border-color);cursor:pointer;width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text-primary);z-index:50;pointer-events:auto;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex;position:relative}[data-theme=light] .theme-toggle{background:#e9ecef;border-color:#ced4da}.theme-toggle:hover{background:var(--card-bg);color:#2997ff;border-color:#2997ff}[data-theme=light] .theme-toggle:hover{background:#dee2e6;border-color:#2997ff}.theme-icon{fill:currentColor;pointer-events:none;width:16px;height:16px}.login-btn{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-color);cursor:pointer;border-radius:25px;justify-content:center;align-items:center;height:36px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}[data-theme=light] .login-btn{background:#e9ecef;border-color:#ced4da}.login-btn:hover{background:var(--card-bg);color:#2997ff;border-color:#2997ff}[data-theme=light] .login-btn:hover{background:#dee2e6;border-color:#2997ff}.signup-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:25px;justify-content:center;align-items:center;height:36px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.signup-btn:hover{background:#0056cc;transform:translateY(-1px)}.mobile-menu,.mobile-menu-overlay,.mobile-nav-links,.mobile-auth-buttons,.mobile-login-btn,.mobile-signup-btn{display:none}.corb-header-btn{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-color);cursor:pointer;border-radius:25px;align-items:center;gap:6px;height:36px;padding:0 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.corb-header-btn:hover{background:var(--card-bg);color:#2997ff;border-color:#2997ff;text-decoration:none}.corb-glasses-icon{flex-shrink:0;width:24px;height:24px;padding-bottom:4px;transition:all .2s}.corb-header-btn:hover .corb-glasses-icon{transform:scale(1.1)}[data-theme=light] .corb-header-btn{background:#e9ecef;border-color:#ced4da}[data-theme=light] .corb-header-btn:hover{background:#dee2e6;border-color:#2997ff}.account-dropdown{position:relative}.account-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:25px;align-items:center;gap:.5rem;height:36px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.account-btn:hover{background:#0056cc;transform:translateY(-1px)}.account-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.dropdown-arrow{opacity:.8;font-size:.7rem}.account-dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);z-index:1000;opacity:1;visibility:visible;border-radius:12px;min-width:200px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 8px 32px #00000026}[data-theme=light] .account-dropdown-menu{box-shadow:0 8px 32px #0000001a}.account-dropdown-menu:before{content:"";background:var(--card-bg);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);width:16px;height:16px;position:absolute;top:-8px;right:12px;transform:rotate(45deg)}.account-info{border-bottom:1px solid var(--border-color);padding:1rem}.user-email{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.user-status{color:#007aff;font-size:.75rem;font-weight:500}.dropdown-divider{background:var(--border-color);height:1px}.dropdown-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:block}.dropdown-item:hover{background:var(--bg-secondary)}.logout-btn{color:#ef4444;font-weight:500}.logout-btn:hover{background:#ef44441a}.clear-search-btn{color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.clear-search-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.header-search-field.active{border-color:#2997ff!important}.search-trigger-btn{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:25px;align-items:center;gap:.5rem;height:36px;padding:0 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}[data-theme=light] .search-trigger-btn{background:#e9ecef;border-color:#ced4da}.search-trigger-btn:hover{background:var(--card-bg);color:#2997ff;border-color:#2997ff}[data-theme=light] .search-trigger-btn:hover{background:#dee2e6;border-color:#2997ff}.search-trigger-icon{flex-shrink:0;width:16px;height:16px}.hero-content h1{letter-spacing:-2px;margin-bottom:1rem;font-size:4rem;font-weight:700}.hero-content .tagline{opacity:.9;margin-bottom:2rem;font-size:1.5rem;font-weight:400}.stats{background:var(--bg-primary);padding:.1rem 2rem}.stats-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:grid}.stats-content h2{color:var(--text-primary);margin-bottom:2rem;font-size:2.5rem;font-weight:700}.stats-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.4}.stats-numbers{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.counter{color:var(--text-primary);margin-bottom:.5rem;font-size:4rem;font-weight:700}.counter-label{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem;line-height:1.2}.pricing-features{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;font-weight:700;line-height:1.3}.pricing-features div{margin-bottom:.3rem}.community-section{background:var(--bg-primary);z-index:2;padding:6rem 2rem;position:relative}.community-container{grid-template-columns:1fr 1fr;align-items:center;gap:0;max-width:1400px;margin:0 auto;display:grid}.community-image{background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"600\" height=\"500\" viewBox=\"0 0 600 500\"><rect width=\"600\" height=\"500\" fill=\"%23f8f9fa\"/><rect x=\"50\" y=\"50\" width=\"500\" height=\"400\" fill=\"%23fff\" rx=\"12\" stroke=\"%23ddd\" stroke-width=\"2\"/><rect x=\"70\" y=\"70\" width=\"200\" height=\"150\" fill=\"%234a90e2\" rx=\"8\"/><rect x=\"290\" y=\"80\" width=\"240\" height=\"15\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"290\" y=\"110\" width=\"180\" height=\"12\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"290\" y=\"140\" width=\"200\" height=\"12\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"70\" y=\"240\" width=\"460\" height=\"40\" fill=\"%23f8f9fa\" rx=\"8\"/><rect x=\"70\" y=\"300\" width=\"460\" height=\"40\" fill=\"%23f8f9fa\" rx=\"8\"/><rect x=\"70\" y=\"360\" width=\"460\" height=\"40\" fill=\"%23f8f9fa\" rx=\"8\"/></svg>") 50%/cover no-repeat;border-radius:16px;width:100%;height:500px;margin-left:-2rem;box-shadow:0 8px 40px #0000001a}.community-content{padding:4rem 4rem 4rem 6rem}.community-content h2{color:var(--text-primary);margin-bottom:2rem;font-size:3rem;font-weight:700;line-height:1.1}.community-content p{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem;line-height:1.4}.professional-section{background:var(--bg-primary);z-index:2;padding:6rem 2rem;position:relative}.professional-container{grid-template-columns:1fr 1fr;align-items:center;gap:0;max-width:1400px;margin:0 auto;display:grid}.professional-content{order:1;padding:4rem 6rem 4rem 4rem}.professional-content h2{color:var(--text-primary);margin-bottom:2rem;font-size:3rem;font-weight:700;line-height:1.1}.professional-content p{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem;line-height:1.4}.professional-image{background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"600\" height=\"500\" viewBox=\"0 0 600 500\"><rect width=\"600\" height=\"500\" fill=\"%23f8f9fa\"/><rect x=\"50\" y=\"50\" width=\"500\" height=\"400\" fill=\"%23fff\" rx=\"12\" stroke=\"%23ddd\" stroke-width=\"2\"/><rect x=\"70\" y=\"80\" width=\"200\" height=\"15\" fill=\"%23333\" rx=\"4\"/><rect x=\"70\" y=\"110\" width=\"120\" height=\"12\" fill=\"%23ffc107\" rx=\"4\"/><rect x=\"70\" y=\"140\" width=\"460\" height=\"8\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"70\" y=\"160\" width=\"300\" height=\"8\" fill=\"%23e9ecef\" rx=\"4\"/><circle cx=\"520\" cy=\"120\" r=\"30\" fill=\"%23ffc107\" opacity=\"0.8\"/><circle cx=\"520\" cy=\"180\" r=\"25\" fill=\"%2328a745\" opacity=\"0.8\"/><circle cx=\"460\" cy=\"200\" r=\"20\" fill=\"%2317a2b8\" opacity=\"0.8\"/><rect x=\"70\" y=\"220\" width=\"460\" height=\"1\" fill=\"%23dee2e6\"/><rect x=\"70\" y=\"250\" width=\"150\" height=\"12\" fill=\"%23333\" rx=\"4\"/><rect x=\"70\" y=\"280\" width=\"460\" height=\"8\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"70\" y=\"300\" width=\"400\" height=\"8\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"70\" y=\"320\" width=\"350\" height=\"8\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"70\" y=\"350\" width=\"100\" height=\"30\" fill=\"%23007bff\" rx=\"15\"/></svg>") 50%/cover no-repeat;border-radius:16px;order:2;width:100%;height:500px;margin-right:-2rem;box-shadow:0 8px 40px #0000001a}.social-section{background:var(--bg-primary);z-index:2;padding:6rem 2rem;position:relative}.social-container{grid-template-columns:1fr 1fr;align-items:center;gap:0;max-width:1400px;margin:0 auto;display:grid}.social-image{background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"600\" height=\"500\" viewBox=\"0 0 600 500\"><rect width=\"600\" height=\"500\" fill=\"%23f8f9fa\"/><rect x=\"50\" y=\"50\" width=\"500\" height=\"400\" fill=\"%23fff\" rx=\"12\" stroke=\"%23ddd\" stroke-width=\"2\"/><rect x=\"70\" y=\"70\" width=\"200\" height=\"150\" fill=\"%234a90e2\" rx=\"8\"/><rect x=\"290\" y=\"80\" width=\"240\" height=\"15\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"290\" y=\"110\" width=\"180\" height=\"12\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"290\" y=\"140\" width=\"200\" height=\"12\" fill=\"%23e9ecef\" rx=\"4\"/><rect x=\"70\" y=\"240\" width=\"460\" height=\"40\" fill=\"%23f8f9fa\" rx=\"8\"/><rect x=\"70\" y=\"300\" width=\"460\" height=\"40\" fill=\"%23f8f9fa\" rx=\"8\"/><rect x=\"70\" y=\"360\" width=\"460\" height=\"40\" fill=\"%23f8f9fa\" rx=\"8\"/></svg>") 50%/cover no-repeat;border-radius:16px;width:100%;height:500px;margin-left:-2rem;box-shadow:0 8px 40px #0000001a}.social-content{padding:4rem 4rem 4rem 6rem}.social-content h2{color:var(--text-primary);margin-bottom:2rem;font-size:3rem;font-weight:700;line-height:1.1}.social-content p{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem;line-height:1.4}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;visibility:hidden;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;visibility:visible;background:#000000b3}.signup-modal{background:var(--modal-bg);width:90%;max-width:500px;box-shadow:0 20px 60px var(--shadow-heavy);border-radius:20px;max-height:90vh;padding:3rem;transition:all .3s;position:relative;overflow-y:auto;transform:scale(.7)translateY(20px)}.modal-overlay.active .signup-modal{transform:scale(1)translateY(0)}.close-modal{cursor:pointer;color:var(--text-light);background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.5rem;display:flex;position:absolute;top:1rem;right:1.5rem}.close-modal:hover{color:var(--text-primary)}.modal-title{text-align:center;color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.modal-description{text-align:center;color:var(--text-secondary);margin-bottom:2rem;line-height:1.4}.signup-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:600;display:block}.form-group input{border:2px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#007aff;outline:none}.password-options{justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.9rem;display:flex}.checkbox-group{align-items:center;gap:.5rem;display:flex}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-group label{color:var(--text-secondary);margin:0;font-weight:400}.forgot-password{color:#007aff;font-size:.9rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.continue-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:25px;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.continue-btn:hover{background:#0056cc}.login-link{text-align:center;color:var(--text-secondary);font-size:.9rem}.login-link a{color:#007aff;font-weight:600;text-decoration:none}.footer{z-index:3;clear:both;position:relative}.footer-main{background:var(--bg-secondary);color:var(--text-primary);padding:3rem 1.5rem 2rem}[data-theme=light] .footer-main{color:#333;background:#f8f9fa}.footer-container{grid-template-columns:2fr 1fr 1fr 1fr;align-items:start;gap:2rem;max-width:1400px;margin:0 auto;display:grid}.footer-subscription{padding-right:1.5rem}.footer-subscription h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.footer-subscription p{color:var(--text-secondary);max-width:400px;margin-bottom:1.5rem;font-size:.85rem;font-weight:400;line-height:1.4}.subscription-form{gap:.75rem;max-width:450px;margin-bottom:0;display:flex}.subscription-form input{color:#000;background:#fff;border:1px solid #ddd;border-radius:25px;outline:none;flex:1;padding:.75rem 1rem;font-size:.85rem}.subscription-form input::placeholder{color:#999}.subscribe-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#000;border:1px solid #000;border-radius:25px;flex-shrink:0;padding:.75rem 2rem;font-size:.8rem;font-weight:700;transition:background-color .3s}.subscribe-btn:hover{background:#333}.footer-contact .contact-info{flex-direction:column;gap:.25rem;display:flex}.footer-contact p{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600}.footer-links-left,.footer-links-right{flex-direction:column;gap:.25rem;display:flex}.footer-links-left a,.footer-links-right a{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.5;text-decoration:none;transition:opacity .3s}.footer-links-left a:hover,.footer-links-right a:hover{opacity:.7}.footer-bottom{color:#fff;background:#000;padding:.75rem 0}[data-theme=light] .footer-bottom{color:#fff;background:#000}.footer-bottom-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex}.copyright{color:#fff;font-size:.8rem}.social-icons{gap:.75rem;display:flex}.social-icon{color:#fff;border:1px solid #fff;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{color:#000;background:#fff}.social-icon svg{fill:currentColor;width:12px;height:12px}:root{--ticker-height:0px}header{margin-top:var(--ticker-height,0px)}@media (max-width:768px){header{margin-top:var(--ticker-height,0px)}}.course-page{background:var(--bg-secondary);min-height:100vh;padding-top:80px}.course-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:2rem 0 1.5rem}.course-header-container{max-width:1400px;margin:0 auto;padding:0 2rem}.course-breadcrumb{align-items:center;margin-bottom:1rem;font-size:.875rem;display:flex}.course-breadcrumb a{color:var(--primary-color);font-weight:500;text-decoration:none}.course-breadcrumb a:hover{color:var(--primary-hover)}.breadcrumb-separator{color:var(--text-light);margin:0 .5rem}.current-course{color:var(--text-secondary)}.course-header-content{max-width:800px}.course-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.course-meta{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.course-instructor{color:var(--text-primary);font-weight:600}.course-separator{color:var(--text-light)}.course-main{padding:2rem 0}.course-main-container{grid-template-columns:1fr 380px;align-items:start;gap:3rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid}.course-content{flex-direction:column;gap:2rem;display:flex}.video-section{background:var(--card-bg);box-shadow:0 4px 20px var(--shadow);border-radius:16px;overflow:hidden}.video-player-container{aspect-ratio:16/9;background:#000;position:relative}.video-placeholder{color:#fff;text-align:center;background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-placeholder-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.play-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex}.play-button:hover{background:#ffffff4d;transform:scale(1.05)}.play-icon{width:24px;height:24px;margin-left:4px}.video-controls{color:#fff;background:linear-gradient(#0000,#000c);padding:2rem 1.5rem 1.5rem;position:absolute;bottom:0;left:0;right:0}.controls-row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.control-button{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.control-button:hover{background:#ffffff4d}.progress-container{flex:1}.video-progress{cursor:pointer;background:#ffffff4d;border-radius:2px;width:100%;height:4px;overflow:hidden}.time-display{opacity:.9;justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.lesson-info-card{background:var(--card-bg);box-shadow:0 2px 10px var(--shadow);border-radius:16px;padding:2rem}.lesson-header{justify-content:between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.lesson-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.75rem;font-weight:700;line-height:1.3}.lesson-meta{color:var(--text-secondary);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.lesson-meta-item{align-items:center;gap:.25rem;display:flex}.lesson-actions{flex-shrink:0;gap:.75rem;margin-left:auto;display:flex}.lesson-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.course-sidebar{max-height:none;position:static;top:auto;overflow-y:visible}.sidebar-card{background:var(--card-bg);box-shadow:0 2px 10px var(--shadow);border-radius:16px;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:1.5rem}.sidebar-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.sidebar-subtitle{color:var(--text-secondary);font-size:.875rem}.chapters-list{max-height:500px;overflow-y:auto}.chapter-item{border-bottom:1px solid var(--border-color)}.chapter-item:last-child{border-bottom:none}.chapter-header{background:var(--bg-secondary);color:var(--text-primary);z-index:2;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;position:sticky;top:0}.lessons-list{background:var(--card-bg)}.lesson-item{cursor:pointer;border-bottom:1px solid #00000008;align-items:center;padding:.75rem 1.5rem;transition:all .2s;display:flex}.lesson-item:hover{background:var(--bg-secondary)}.lesson-item.active{border-left:3px solid var(--primary-color);background:#007aff1a}.lesson-status{flex-shrink:0;width:20px;height:20px;margin-right:.75rem}.lesson-status.completed{color:#10b981}.lesson-status.current{color:var(--primary-color)}.lesson-status.pending{color:var(--text-light)}.lesson-details{flex:1;min-width:0}.lesson-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:.875rem;font-weight:500;line-height:1.3;overflow:hidden}.lesson-duration{color:var(--text-secondary);font-size:.75rem}.course-progress-bar{background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;padding:1rem}.progress-stats{justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;display:flex}.progress-label{color:var(--text-secondary)}.progress-value{color:var(--text-primary);font-weight:600}.progress-bar-container{background:var(--border-color);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-color),#34d399);border-radius:4px;height:100%;transition:width .3s}.progress-percentage{text-align:center;margin-top:.75rem}.progress-number{color:var(--primary-color);font-size:1.5rem;font-weight:700}.progress-text{color:var(--text-secondary);margin-top:.25rem;font-size:.5rem}.instructor-card{background:var(--card-bg);box-shadow:0 2px 10px var(--shadow);border-radius:16px;padding:2rem}.instructor-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.instructor-avatar{background:var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.instructor-avatar img{object-fit:cover;width:100%;height:100%}.instructor-info{flex:1}.instructor-name{color:var(--text-primary);font-size:16px;font-weight:600}@media (max-width:1200px){.nav{padding:0 1.5rem}.stats-container{gap:3rem}.community-container,.professional-container,.social-container{gap:2rem}}@media (max-width:968px){.header-search-field{display:none}.burger-menu{display:flex}.nav-buttons .theme-toggle{display:none}.hero-content h1{font-size:3rem}.stats-container{text-align:center;grid-template-columns:1fr;gap:2rem}.stats-numbers{align-items:center}.community-container,.professional-container,.social-container{grid-template-columns:1fr;gap:3rem}.community-image,.professional-image,.social-image{order:1;margin:0}.community-content,.professional-content,.social-content{order:2;padding:2rem 0}.course-main-container{grid-template-columns:1fr;gap:2rem}.course-sidebar{max-height:none;position:relative;top:auto}}@media (max-width:768px){.header{padding:.75rem 1rem}.nav{padding:0 20px!important}.mobile-menu{display:flex}.mobile-menu-overlay{display:block}.search-form{padding:1.5rem 1rem}.search-results{padding:0 1rem 1.5rem}.results-list{padding:0}.search-input{font-size:16px}.search-result-item{padding:16px 12px}.result-title{font-size:15px}.result-category{font-size:13px}.logo img{transform-origin:0;height:22px;transform:scale(.6)}.hero-content h1{font-size:2.5rem;line-height:1}.hero-content .tagline{font-size:1.2rem}.stats{padding:3rem 1rem}.community-section,.professional-section,.social-section{padding:4rem 1rem}.community-content h2,.professional-content h2,.social-content h2{font-size:2rem}.footer-container{text-align:center;grid-template-columns:1fr;gap:2rem}.footer-subscription{padding-right:0}.subscription-form{flex-direction:column;gap:1rem;max-width:100%}.footer-bottom-content{text-align:center;flex-direction:column;gap:1rem}.course-title{font-size:2rem}.course-main-container{padding:0 1rem}}@media (max-width:480px){.logo img{transform-origin:0;height:20px;transform:scale(.6)}}@media (max-width:768px){.nav{padding-left:20px!important;padding-right:20px!important}}
html{max-width:100%;overflow-x:hidden}body{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}:root{--bg-primary:#141414;--hero-box-bg:#252525;--hero-text-color:white;--card-bg:#252525}[data-theme=light]{--bg-primary:#fff;--hero-box-bg:#ececec;--hero-text-color:#333;--card-bg:#ececec}.blog-hero-section{background:var(--bg-primary);margin-top:80px;padding:3rem 2rem 2rem;position:relative}.blog-hero-container{max-width:1400px;margin:0 auto;position:relative}.blog-hero-box{background:var(--hero-box-bg);text-align:center;color:var(--hero-text-color);border-radius:24px;padding:5rem 3rem 4rem;transition:all .3s}.blog-hero-title{margin:0 0 1.5rem;font-size:4rem;font-weight:700;line-height:1.1}.blog-hero-description{opacity:.9;max-width:800px;margin:0 auto 4rem;font-size:1.3rem}.hero-filter-container{flex-wrap:wrap;justify-content:center;gap:12px;max-width:1000px;margin:0 auto;display:flex}.blog-hero{text-align:center;margin-top:80px;padding:8rem 2rem 6rem}[data-theme=light] .blog-hero{color:#141414;background:#f8f9fa}[data-theme=dark] .blog-hero{color:#fff;background:#141414}.blog-hero-content{max-width:800px;margin:0 auto}.blog-hero h1{margin-bottom:1.5rem;font-size:4rem;font-weight:700;line-height:1.1}.hero-subtitle{opacity:.9;font-size:1.3rem}.filter-tag{cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #fff3;border-radius:25px;padding:8px 20px;font-size:.9rem;font-weight:500;transition:all .3s}[data-theme=light] .filter-tag{color:#333;background:#fffc;border:1px solid #0000001a}[data-theme=dark] .filter-tag{color:#fffc;background:#ffffff0d;border:1px solid #ffffff26}.filter-tag:hover{color:#fff!important;background:#007bff!important;border-color:#007bff!important}.filter-tag.active{color:#fff;background:#007bff;border-color:#007bff}[data-theme=light] .filter-tag:hover,[data-theme=dark] .filter-tag:hover{color:#fff!important;background:#007bff!important;border-color:#007bff!important}.posts-section{background:var(--bg-primary);padding:2rem 2rem 4rem}.posts-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;margin:0 auto 2rem;display:grid}article{color:inherit;background:var(--card-bg);border:1px solid #0000;border-radius:12px;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 20px #0000001a}[data-theme=light] article{color:#333;background:var(--card-bg)!important}[data-theme=dark] article{color:#fff;background:var(--card-bg)!important}article:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 12px 24px #00000014,0 6px 12px #0000000f,0 2px 4px #0000000a}article:hover button{box-shadow:0 4px 12px #0003}[data-theme=dark] article:hover button{background:#f0f0f0}[data-theme=light] article:hover button{background:#404040}article button{color:#fff;fontWeight:500;fontSize:.9rem;cursor:pointer;background:#333;border:none;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;transition:all .3s;display:flex}[data-theme=dark] article button{color:#000;background:#fff}[data-theme=light] article button{color:#fff;background:#333}article:hover:before{content:"";pointer-events:none;opacity:0;z-index:1;opacity:1;background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 50%,#ffffff08 100%);border-radius:12px;transition:opacity .4s;position:absolute;inset:0}article>div{z-index:2;position:relative}article:focus{outline-offset:2px;outline:2px solid #007bff}.post-card{background:var(--card-bg);border:1px solid var(--border-color);color:inherit;box-shadow:0 4px 20px var(--shadow);border-radius:12px;text-decoration:none;transition:all .3s;overflow:hidden}.post-card:hover{box-shadow:0 15px 35px var(--shadow-heavy);border-color:var(--primary-color);transform:translateY(-5px)}.post-card-inner{height:100%;display:block}.post-image{background:var(--bg-tertiary);width:100%;height:240px;position:relative;overflow:hidden}.post-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-card:hover .post-thumbnail{transform:scale(1.05)}.post-placeholder-image{background:linear-gradient(135deg,var(--primary-color),#049);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-content span{opacity:.8;font-size:3rem}.post-content-card{padding:1.5rem}.post-content-card .post-date{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.85rem;font-weight:500;display:block}.post-content-card .post-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem;font-weight:600;line-height:1.3}.post-content-card .post-excerpt{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.read-more{color:var(--primary-color);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.read-more svg{transition:transform .3s}.post-card:hover .read-more svg{transform:translate(4px)}.results-info{text-align:center;color:var(--text-secondary);background:var(--bg-primary);padding:1rem 2rem;font-size:.9rem}@media (prefers-reduced-motion:reduce){article{transition:box-shadow .2s}article:hover,article:hover img,article:hover button,article:hover button svg,.post-card:hover,.post-card:hover .post-thumbnail{transform:none}.blog-hero-box,.filter-tag{transition:none}}@media (max-width:768px){.blog-hero-section{padding:2rem 1rem 1.5rem}.blog-hero-box{border-radius:16px;padding:4rem 2rem 3rem}.blog-hero-title{font-size:2.5rem}.blog-hero-description{margin-bottom:3rem;font-size:1.1rem}.hero-filter-container{justify-content:center;padding:0 1rem}.posts-section{padding:1.5rem 1rem 3rem}.blog-hero{margin-top:80px;padding:4rem 2rem 3rem}.blog-hero h1{font-size:2.8rem}.hero-subtitle{font-size:1.1rem}.posts-grid{grid-template-columns:1fr;gap:1.5rem}.filter-container{justify-content:flex-start}article:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f,0 6px 12px #00000014}}@media (max-width:480px){.blog-hero-section{padding:1.5rem 1rem 1rem}.blog-hero-box{padding:3rem 1.5rem 2.5rem}.blog-hero-title{font-size:2rem}.blog-hero-description{margin-bottom:2.5rem;font-size:1rem}.hero-filter-container{gap:8px;padding:0 .5rem}.filter-tag{padding:4px 12px;font-size:.7rem}.posts-section{padding:1rem 1rem 2rem}}
.blog-container{background:var(--bg-primary);min-height:100vh;padding-top:120px}.blog-post{max-width:800px;margin:0 auto;padding:2rem}.post-header{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem}.post-header .post-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.post-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.post-meta .post-date{color:var(--text-secondary);font-size:.9rem;font-weight:500}.post-categories{flex-wrap:wrap;gap:.5rem;display:flex}.category-tag{background:var(--primary-color);color:#fff;text-transform:capitalize;border-radius:15px;padding:.3rem .8rem;font-size:.8rem;font-weight:500}html{scroll-behavior:smooth}.chapter-navigation{box-sizing:border-box!important;width:100%!important;max-width:100%!important;box-shadow:none!important;cursor:default!important;border:none!important;border-radius:12px!important;margin-bottom:2rem!important;padding:1.5rem!important;transition:none!important;transform:none!important}[data-theme=light] .chapter-navigation,[data-theme=dark] .chapter-navigation{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.chapter-navigation:hover,.chapter-navigation:focus,.chapter-navigation:active{background:inherit!important;box-shadow:none!important;border:none!important;transition:none!important;transform:none!important}[data-theme=light] .chapter-navigation:hover,[data-theme=light] .chapter-navigation:focus,[data-theme=light] .chapter-navigation:active,[data-theme=dark] .chapter-navigation:hover,[data-theme=dark] .chapter-navigation:focus,[data-theme=dark] .chapter-navigation:active{background:var(--bg-secondary)!important}.chapter-cards-container{flex-direction:column;gap:.25rem;display:flex}.chapter-card{cursor:pointer!important;color:var(--text-secondary)!important;text-align:left!important;background:0 0!important;border:none!important;border-radius:3px!important;align-items:center!important;gap:.5rem!important;width:100%!important;margin:0!important;padding:6px 8px!important;font-size:.85rem!important;font-weight:400!important;line-height:1.3!important;text-decoration:none!important;transition:all .2s!important;display:flex!important}.chapter-card:hover{color:#2563eb!important;transform:translate(4px)!important}.chapter-card.active{color:#2563eb!important;font-weight:500!important}.chapter-card:before{content:"→"!important;color:var(--text-secondary)!important;font-size:.8rem!important;transition:color .2s!important}.chapter-card:hover:before,.chapter-card.active:before{color:#2563eb!important}.blog-post{box-sizing:border-box!important;width:100%!important;max-width:100%!important;box-shadow:none!important;cursor:default!important;border:none!important;border-radius:12px!important;margin-bottom:2rem!important;padding:1.5rem!important;transition:none!important;transform:none!important}[data-theme=light] .blog-post,[data-theme=dark] .blog-post{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.blog-post:hover,.blog-post:focus,.blog-post:active{background:inherit!important;box-shadow:none!important;border:none!important;transition:none!important;transform:none!important}[data-theme=light] .blog-post:hover,[data-theme=light] .blog-post:focus,[data-theme=light] .blog-post:active,[data-theme=dark] .blog-post:hover,[data-theme=dark] .blog-post:focus,[data-theme=dark] .blog-post:active{background:var(--bg-secondary)!important}.post-content{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;background:0 0!important;transition:none!important;transform:none!important}.post-content h1{color:var(--text-primary);margin:2.5rem 0 1.5rem;font-size:2.2rem;font-weight:700;line-height:1.3}.post-content h2{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.8rem;font-weight:600;line-height:1.3}.post-content h3{color:var(--text-primary);margin:1.5rem 0 1rem;font-size:1.4rem;font-weight:600}.post-content h4{color:var(--text-primary);margin:1.5rem 0 .5rem;font-size:1.2rem;font-weight:600}.post-content p{color:var(--text-secondary);margin-bottom:1.5rem}.post-content img{max-width:100%;height:auto;box-shadow:0 4px 20px var(--shadow);border-radius:8px;margin:2rem 0}.post-content blockquote{background:var(--bg-secondary);border-left:4px solid var(--primary-color);color:var(--text-primary);border-radius:0 8px 8px 0;margin:2rem 0;padding:1.5rem;font-style:italic}.post-content ul,.post-content ol{color:var(--text-secondary);margin:1.5rem 0;padding-left:2rem}.post-content li{margin-bottom:.5rem;line-height:1.6}.post-content a{color:var(--primary-color);font-weight:500;text-decoration:none}.post-content a:hover{text-decoration:underline}.post-content code{background:var(--bg-secondary);font-family:var(--font-helvetica-now),"Monaco","Menlo","Ubuntu Mono",monospace;color:var(--text-primary);border-radius:4px;padding:.2rem .4rem;font-size:.9rem}.post-content pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:2rem 0;padding:1.5rem;overflow-x:auto}.post-content pre code{background:0 0;padding:0}.post-content img[id^=blog_img_]{will-change:auto;backface-visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:auto;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;box-shadow:0 4px 20px var(--shadow);background:#f5f5f5;border-radius:8px;margin:1.5rem 0;display:block;transform:translateZ(0);object-fit:cover!important;width:100%!important;height:450px!important;transition:none!important;animation:none!important}.post-content img[id^=blog_img_]:hover{transition:none!important;transform:translateZ(0)!important}.post-footer{border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.post-tags{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.post-tags span:first-child{color:var(--text-primary);margin-right:.5rem;font-weight:600}.post-tags .tag{background:var(--bg-secondary);color:var(--text-secondary);text-transform:lowercase;border:1px solid var(--border-color);border-radius:12px;padding:.3rem .6rem;font-size:.8rem}[data-theme=light] .post-tags .tag{color:#141414!important;background:#fff!important;border:1px solid #141414!important}[data-theme=dark] .post-tags .tag{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}.blog-nav{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;display:flex}.blog-nav a{color:var(--primary-color);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.blog-nav a:hover{background:var(--bg-secondary)}.back-to-blog{margin-bottom:2rem}.back-to-blog a{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;display:flex}.back-to-blog a:hover{color:var(--primary-color)}.side-panel{flex-direction:column;gap:2.5rem;display:flex;position:sticky;top:2rem}.unified-side-card{box-shadow:none!important;cursor:default!important;border:none!important;border-radius:12px!important;padding:1.5rem!important}[data-theme=light] .unified-side-card,[data-theme=dark] .unified-side-card{background:var(--bg-secondary)!important}.unified-side-card:hover,.unified-side-card:focus,.unified-side-card:active{background:inherit!important;box-shadow:none!important;border:none!important;transition:none!important;transform:none!important}[data-theme=light] .unified-side-card:hover,[data-theme=light] .unified-side-card:focus,[data-theme=light] .unified-side-card:active,[data-theme=dark] .unified-side-card:hover,[data-theme=dark] .unified-side-card:focus,[data-theme=dark] .unified-side-card:active{background:var(--bg-secondary)!important}.content-layout{grid-template-columns:1fr 320px;align-items:start;gap:3rem;width:100%;max-width:100%;display:grid}.main-content{width:100%;min-width:0;max-width:100%}.related-articles{margin-top:4rem;padding:0}.related-articles-header{align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.related-articles-header h2{color:var(--text-primary);white-space:nowrap;margin:0;font-size:1.5rem;font-weight:600}.related-articles-header .line{background:linear-gradient(to right,transparent,var(--border-color),transparent);flex:1;height:1px}.related-articles-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.related-article-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:transform .2s;overflow:hidden}.related-article-card:hover{transform:translateY(-2px)}.related-card-link{color:inherit;text-decoration:none;display:block}.related-article-image{width:100%;height:160px;overflow:hidden}.related-article-image img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.related-article-card:hover .related-article-image img{transform:scale(1.02)}.related-article-content{padding:1rem}.related-article-content h3{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.content-layout{grid-template-columns:1fr;gap:2rem}.side-panel{order:-1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid;position:static}.related-articles-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.blog-post{padding:1.5rem!important}.chapter-navigation{margin-bottom:1.5rem!important;padding:1rem!important}.side-panel{grid-template-columns:1fr}.blog-nav{text-align:center;flex-direction:column;gap:1rem}.related-articles-grid{grid-template-columns:1fr;gap:1rem}.related-articles-header{gap:1rem}.related-articles-header h2{font-size:1.3rem}.chapter-card{padding:4px 6px!important;font-size:.8rem!important}.chapter-card:hover{transform:translate(2px)!important}.post-content img[id^=blog_img_]{height:375px!important}.related-article-image{height:140px}}.blog-post :not(.chapter-card):before,.blog-post :not(.chapter-card):after,.post-content :before,.post-content :after{content:none!important;display:none!important}.blog-post :not(.chapter-card):hover:before,.blog-post :not(.chapter-card):hover:after,.post-content :hover:before,.post-content :hover:after{content:none!important;background:0 0!important;display:none!important}.blog-post,.blog-post:hover,.post-content,.post-content:hover,[data-theme=dark] .blog-post,[data-theme=dark] .blog-post:hover,[data-theme=dark] .post-content,[data-theme=dark] .post-content:hover{background:var(--bg-secondary)!important;transition:none!important}[data-theme=dark] .blog-post,[data-theme=dark] article.blog-post,[data-theme=dark] .main-content .blog-post{background:var(--bg-secondary)!important}[data-theme=dark] .blog-post:hover,[data-theme=dark] .blog-post:focus,[data-theme=dark] .blog-post:active,[data-theme=dark] article.blog-post:hover,[data-theme=dark] article.blog-post:focus,[data-theme=dark] article.blog-post:active,[data-theme=dark] .main-content .blog-post:hover,[data-theme=dark] .main-content .blog-post:focus,[data-theme=dark] .main-content .blog-post:active{background:var(--bg-secondary)!important;transition:none!important;transform:none!important}[data-theme=dark] .blog-post:before,[data-theme=dark] .blog-post:after,[data-theme=dark] .blog-post:hover:before,[data-theme=dark] .blog-post:hover:after{content:none!important;background:0 0!important;display:none!important}@media (max-width:480px){.content-layout{gap:1.5rem}.blog-post{padding:1rem!important}.post-content img[id^=blog_img_]{height:300px!important}}
.lesson-extras .tab-content p,.lesson-extras .course-highlights li,.lesson-extras .instructor-bio,.lesson-extras .detail-item,.lesson-extras .download-text,.lesson-extras .download-text p,.lesson-extras .coming-soon-section p{font-size:1rem;line-height:1.7}@media (max-width:768px){.lesson-extras .tab-content p,.lesson-extras .course-highlights li,.lesson-extras .instructor-bio,.lesson-extras .detail-item,.lesson-extras .download-text,.lesson-extras .download-text p,.lesson-extras .coming-soon-section p{font-size:.875rem!important;line-height:1.5!important}.lesson-extras .instructor-profile{text-align:left!important;flex-direction:column!important;align-items:flex-start!important}.lesson-extras .instructor-info-section,.lesson-extras .instructor-name,.lesson-extras .instructor-title,.lesson-extras .instructor-bio{text-align:left!important}.comments-component{padding:1.5rem 1rem!important}.comments-component .comments-header h3{font-size:1.25rem!important}.comments-component .comment-input-wrapper{gap:.75rem!important}.comments-component .comment-input-container{flex:1!important;width:100%!important}.comments-component .input-with-emoji{flex-direction:column!important;align-items:stretch!important;width:100%!important}.comments-component .comment-input{width:100%!important;padding-right:0!important}.comments-component .emoji-button{align-self:flex-start!important;margin-top:.5rem!important}.comments-component .emoji-picker{left:0!important;right:auto!important}.lesson-info-card{text-align:left!important}.lesson-info-card .lesson-info-container{align-items:flex-start!important}.lesson-info-card .lesson-content{text-align:left!important}.lesson-info-card .lesson-progress-section{align-items:flex-start!important;width:100%!important}.lesson-info-card .progress-circles{justify-content:flex-start!important}.lesson-info-card .motivational-message{text-align:left!important}.lesson-info-card .lesson-actions{justify-content:flex-start!important}.lesson-info-card .action-button{margin-left:0!important;margin-right:auto!important}}@media (max-width:480px){.lesson-extras .tab-content p,.lesson-extras .course-highlights li,.lesson-extras .instructor-bio{font-size:.8rem!important}}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:.7rem;font-weight:500;transition:all .2s;text-decoration:none!important;display:inline-flex!important}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;text-decoration:none!important}.btn-primary{color:#fff!important;background:#007aff!important}.btn-primary:hover{transform:translateY(-2px);color:#000!important;background:#fff!important;border-color:#0056cc!important;box-shadow:0 4px 12px #007aff4d!important}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;background:#ffffff1a!important;border:2px solid #fff9!important}.btn-secondary:hover{transform:translateY(-2px);color:#fff!important;background:#fff3!important;border-color:#fff!important;box-shadow:0 4px 12px #fff3!important}.btn-sm{padding:.5rem 1rem;font-size:.7rem}.btn-lg{padding:1rem 2rem!important;font-size:.85rem!important;font-weight:600!important}.btn-pill{border-radius:50px!important}.btn-icon{flex-shrink:0;width:18px;height:18px;margin-right:.5rem}.video-placeholder{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;justify-content:center;align-items:center;inset:0;display:flex!important;position:absolute!important}.video-placeholder-content{text-align:center;color:#fff}.play-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;margin:0 auto 1rem;background:#fff3!important;border:3px solid #fffc!important;border-radius:50%!important;width:80px!important;height:80px!important;transition:all .3s!important;display:flex!important}.play-button:hover{background:#ffffff4d!important;border-color:#fff!important;transform:scale(1.05)!important}.play-icon{margin-left:4px;color:#fff!important;width:24px!important;height:24px!important}.video-controls{color:#fff;background:linear-gradient(#0000,#000c);padding:2rem 1.5rem 1.5rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.video-controls.hidden{opacity:0}.controls-row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.control-button{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.control-button:hover{background:#ffffff4d}.progress-container{flex:1}.video-progress{cursor:pointer;background:#ffffff4d;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar{background:var(--primary-color);height:100%;transition:width .1s}.time-display{opacity:.9;justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.video-player-container{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.course-preview-hero{height:calc(100vh - 120px);margin:0;padding:0}.video-background-inset{box-sizing:border-box;border-radius:16px;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:0 2rem;position:relative;overflow:hidden}.video-background-inset>*{border-radius:16px;overflow:hidden}.video-overlay-button{z-index:10;padding:20px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-overlay-button.hidden{opacity:0;pointer-events:none}.course-bottom-section{background:var(--card-bg);border-top:1px solid var(--border-color);z-index:1000;padding:2rem 0;position:sticky;bottom:0}.course-bottom-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.course-bottom-info{flex:1}.course-bottom-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.course-bottom-meta{color:var(--text-secondary);margin:0;font-size:1rem}.lessons-preview-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.lesson-preview-card{background:var(--card-bg);box-shadow:0 2px 10px var(--shadow);border-radius:16px;transition:transform .2s;overflow:hidden}.lesson-preview-card:hover{transform:translateY(-4px)}.lesson-thumbnail-container{aspect-ratio:16/9;background:var(--bg-secondary);position:relative}.lesson-thumbnail-img{object-fit:cover;width:100%;height:100%}.lesson-thumbnail-placeholder{background:linear-gradient(45deg,var(--bg-secondary),var(--border-color));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-icon{opacity:.5;width:48px;height:48px;color:var(--text-light)}.lesson-duration-badge{color:#fff;background:#000c;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex;position:absolute;bottom:8px;right:8px}.duration-icon{width:12px;height:12px}.lesson-preview-info{padding:1.5rem}.lesson-number-badge{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.lesson-preview-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.3}.lesson-preview-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.course-details-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.detail-card{background:var(--card-bg);box-shadow:0 2px 10px var(--shadow);border-radius:16px;padding:2rem}.detail-card h3{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.detail-card h4{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.detail-card p{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6}.course-page{background:var(--bg-secondary);min-height:100vh;padding-top:10px}.course-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:2rem 0 1.5rem}.course-header-container{max-width:1400px;margin:0 auto;padding:0 2rem}.course-breadcrumb{align-items:center;margin-bottom:1rem;font-size:.875rem;display:flex}.course-breadcrumb a{color:var(--primary-color);font-weight:500;text-decoration:none}.course-breadcrumb a:hover{color:var(--primary-hover)}.breadcrumb-separator{color:var(--text-light);margin:0 .5rem}.current-course{color:var(--text-secondary)}.course-header-content{max-width:800px}.course-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.course-meta{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.course-instructor{color:var(--text-primary);font-weight:600}.course-separator{color:var(--text-light)}.course-main{padding:2rem 0}.course-main-container{grid-template-columns:1fr 380px;align-items:start;gap:3rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid}.course-main-container.single-column{grid-template-columns:1fr;gap:3rem}.course-content{flex-direction:column;gap:2rem;display:flex}.video-section{background:var(--card-bg);box-shadow:0 4px 20px var(--shadow);border-radius:16px;overflow:hidden}.course-sidebar{max-height:calc(100vh - 120px);position:sticky;top:100px;overflow-y:auto}.lesson-extras .tab-content p{color:var(--text-secondary)!important;max-width:none!important;margin-bottom:1.5rem!important;line-height:1.5!important}.lesson-extras .course-highlights{background:var(--bg-secondary)!important;border-radius:12px!important;margin-top:1rem!important;padding:1.5rem!important;line-height:.6!important}.lesson-extras .course-highlights h4{color:var(--text-primary)!important;margin-bottom:1rem!important;font-weight:600!important}.lesson-extras .course-highlights ul{margin:0!important;padding:0!important;list-style:none!important}.lesson-extras .course-highlights li{color:var(--text-secondary)!important;align-items:flex-start!important;gap:.75rem!important;padding:.4rem 0!important;line-height:1.6!important;display:flex!important}.lesson-extras .course-highlights li:before{content:"✓"!important;color:#2997ff!important;flex-shrink:0!important;margin-top:.1rem!important;font-size:1rem!important;font-weight:700!important}.lesson-extras .course-details-summary{background:var(--bg-secondary)!important;border-radius:12px!important;margin-top:2.5rem!important;padding:1.5rem!important}.lesson-extras .course-details-summary h4{color:var(--text-primary)!important;margin-bottom:1.5rem!important;font-weight:600!important}.lesson-extras .details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:.75rem!important;display:grid!important}.lesson-extras .detail-item{color:var(--text-secondary)!important;font-size:.875rem!important;line-height:1!important}.lesson-extras .detail-item strong{color:var(--text-primary)!important}.download-text{background:var(--bg-secondary)!important;border-left:4px solid var(--primary-color)!important;border-radius:12px!important;margin:1rem 0!important;padding:1.5rem!important}.download-text p{color:var(--text-secondary)!important;margin:0!important;line-height:1.6!important}.download-text a{color:var(--primary-color)!important;font-weight:500!important;text-decoration:none!important}.download-text a:hover{color:var(--primary-hover)!important;text-decoration:underline!important}.lesson-extras .download-text a{color:#2997ff!important}.lesson-extras .download-text a:hover{color:#1a7ae6!important;text-decoration:underline!important}.lesson-extras .instructor-profile{align-items:flex-start!important;gap:1.5rem!important;margin-top:1.5rem!important;display:flex!important}.lesson-extras .instructor-profile-image{object-fit:cover!important;border:3px solid var(--border-color)!important;border-radius:50%!important;flex-shrink:0!important;width:100px!important;height:100px!important}.lesson-extras .instructor-info-section{flex:1!important}.lesson-extras .instructor-name{color:var(--text-primary)!important;margin:0 0 .25rem!important;font-size:1.25rem!important;font-weight:700!important}.lesson-extras .instructor-title{color:var(--primary-color)!important;margin:0 0 1rem!important;font-size:.9rem!important;font-weight:500!important}.lesson-extras .instructor-bio{color:var(--text-secondary)!important;margin:0!important;line-height:1.7!important}@media (max-width:768px){.lesson-extras .instructor-profile{flex-direction:column!important;gap:1rem!important}.lesson-extras .instructor-profile-image{width:80px!important;height:80px!important}}.downloads-tab{padding-bottom:2rem!important}.download-available{text-align:left!important}.download-available p{color:var(--text-primary);font-weight:500;text-align:left!important;margin-bottom:3rem!important}.download-button-container{justify-content:flex-start!important;margin:2rem 0!important;display:flex!important}.course-download-btn{color:#fff!important;cursor:pointer!important;box-shadow:none!important;background:#2997ff!important;border:none!important;border-radius:50px!important;align-items:center!important;gap:.75rem!important;padding:1rem 2rem!important;font-family:inherit!important;font-size:1rem!important;font-weight:600!important;line-height:1!important;text-decoration:none!important;transition:background-color .2s!important;display:flex!important;transform:none!important}.course-download-btn:hover{color:#fff!important;box-shadow:none!important;background:#1a7ae6!important;text-decoration:none!important;transform:none!important}.course-download-btn:focus{color:#fff!important;box-shadow:none!important;background:#1a7ae6!important;outline:none!important;transform:none!important}.course-download-btn:active{color:#fff!important;box-shadow:none!important;background:#1a7ae6!important;transform:none!important}.course-download-btn:disabled{cursor:not-allowed!important;opacity:.7!important;background:#1a7ae6!important}.lesson-extras .course-download-btn{color:#fff!important;background:#2997ff!important}.lesson-extras .course-download-btn:hover{color:#fff!important;background:#1a7ae6!important}@media (max-width:1024px){.course-main-container{grid-template-columns:1fr;gap:2rem}.course-sidebar{order:-1;max-height:none;position:static}}@media (max-width:968px){.course-bottom-content{text-align:center;flex-direction:column;gap:1.5rem}.btn-lg{width:100%!important}}@media (max-width:768px){.course-page{padding-top:0}.course-header{padding:1rem 0}.course-header-container,.course-bottom-content{padding:0 1rem}.course-title{font-size:1.75rem}.course-main-container,.video-background-inset{padding:0 1rem}.course-bottom-title{font-size:1.25rem}.course-bottom-meta{font-size:.875rem}.lessons-preview-grid{grid-template-columns:1fr}}@media (max-width:480px){.course-meta{flex-direction:column;align-items:flex-start;gap:.25rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.checkout-page{background-image:url(/images/checkout/checkout-background-1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative}.checkout-page:before{content:"";z-index:1;background:#0009;position:absolute;inset:0}.checkout-loading{background-image:url(/images/checkout/checkout-background-1.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.checkout-loading:before{content:"";background:#0009;position:absolute;inset:0}.checkout-loading .loading-content{z-index:1;color:#fff;flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.checkout-loading .loading-spinner{border:3px solid #ffffff4d;border-top-color:#007aff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite checkout-spin}.checkout-page .main-content{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.checkout-page .checkout-container{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;width:100%;max-width:1000px;min-height:100vh;display:grid}.checkout-page .payment-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 25px #0000001a}.checkout-page .price-reminder{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:1.5rem;padding:.75rem}.checkout-page .price-reminder-amount{color:#1f2937;font-size:1.5rem;font-weight:700}.checkout-page .price-reminder-period{color:#6b7280;margin-left:.25rem;font-size:1rem}.checkout-page .user-info{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:.75rem}.checkout-page .user-info-label{color:#6b7280;margin-bottom:.25rem;font-size:.85rem;font-weight:500}.checkout-page .user-email{color:#1f2937;font-weight:500}.checkout-page .express-checkout{margin-bottom:1.5rem}.checkout-page .express-checkout-title{text-align:center;color:#6b7280;margin-bottom:.75rem;font-size:.9rem}.checkout-page .express-buttons{gap:.75rem;margin-bottom:1rem;display:flex}.checkout-page .express-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:10px 14px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.checkout-page .apple-pay-btn{color:#fff;background:#000}.checkout-page .apple-pay-btn:hover{background:#333}.checkout-page .google-pay-btn{color:#fff;background:#4285f4}.checkout-page .google-pay-btn:hover{background:#3367d6}.checkout-page .divider{color:#9ca3af;align-items:center;margin:1rem 0;font-size:.875rem;display:flex}.checkout-page .divider:before,.checkout-page .divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.checkout-page .divider span{padding:0 1rem}.checkout-page .payment-form{margin-bottom:1rem}.checkout-page .payment-element-container{margin-bottom:1.5rem}.checkout-page .submit-button{cursor:pointer;border:none;border-radius:4px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.checkout-page .submit-button:disabled{cursor:not-allowed}.checkout-page .submit-button.loading{color:#6b7280;background:#9ca3af}.checkout-page .submit-button.success{color:#fff;background:#007aff;animation:.5s ease-out checkout-successPulse}.checkout-page .submit-button.default{color:#fff;background:#007aff}.checkout-page .submit-button.default:hover:not(:disabled){background:#0056cc;transform:translateY(-1px);box-shadow:0 4px 15px #007aff4d}.checkout-page .resource-purchase-button{cursor:pointer;border:none;border-radius:4px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.checkout-page .resource-purchase-button:disabled{cursor:not-allowed}.checkout-page .resource-purchase-button.loading{color:#6b7280;background:#9ca3af}.checkout-page .resource-purchase-button.success{color:#fff;background:#10b981;animation:.5s ease-out checkout-successPulse}.checkout-page .resource-purchase-button.default{color:#fff;background:#007aff}.checkout-page .resource-purchase-button.default:hover:not(:disabled){background:#0056cc;transform:translateY(-1px);box-shadow:0 4px 15px #007aff4d}.checkout-page .button-content{justify-content:center;align-items:center;gap:.5rem;display:flex}.checkout-page .checkmark{font-size:1.1rem;animation:.3s ease-out checkout-checkmarkAppear}.checkout-page .loading-spinner{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite checkout-spin}.checkout-page .payment-message{color:#dc2626;background:#fef2f2;border-left:3px solid #dc2626;border-radius:4px;margin-top:1rem;padding:.75rem;font-size:.9rem}.checkout-page .success-message{text-align:center;color:#007aff;margin-top:1rem;font-size:.9rem;font-weight:500}.checkout-page .security-info{color:#6b7280;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.8rem;display:flex}.checkout-page .security-icon{width:16px;height:16px}.checkout-page .features-section{color:#fff;flex-direction:column;justify-content:center;padding:2rem 0;display:flex;position:relative}.checkout-page .logo-container{max-width:400px;margin-bottom:2.5rem!important;margin-left:0!important;margin-right:auto!important;padding:0!important}.checkout-page .logo{max-width:200px!important;height:auto!important;margin:0!important;display:block!important}.checkout-page .features-content{text-align:left;max-width:400px;margin:0;padding:0}.checkout-page .features-title{color:#fff;margin-bottom:2rem;margin-left:0;padding-left:0;font-size:1.25rem;font-weight:600}.checkout-page .features-list{margin:0 0 3rem;padding:0;list-style:none}.checkout-page .features-list li{color:#ffffffe6;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1rem;display:flex}.checkout-page .check-icon{color:#fff;background:#007aff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:flex}.checkout-page .trustpilot-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.checkout-page .trustpilot-title{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.checkout-page .trustpilot-review{color:#ffffffe6;font-size:.9rem;font-style:italic;line-height:1.5}.checkout-page .membership-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.checkout-page .membership-title{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.checkout-page .membership-info{color:#ffffffe6;margin:0;font-size:.9rem;line-height:1.5}.checkout-page .membership-link{color:#007aff;margin-left:.5rem;text-decoration:underline}.checkout-page .membership-link:hover{color:#0056cc}@keyframes checkout-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkout-successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes checkout-checkmarkAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.checkout-page .checkout-container{grid-template-columns:1fr;align-items:center;gap:2rem}.checkout-page .features-section{padding:1rem 0;text-align:center!important}.checkout-page .logo-container{text-align:center!important;margin-bottom:2.5rem!important;margin-left:auto!important}.checkout-page .logo{margin:0 auto!important}.checkout-page .features-content{text-align:center;margin:0 auto}.checkout-page .main-content{padding:1rem}.checkout-page .payment-section{padding:1.5rem 1rem}}
.onboarding-container *{box-sizing:border-box;margin:0;padding:0}.onboarding-container{font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#fff;scrollbar-gutter:stable;background:#141414;min-height:100vh;overflow:hidden auto}.onboarding-progress-bar{z-index:1000;background:#1a1a1a;border-bottom:1px solid #333;position:fixed;top:0;left:0;right:0}.onboarding-progress-track{background:#333;height:3px;position:relative}.onboarding-progress-fill{background:#2997ff;height:100%;transition:width .6s ease-out}.onboarding-progress-info{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.onboarding-progress-title{color:#fff;font-size:16px;font-weight:500}.onboarding-progress-step{color:#999;align-items:center;gap:12px;font-size:14px;display:flex}.onboarding-progress-dots{gap:4px;display:flex}.onboarding-progress-dot{background:#333;border-radius:50%;width:6px;height:6px;transition:background .3s}.onboarding-progress-dot.active{background:#2997ff}.onboarding-step{background:#141414;flex-direction:column;min-height:100vh;padding-top:100px;display:flex}.onboarding-content{flex:1;justify-content:center;align-items:center;padding:20px 20px 60px;display:flex}@media (min-width:769px){.onboarding-content{padding:20px 20px 120px}}@media (max-width:480px){.onboarding-container{width:100%;max-width:100vw;position:relative}.onboarding-content{width:100%;padding:20px 0}.onboarding-inner{width:100%;max-width:100%;padding:0 20px}.onboarding-step{width:100%;max-width:100vw;overflow-x:hidden}}.onboarding-inner{text-align:center;box-sizing:border-box;width:100%;max-width:720px;margin:0 auto}.onboarding-title{color:#fff;font-size:28px;font-weight:700;line-height:1.3;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:16px}.onboarding-subtitle{color:#b3b3b3;max-width:600px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:15px;font-weight:400;line-height:1.5}.onboarding-options{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-width:600px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:flex}.onboarding-option{text-align:left;cursor:pointer;color:#fff;font-size:16px;font-weight:400;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#2a2a2a;border:1px solid #404040;border-radius:8px;align-items:center;gap:16px;padding:14px 20px;transition:all .2s;display:flex;position:relative}.onboarding-option:hover{background:#333;border-color:#2997ff}.onboarding-option.selected{color:#fff;background:#333;border-color:#2997ff}.onboarding-option-checkbox,.onboarding-checkbox{background:0 0;border:2px solid #666;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:relative}.onboarding-option.selected .onboarding-option-checkbox,.onboarding-option.selected .onboarding-checkbox,.onboarding-checkbox.checked{background:#2997ff;border-color:#2997ff}.onboarding-option.selected .onboarding-option-checkbox:after,.onboarding-checkbox.checked .onboarding-checkbox-icon{color:#fff;font-size:12px}.onboarding-checkbox-icon{width:12px;height:12px}.onboarding-radio-options{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;display:flex}.onboarding-radio-option{cursor:pointer;color:#fff;font-size:16px;font-weight:400;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#2a2a2a;border:1px solid #404040;border-radius:8px;align-items:flex-start;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.onboarding-radio-option:hover,.onboarding-radio-option.selected{background:#333;border-color:#2997ff}.onboarding-radio-circle,.onboarding-radio{border:2px solid #666;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .2s;display:flex;position:relative}.onboarding-radio-option.selected .onboarding-radio-circle,.onboarding-radio-option.selected .onboarding-radio,.onboarding-radio.checked{border-color:#2997ff}.onboarding-radio-option.selected .onboarding-radio-circle:after,.onboarding-radio.checked .onboarding-radio-dot{content:"";background:#2997ff;border-radius:50%;width:8px;height:8px}.onboarding-option-content,.onboarding-radio-content{align-items:flex-start;gap:16px;width:100%;display:flex}.onboarding-option-text{flex:1}.onboarding-option-title{color:#fff;margin-bottom:4px;font-size:16px;font-weight:500;line-height:1.4}.onboarding-option-description{color:#b3b3b3;font-size:14px;line-height:1.4}.onboarding-option-icon{flex-shrink:0;margin-top:2px;font-size:20px}.onboarding-footer{-webkit-backdrop-filter:blur(10px);z-index:100;background:#141414f2;border-top:1px solid #333;padding:24px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080}.onboarding-nav{justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;display:flex}.onboarding-back-btn{color:#b3b3b3;cursor:pointer;font-size:16px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;transition:color .2s;display:flex}.onboarding-back-btn:hover:not(:disabled){color:#fff}.onboarding-back-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-next-btn{color:#fff;cursor:pointer;min-width:120px;font-size:16px;font-weight:600;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#2997ff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;transition:all .2s;display:flex}.onboarding-next-btn:hover:not(:disabled){background:#1976d2}.onboarding-next-btn:disabled{color:#666;cursor:not-allowed;background:#333}.onboarding-loading-spinner{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.onboarding-skip{color:#666;cursor:pointer;z-index:100;font-size:14px;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:0 0;border:none;padding:8px 16px;transition:color .2s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.onboarding-skip:hover:not(:disabled){color:#999}.onboarding-form{max-width:400px;margin:0 auto}.onboarding-form-group{text-align:left;margin-bottom:24px}.onboarding-form-label{color:#fff;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:8px;display:block}.onboarding-form-input{color:#fff;width:100%;font-size:16px;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:16px;transition:border-color .2s}.onboarding-form-input:focus{border-color:#2997ff;outline:none}.onboarding-form-input::placeholder{color:#666}.onboarding-form-help{color:#b3b3b3;margin-top:6px;font-size:12px;line-height:1.4}.onboarding-info-box{background:#2a2a2a;border:1px solid #404040;border-radius:8px;align-items:flex-start;gap:12px;max-width:500px;margin:24px auto;padding:16px;display:flex}.onboarding-info-icon{color:#2997ff;flex-shrink:0;width:20px;height:20px;margin-top:2px}.onboarding-info-text{color:#b3b3b3;font-size:14px;line-height:1.5}.onboarding-selection-feedback{text-align:center;color:#2997ff;justify-content:center;align-items:center;height:24px;margin-top:16px;font-size:14px;font-weight:500;display:flex}.onboarding-grouped-options{max-width:700px;margin:0 auto}.onboarding-category-group{margin-bottom:32px}.onboarding-category-title{color:#2997ff;text-align:left;font-size:18px;font-weight:600;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:16px}.onboarding-category-options{flex-direction:column;gap:8px;display:flex}.onboarding-radio-option.enhanced{padding:20px}.onboarding-option-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.onboarding-badge{color:#b3b3b3;background:#404040;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s}.onboarding-badge.selected{color:#fff;background:#2997ff}.onboarding-option-subtext{color:#999;margin-top:4px;font-size:12px}.onboarding-processing{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.onboarding-processing-spinner-container{margin:32px 0}.onboarding-processing-spinner{border:3px solid #333;border-top-color:#2997ff;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:1s linear infinite spin}.onboarding-processing-text{color:#fff;margin-bottom:16px;font-size:20px;font-weight:500;animation:1.5s ease-in-out fadeInOut}.onboarding-processing-dots{gap:8px;margin:24px 0;display:flex}.onboarding-processing-dot{background:#333;border-radius:50%;width:8px;height:8px;transition:background .3s}.onboarding-processing-dot.active{background:#2997ff}.onboarding-processing-context{color:#b3b3b3;max-width:400px;margin-top:24px;font-size:14px;line-height:1.5}.onboarding-courses-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:900px;margin:32px auto;display:grid}.onboarding-course-card{cursor:pointer;opacity:0;background:#2a2a2a;border:1px solid #404040;border-radius:12px;transition:all .2s;overflow:hidden;transform:translateY(20px)}.onboarding-course-card.visible{opacity:1;transform:translateY(0)}.onboarding-course-card.selected{background:#333;border-color:#2997ff}@media (max-width:768px){.onboarding-title{font-size:24px}.onboarding-subtitle{margin-bottom:32px;font-size:16px}.onboarding-content{padding:20px 16px 100px}.onboarding-options,.onboarding-radio-options{max-width:100%}.onboarding-option,.onboarding-radio-option{padding:14px 16px;font-size:15px}.onboarding-nav{padding:0 16px}.onboarding-next-btn{padding:14px 24px;font-size:15px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-step{animation:.4s ease-out fadeIn}.onboarding-welcome-container{text-align:center;max-width:600px;margin:0 auto;padding:0 20px}.onboarding-welcome-logo{margin-bottom:48px}.onboarding-welcome-logo img{width:auto;height:29px;margin-bottom:24px}.onboarding-welcome-title{color:#fff;margin-bottom:24px;font-size:48px;font-weight:700;line-height:1.2}.onboarding-welcome-message{margin-bottom:48px;padding:32px 0}.onboarding-welcome-message p{color:#fff;margin:0;font-size:20px;font-weight:500;line-height:1.6}.onboarding-welcome-button{color:#fff;cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#258ef6;border:none;border-radius:8px;padding:16px 48px;transition:all .2s}.onboarding-welcome-button:hover:not(:disabled){background:#1976d2;transform:translateY(-1px)}.onboarding-welcome-button:disabled{opacity:.5;cursor:not-allowed}.onboarding-welcome-subtext{color:#888;margin-top:24px;font-size:13px}@media (max-width:768px) and (min-width:481px){.onboarding-footer{padding-bottom:24px}}@media (max-width:768px){.onboarding-welcome-container{padding:0 16px}.onboarding-welcome-logo{margin-bottom:32px}.onboarding-welcome-logo img{height:26px;margin-bottom:16px}.onboarding-welcome-title{margin-bottom:16px;font-size:36px}.onboarding-welcome-message{margin-bottom:32px;padding:24px 0}.onboarding-welcome-message p{font-size:18px}.onboarding-welcome-subtext{margin-top:16px}}@media (max-width:480px){.onboarding-welcome-logo img{height:24px}.onboarding-welcome-title{font-size:28px}.onboarding-welcome-message p{font-size:16px}.onboarding-welcome-button{width:100%;max-width:300px;padding:14px 32px;font-size:15px}.onboarding-welcome-subtext{font-size:12px}}.onboarding-fullname-form{max-width:450px;margin:0 auto}.onboarding-fullname-input{text-align:center;font-size:18px}@media (max-width:768px){.onboarding-fullname-form{max-width:100%}.onboarding-fullname-input{font-size:16px}}@media (max-width:480px){.onboarding-fullname-input{font-size:15px}.onboarding-info-box{padding:12px;font-size:13px}.onboarding-info-icon{width:18px;height:18px}}.onboarding-goals-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:600px;margin:32px auto 0;display:grid}.onboarding-goal-option{color:#b3b3b3;cursor:pointer;text-align:left;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a1a;border:1px solid #333;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.onboarding-goal-option:hover{background:#222;border-color:#555}.onboarding-goal-option.selected{color:#fff;background:#2a2a2a;border-color:#258ef6}.onboarding-goal-option.selected:hover{background:#2a2a2a;border-color:#258ef6}.onboarding-goal-checkbox{background:0 0;border:2px solid #555;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.onboarding-goal-checkbox.checked{background:#258ef6;border-color:#258ef6}.onboarding-custom-goal-input{animation:.3s fadeIn}@media (max-width:768px){.onboarding-goals-grid{gap:8px;max-width:100%}.onboarding-goal-option{padding:12px 14px;font-size:13px}}@media (max-width:480px){.onboarding-goals-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:24px}.onboarding-goal-option{gap:8px;padding:12px;font-size:13px}.onboarding-goal-checkbox{width:18px;height:18px}.onboarding-custom-goal-input{padding:0 16px}}.onboarding-profession-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:600px;margin:32px auto 0;display:grid}.onboarding-profession-option{color:#b3b3b3;cursor:pointer;text-align:left;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:14px 16px;transition:all .2s}.onboarding-profession-option:hover{background:#222;border-color:#555}.onboarding-profession-option.selected{color:#fff;background:#2a2a2a;border-color:#258ef6}.onboarding-profession-option.selected:hover{background:#2a2a2a;border-color:#258ef6}.onboarding-profession-input{color:#fff;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;grid-column:1/-1;padding:14px 16px;transition:all .2s}.onboarding-profession-input:focus{background:#222;border-color:#258ef6}.onboarding-profession-input.active{border-color:#258ef6}.onboarding-profession-input::placeholder{color:#666}@media (max-width:768px){.onboarding-profession-grid{gap:8px;max-width:100%}.onboarding-profession-option{padding:12px 14px;font-size:13px}}@media (max-width:480px){.onboarding-profession-grid{gap:8px;margin-top:24px}.onboarding-profession-option{align-items:center;height:52px;padding:12px;font-size:13px;line-height:1.3;display:flex}.onboarding-profession-input{padding:12px;font-size:13px}}.onboarding-experience-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:600px;margin:32px auto 0;display:grid}.onboarding-experience-option{color:#b3b3b3;cursor:pointer;text-align:left;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:14px 16px;transition:all .2s}.onboarding-experience-option:hover{background:#222;border-color:#555}.onboarding-experience-option.selected{color:#fff;background:#2a2a2a;border-color:#258ef6}.onboarding-experience-option.selected:hover{background:#2a2a2a;border-color:#258ef6}@media (max-width:768px){.onboarding-experience-grid{gap:8px;max-width:100%}.onboarding-experience-option{padding:12px 14px;font-size:13px}}@media (max-width:480px){.onboarding-experience-grid{gap:8px;margin-top:24px}.onboarding-experience-option{align-items:center;height:52px;padding:12px;font-size:13px;line-height:1.3;display:flex}}.onboarding-interests-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:600px;margin:32px auto 0;display:grid}.onboarding-interest-option{color:#b3b3b3;cursor:pointer;text-align:left;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a1a;border:1px solid #333;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.onboarding-interest-option:hover{background:#222;border-color:#555}.onboarding-interest-option.selected{color:#fff;background:#2a2a2a;border-color:#258ef6}.onboarding-interest-option.selected:hover{background:#2a2a2a;border-color:#258ef6}.onboarding-interest-checkbox{background:0 0;border:2px solid #555;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.onboarding-interest-checkbox.checked{background:#258ef6;border-color:#258ef6}.onboarding-interest-input-wrapper{flex-direction:column;grid-column:1/-1;gap:6px;display:flex}.onboarding-interest-input{color:#fff;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;padding:14px 16px;transition:all .2s}.onboarding-interest-input:focus{background:#222;border-color:#258ef6}.onboarding-interest-input.active{border-color:#258ef6}.onboarding-interest-input::placeholder{color:#666}.onboarding-interest-input-help{color:#888;margin:0;padding:0 4px;font-size:12px;line-height:1.4}@media (max-width:768px){.onboarding-interests-grid{gap:8px;max-width:100%}.onboarding-interest-option{padding:12px 14px;font-size:13px}.onboarding-interest-input{font-size:13px}.onboarding-interest-input-help{font-size:11px}}@media (max-width:480px){.onboarding-interests-grid{gap:8px;margin-top:24px}.onboarding-interest-option{height:52px;padding:12px;font-size:13px;line-height:1.3}.onboarding-interest-checkbox{width:18px;height:18px}.onboarding-interest-input{padding:12px;font-size:13px}.onboarding-interest-input-help{font-size:11px}}.onboarding-option:focus,.onboarding-radio-option:focus,.onboarding-next-btn:focus,.onboarding-back-btn:focus{outline-offset:2px;outline:2px solid #2997ff}.onboarding-value-reveal{background:#141414}.onboarding-courses-context{text-align:center;margin-bottom:24px}.onboarding-courses-badge{color:#b3b3b3;background:#2a2a2a;border:1px solid #404040;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.onboarding-badge-icon{width:16px;height:16px}.onboarding-selection-info{text-align:center;color:#b3b3b3;margin-top:24px;font-size:14px}@media (max-width:480px){.onboarding-progress-step-text{display:none}}.onboarding-referral-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:600px;margin:32px auto 0;display:grid}.onboarding-referral-option{color:#b3b3b3;cursor:pointer;text-align:left;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:14px 16px;transition:all .2s}.onboarding-referral-option:hover{background:#222;border-color:#555}.onboarding-referral-option.selected{color:#fff;background:#2a2a2a;border-color:#258ef6}.onboarding-referral-option.selected:hover{background:#2a2a2a;border-color:#258ef6}.onboarding-referral-input-wrapper{max-width:600px;margin:16px auto 0;animation:.3s fadeIn}.onboarding-referral-input{color:#fff;width:100%;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;padding:14px 16px;transition:all .2s}.onboarding-referral-input:focus{background:#222;border-color:#258ef6}.onboarding-referral-input.active{border-color:#258ef6}.onboarding-referral-input::placeholder{color:#666}@media (max-width:768px){.onboarding-referral-grid{gap:8px;max-width:100%}.onboarding-referral-option{padding:12px 14px;font-size:13px}.onboarding-referral-input{font-size:13px}}@media (max-width:480px){.onboarding-referral-grid{gap:8px;margin-top:24px}.onboarding-referral-option{align-items:center;height:52px;padding:12px;font-size:13px;line-height:1.3;display:flex}.onboarding-referral-input{padding:12px;font-size:13px}.onboarding-referral-input-wrapper{padding:0 16px}}.onboarding-location-columns{grid-template-columns:repeat(2,1fr);gap:20px;max-width:600px;margin:32px auto 0;display:grid}.onboarding-location-column{flex-direction:column;display:flex}.onboarding-location-column .onboarding-form-input,.onboarding-location-column select.onboarding-form-input{color:#b3b3b3;height:48px;font-size:14px;font-weight:500;font-family:var(--font-helvetica-now),-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;padding:0 16px;transition:all .2s}.onboarding-location-column .onboarding-form-input:focus,.onboarding-location-column select.onboarding-form-input:focus{color:#fff;background:#222;border-color:#555}.onboarding-location-column .onboarding-form-input::placeholder{color:#666;font-size:14px}.onboarding-location-column .onboarding-form-label{color:#b3b3b3;margin-bottom:8px;font-size:13px;font-weight:500}.onboarding-location-grid,.onboarding-location-option{display:none}@media (max-width:768px){.onboarding-location-columns{gap:16px;max-width:100%}.onboarding-location-column .onboarding-form-input,.onboarding-location-column select.onboarding-form-input,.onboarding-location-column .onboarding-form-label{font-size:13px}}@media (max-width:480px){.onboarding-location-columns{grid-template-columns:1fr;gap:24px;margin-top:24px}.onboarding-location-column .onboarding-form-input,.onboarding-location-column select.onboarding-form-input{padding:12px 14px;font-size:13px}.onboarding-location-column .onboarding-form-label{margin-bottom:8px;font-size:13px}.react-select-container .react-select__control{padding:4px 6px;font-size:13px}}.onboarding-profile-setup-container{max-width:500px;margin:0 auto}@media (max-width:768px){.onboarding-profile-setup-container{max-width:100%;padding:0 16px}}@media (max-width:480px){.onboarding-profile-setup-container{padding:0}.onboarding-info-box{padding:12px;font-size:11px}.onboarding-info-text{font-size:11px!important}}.zoom-slider-range{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:40px}.zoom-slider-range::-webkit-slider-track{background:#999;border-radius:4px;width:100%;height:8px}.zoom-slider-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2997ff;border:none;border-radius:50%;width:24px;height:24px;margin-top:0;position:relative}.zoom-slider-range::-moz-range-track{background:#999;border-radius:4px;width:100%;height:8px}.zoom-slider-range::-moz-range-thumb{cursor:pointer;background:#2997ff;border:none;border-radius:50%;width:24px;height:24px;margin-top:0}.zoom-slider-range::-ms-track{color:#0000;background:#999;border-color:#0000;border-radius:4px;width:100%;height:8px}.zoom-slider-range::-ms-thumb{cursor:pointer;background:#2997ff;border:none;border-radius:50%;width:24px;height:24px}.onboarding-processing-logo-wrapper{text-align:center;margin-bottom:40px}.onboarding-processing-logo-container{display:inline-block}.onboarding-processing-logo{filter:drop-shadow(0 0 20px #2997ff4d);width:auto;height:32px;margin-bottom:12px;animation:3s ease-in-out infinite logoGlow}.onboarding-processing-glow{background:linear-gradient(90deg,#0000,#2997ff,#0000);border-radius:2px;width:80px;height:3px;margin:0 auto;animation:2s ease-in-out infinite pulse}.onboarding-processing-spinner{text-align:center;margin-bottom:32px}.onboarding-processing-spinner-ring{border:3px solid #2997ff33;border-top-color:#2997ff;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin}.onboarding-processing-messages{text-align:center}.onboarding-processing-messages .onboarding-title{margin-bottom:16px}.onboarding-processing-message-container{justify-content:center;align-items:center;height:60px;display:flex}.onboarding-processing-message{color:#b3b3b3;opacity:1;margin:0;font-size:16px;font-weight:500;transition:opacity .3s}.onboarding-processing-dots{justify-content:center;gap:8px;margin-top:32px;display:flex}.onboarding-processing-dot{background-color:#2997ff33;border-radius:50%;width:8px;height:8px;transition:background-color .3s}.onboarding-processing-dot.active{background-color:#2997ff}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px #2997ff4d)}50%{filter:drop-shadow(0 0 30px #2997ff99)drop-shadow(0 0 40px #2997ff33)}}@media (max-width:768px){.onboarding-processing-logo{height:28px}.onboarding-processing-glow{width:70px}.onboarding-processing-message{font-size:15px}.onboarding-processing-message-container{height:50px}}@media (max-width:480px){.onboarding-processing-logo-wrapper{margin-bottom:32px}.onboarding-processing-logo{height:24px}.onboarding-processing-glow{width:60px;height:2px}.onboarding-processing-spinner{margin-bottom:24px}.onboarding-processing-spinner-ring{width:36px;height:36px}.onboarding-processing-message{font-size:14px}.onboarding-processing-message-container{height:48px;padding:0 16px}.onboarding-processing-dots{gap:6px;margin-top:24px}.onboarding-processing-dot{width:6px;height:6px}.onboarding-footer{padding:16px 16px 24px}.onboarding-nav{gap:8px}.onboarding-back-btn,.onboarding-next-btn,.onboarding-skip-btn{min-width:auto!important;padding:10px 16px!important;font-size:13px!important}.onboarding-nav[style*=space-between] .onboarding-skip-btn,.onboarding-nav[style*=space-between] .onboarding-back-btn{padding:10px 12px!important;font-size:12px!important}.onboarding-nav[style*=space-between] .onboarding-next-btn{flex-shrink:0;padding:10px 14px!important;font-size:13px!important}}@media (max-width:380px){.onboarding-back-btn,.onboarding-next-btn,.onboarding-skip-btn{padding:9px 12px!important;font-size:12px!important}.onboarding-nav[style*=space-between] .onboarding-skip-btn,.onboarding-nav[style*=space-between] .onboarding-back-btn{padding:9px 10px!important;font-size:11px!important}.onboarding-nav[style*=space-between] .onboarding-next-btn{padding:9px 12px!important;font-size:12px!important}}:is(.onboarding-content:has(.onboarding-poster-grid) .onboarding-title,.onboarding-content:has(.onboarding-poster-grid) .onboarding-subtitle){max-width:1400px;margin-left:auto;margin-right:auto}.onboarding-courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:32px;display:grid}.onboarding-course-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.onboarding-course-card:hover{border-color:#258ef6;transform:translateY(-2px)}.onboarding-course-number{color:#fff;z-index:2;background:#258ef6;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.onboarding-course-thumbnail{background:#2a2a2a;width:100%;height:180px;overflow:hidden}.onboarding-course-thumbnail img{object-fit:cover;width:100%;height:100%}.onboarding-course-content{padding:20px}.onboarding-course-title{color:#fff;margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.3}.onboarding-course-level{color:#258ef6;background:#258ef61a;border-radius:4px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.onboarding-course-description{color:#b3b3b3;margin-bottom:12px;font-size:14px;line-height:1.5}.onboarding-course-meta{color:#888;gap:16px;font-size:13px;display:flex}.onboarding-course-meta span{align-items:center;gap:4px;display:flex}@media (max-width:768px){.onboarding-courses-grid{grid-template-columns:1fr;gap:16px}.onboarding-course-thumbnail{height:160px}.onboarding-course-title{font-size:16px}}@media (max-width:480px){.onboarding-courses-grid{gap:12px;margin-top:24px}.onboarding-course-card{border-radius:10px}.onboarding-course-number{padding:3px 8px;font-size:11px;top:10px;left:10px}.onboarding-course-thumbnail{height:140px}.onboarding-course-content{padding:16px}.onboarding-course-title{font-size:15px}.onboarding-course-description{font-size:13px}.onboarding-course-meta{gap:12px;font-size:12px}}.onboarding-reveal-header{opacity:0;text-align:center;margin-bottom:32px;transition:all .6s .1s;transform:translateY(20px)}.onboarding-reveal-header .onboarding-title{margin-bottom:8px;font-size:36px}.onboarding-reveal-header .onboarding-subtitle{margin-bottom:0;font-size:16px}.onboarding-reveal-features{grid-template-columns:repeat(2,1fr);gap:12px;max-width:700px;margin:0 auto 32px;display:grid}.onboarding-reveal-feature-card{opacity:0;background:#1a1a1a;border:1px solid #333;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;transition:all .4s;display:flex;position:relative;transform:translateY(10px)}.onboarding-reveal-feature-card.visible{opacity:1;transform:translateY(0)}.onboarding-reveal-feature-icon{color:#2997ff;flex-shrink:0;order:2;width:24px;height:24px}.onboarding-reveal-feature-content{text-align:left;flex:1;order:1;min-width:0}.onboarding-reveal-feature-title{color:#fff;text-align:left;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.3}.onboarding-reveal-feature-description{color:#b3b3b3;text-align:left;margin-bottom:0;font-size:12px;line-height:1.5}.onboarding-reveal-message{opacity:0;background:#1a1a1a;border:1px solid #333;border-radius:10px;max-width:700px;margin:0 auto;padding:16px;transition:opacity .6s;display:none}.onboarding-reveal-message.visible{opacity:1}.onboarding-reveal-message-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.onboarding-reveal-message-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.onboarding-reveal-message-author{text-align:left;flex:1}.onboarding-reveal-message-name{color:#2997ff;margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.2}.onboarding-reveal-message-credentials{color:#888;margin:0;font-size:11px;line-height:1.2}.onboarding-reveal-message-quote{text-align:left;color:#fff;margin:0;font-size:13px;font-style:italic;line-height:1.6}.onboarding-content .onboarding-reveal-header{opacity:1;transform:translateY(0)}@media (max-width:768px){.onboarding-reveal-features{gap:10px;max-width:100%}.onboarding-reveal-feature-card{padding:14px}.onboarding-reveal-message{max-width:100%}}@media (max-width:480px){.onboarding-reveal-header .onboarding-title{font-size:28px}.onboarding-reveal-header .onboarding-subtitle{font-size:14px}.onboarding-reveal-features{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}.onboarding-reveal-feature-card{gap:8px;padding:12px}.onboarding-reveal-feature-icon{width:20px;height:20px}.onboarding-reveal-feature-title{font-size:12px}.onboarding-reveal-feature-description{font-size:10px}.onboarding-reveal-message,.onboarding-reveal-message-header,.onboarding-reveal-message-avatar,.onboarding-reveal-message-author,.onboarding-reveal-message-name,.onboarding-reveal-message-credentials,.onboarding-reveal-message-quote{display:none}}.onboarding-poster-grid{grid-template-columns:repeat(5,1fr);gap:12px;max-width:1400px;margin:0 auto 24px;display:grid}@media (max-width:480px){.onboarding-poster-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width:768px) and (min-width:481px){.onboarding-poster-grid{grid-template-columns:repeat(3,1fr);gap:10px}}
.toolkit-workspace-container{background:var(--bg-primary);z-index:1000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden;gap:0!important;margin:0!important;padding:0!important}.beta-container{align-items:center;gap:12px;margin-right:16px;display:flex}.beta-badge{color:#000;text-transform:uppercase;letter-spacing:.5px;background:#ff8c00;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.beta-feedback{color:var(--text-secondary,#6b7280);white-space:nowrap;font-size:12px}.beta-feedback a{color:#2997ff;font-weight:500;text-decoration:none}.beta-feedback a:hover{text-decoration:underline}[data-theme=dark] .beta-feedback{color:#9ca3af}.toolkit-sidebar-overlay{z-index:900;background:#00000080;animation:.2s fadeIn;position:absolute;inset:0}[data-theme=dark] .toolkit-sidebar-overlay{background:#000000b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toolkit-sidebar{z-index:100;background:linear-gradient(135deg,#0000000f 0%,#00000014 100%);border-right:1px solid #00000026;flex-direction:column;width:260px;height:100%;min-height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:2px 0 8px #0000000a,inset -1px 0 #ffffff0d}[data-theme=dark] .toolkit-sidebar{background:linear-gradient(135deg,#0000004d 0%,#0003 100%);border-right:1px solid #ffffff1f;box-shadow:2px 0 8px #0000004d,inset -1px 0 #ffffff0d}.toolkit-sidebar.closed{opacity:0;pointer-events:none;border-right:none;width:0}.toolkit-sidebar-content{scrollbar-width:thin;scrollbar-color:#0000004d transparent;height:100%;padding:0 12px 16px;overflow-y:auto}[data-theme=dark] .toolkit-sidebar-content::-webkit-scrollbar{width:6px}[data-theme=dark] .toolkit-sidebar-content::-webkit-scrollbar-track{background:0 0}[data-theme=dark] .toolkit-sidebar-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.toolkit-sidebar-section{margin-bottom:20px}.toolkit-sidebar-section:first-child{margin-top:0;padding-top:16px}button.toolkit-sidebar-item{text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.toolkit-sidebar-label{text-transform:uppercase;letter-spacing:.5px;color:#00000080;margin-bottom:4px;padding:8px 12px;font-size:11px;font-weight:600}[data-theme=dark] .toolkit-sidebar-label{color:#ffffff73}.toolkit-sidebar-item{color:#000000b3;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[data-theme=dark] .toolkit-sidebar-item{color:#ffffffb3}.toolkit-sidebar-item:hover{color:#000000e6;background:linear-gradient(135deg,#0000000a 0%,#0000000f 100%)}[data-theme=dark] .toolkit-sidebar-item:hover{color:#fffffff2;background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%)}.toolkit-sidebar-item.active{color:#2997ff;background:linear-gradient(135deg,#2997ff1f 0%,#2997ff14 100%);font-weight:600;box-shadow:inset 0 1px #2997ff33,inset 0 -1px #2997ff1a}[data-theme=dark] .toolkit-sidebar-item.active{color:#5ab4ff;background:linear-gradient(135deg,#2997ff2e 0%,#2997ff1f 100%);box-shadow:inset 0 1px #2997ff4d,inset 0 -1px #2997ff26}.toolkit-sidebar-item svg{opacity:.7;flex-shrink:0;width:18px;height:18px;transition:opacity .2s}.toolkit-sidebar-item:hover svg,.toolkit-sidebar-item.active svg{opacity:1}.toolkit-sidebar-divider{background:linear-gradient(90deg,#0000 0%,#0000001a 20% 80%,#0000 100%);height:1px;margin:12px 0}[data-theme=dark] .toolkit-sidebar-divider{background:linear-gradient(90deg,#0000 0%,#ffffff1a 20% 80%,#0000 100%)}.toolkit-topbar{z-index:90;background:linear-gradient(135deg,#00000005 0%,#0000000a 100%);border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;margin:0;padding:0 20px;display:flex;box-shadow:0 1px 3px #00000005}[data-theme=dark] .toolkit-topbar{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff05 100%);border-bottom:1px solid #ffffff14;box-shadow:0 1px 3px #0003}.toolkit-topbar-left,.toolkit-topbar-right{align-items:center;gap:12px;display:flex}.toolkit-menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.toolkit-menu-toggle:hover{background:linear-gradient(135deg,#0000000a 0%,#0000000f 100%)}[data-theme=dark] .toolkit-menu-toggle:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%)}.toolkit-back-link{color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.toolkit-back-link:hover{color:var(--text-primary);background:linear-gradient(135deg,#0000000a 0%,#0000000f 100%)}[data-theme=dark] .toolkit-back-link:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%)}.toolkit-topbar-divider{background:#0000001a;width:1px;height:24px}[data-theme=dark] .toolkit-topbar-divider{background:#ffffff1a}.toolkit-current-tool-badge{color:var(--text-primary);background:linear-gradient(135deg,#00000008 0%,#0000000d 100%);border:1px solid #00000014;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:500;display:flex;box-shadow:inset 0 1px #ffffff80}[data-theme=dark] .toolkit-current-tool-badge{background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff14}.toolkit-icon-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.toolkit-icon-button:hover{color:var(--text-primary);background:linear-gradient(135deg,#0000000a 0%,#0000000f 100%)}[data-theme=dark] .toolkit-icon-button:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%)}.toolkit-main{flex:1;display:flex;position:relative;overflow:hidden;margin:0!important;padding:0!important}.toolkit-canvas{background:var(--bg-primary);flex:1;margin:0;padding:0;position:relative;overflow:auto}.toolkit-canvas-content{flex-direction:column;height:100%;display:flex}.toolkit-welcome-container{background:var(--bg-primary);width:100%;height:100%;padding:3rem 2rem;overflow-y:auto}.toolkit-welcome-content{flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.toolkit-welcome-hero{text-align:center;padding:2rem 0}.toolkit-welcome-emoji{margin-bottom:1.5rem;font-size:4rem;animation:2s ease-in-out infinite wave}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-14deg)}}.toolkit-welcome-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.5rem;font-weight:700;line-height:1.2}.toolkit-welcome-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.toolkit-welcome-section-title svg{color:#2997ff;opacity:.8}.toolkit-welcome-tip-card{background:var(--bg-primary);border:1px solid #00000014;border-radius:8px;padding:1.5rem;transition:all .2s}[data-theme=dark] .toolkit-welcome-tip-card{border:1px solid #ffffff14}.toolkit-welcome-tip-card:hover{border-color:#2997ff;transform:translateY(-2px);box-shadow:0 4px 12px #2997ff1a}.toolkit-tip-icon{color:#2997ff;background:linear-gradient(135deg,#2997ff1f 0%,#2997ff14 100%);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;display:flex;box-shadow:inset 0 1px #2997ff33}.toolkit-welcome-tip-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.toolkit-welcome-tip-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.toolkit-welcome-tools{padding:2rem 0}.toolkit-welcome-tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.toolkit-welcome-tool-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00000005 0%,#0000000a 100%);border:1px solid #00000014;border-radius:12px;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005,inset 0 1px #ffffff80}[data-theme=dark] .toolkit-welcome-tool-card{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff05 100%);border:1px solid #ffffff14;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff0d}.toolkit-welcome-tool-card:hover{background:var(--bg-primary);border-color:#2997ff;transform:translate(4px);box-shadow:0 4px 16px #2997ff1f,inset 0 1px #ffffff80}[data-theme=dark] .toolkit-welcome-tool-card:hover{box-shadow:0 4px 16px #2997ff33,inset 0 1px #ffffff0d}.toolkit-tool-card-icon{color:#2997ff;background:linear-gradient(135deg,#2997ff1f 0%,#2997ff14 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:inset 0 1px #2997ff33}.toolkit-tool-card-content{flex:1}.toolkit-tool-card-content h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.toolkit-tool-card-description{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.toolkit-tool-card-tip{color:#2997ff;font-size:.75rem;font-style:italic}.toolkit-welcome-footer{text-align:center;border-top:1px solid #00000014;padding:2rem 0}[data-theme=dark] .toolkit-welcome-footer{border-top:1px solid #ffffff14}.toolkit-welcome-footer p{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.toolkit-welcome-button{color:#2997ff;background:linear-gradient(135deg,#2997ff1f 0%,#2997ff14 100%);border:1px solid #2997ff33;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 2px 4px #2997ff1a,inset 0 1px #2997ff33}[data-theme=dark] .toolkit-welcome-button{color:#5ab4ff;background:linear-gradient(135deg,#2997ff2e 0%,#2997ff1f 100%)}.toolkit-welcome-button:hover{background:linear-gradient(135deg,#2997ff2e 0%,#2997ff1f 100%);transform:translateY(-2px);box-shadow:0 4px 12px #2997ff33,inset 0 1px #2997ff4d}.toolkit-placeholder-container{justify-content:center;align-items:center;min-height:60vh;display:flex}.toolkit-placeholder-content{text-align:center;color:var(--text-secondary)}.toolkit-placeholder-icon{color:var(--text-muted);margin-bottom:20px}.toolkit-placeholder-title{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:600}.toolkit-placeholder-text{margin-bottom:8px;font-size:15px;line-height:1.6}.toolkit-placeholder-note{color:var(--text-muted);margin-top:16px;font-size:13px;font-style:italic}.toolkit-placeholder-code{background:var(--bg-secondary);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:12px}.desktop-only{display:inline}.toolkit-welcome-hero{margin-bottom:32px}.toolkit-welcome-emoji{font-size:48px}.toolkit-welcome-title{margin-bottom:8px;font-size:28px}.toolkit-welcome-subtitle{font-size:15px}.toolkit-helper-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:100%;margin:0 0 32px;padding:24px;transition:all .3s;box-shadow:0 4px 12px #00000014}.toolkit-helper-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolkit-helper-icon{color:#fff;background:linear-gradient(135deg,#2997ff 0%,#1e7ee6 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.toolkit-helper-text{flex:1}.toolkit-helper-text h3{color:var(--text-primary);margin:0 0 2px;font-size:16px;font-weight:600}.toolkit-helper-text p{color:var(--text-secondary);margin:0;font-size:13px}.toolkit-helper-input-area{position:relative}.toolkit-helper-input{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 52px 12px 16px;font-size:16px;transition:all .2s}.toolkit-helper-input:disabled{opacity:.6}.toolkit-helper-send-btn{background:var(--bg-secondary);cursor:not-allowed;color:#fff;opacity:.5;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.toolkit-helper-send-btn:not(:disabled){cursor:pointer;opacity:1;background:#2997ff}.toolkit-welcome-tips{margin-bottom:32px}.toolkit-welcome-section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:600;display:flex}.toolkit-welcome-tips-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.toolkit-welcome-tip-card{border:1px solid var(--border-color);text-align:left;cursor:pointer;background:0 0;border-radius:12px;padding:16px;transition:all .2s}.toolkit-tip-icon-wrapper{color:#2997ff;background:#2997ff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:12px;display:flex}.toolkit-welcome-tip-card h3{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.toolkit-welcome-tip-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.toolkit-welcome-tools-grid{flex-wrap:wrap;gap:10px;display:flex}.toolkit-welcome-tool-link{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.tool-name-full{display:inline}.tool-name-short{display:none}@media (max-width:1024px){.toolkit-sidebar{z-index:100;height:calc(100vh - 60px);position:fixed;top:60px;left:0;box-shadow:2px 0 12px #00000026,inset -1px 0 #ffffff0d}[data-theme=dark] .toolkit-sidebar{box-shadow:2px 0 12px #0006,inset -1px 0 #ffffff0d}.toolkit-sidebar.closed{width:260px;transform:translate(-100%)}.toolkit-canvas-content{padding:20px}.toolkit-welcome-container{padding:2rem 1rem}}@media (max-width:1023px){.desktop-only{display:none}.toolkit-welcome-hero{text-align:center;margin-bottom:24px}.toolkit-welcome-emoji{font-size:36px}.toolkit-welcome-title{font-size:22px}.toolkit-welcome-subtitle{font-size:14px}.toolkit-helper-container{border-radius:12px;margin:0 0 24px;padding:16px}.toolkit-helper-header{gap:10px;margin-bottom:12px}.toolkit-helper-icon{border-radius:8px;width:36px;height:36px}.toolkit-helper-icon svg{width:18px;height:18px}.toolkit-helper-text h3{font-size:15px}.toolkit-helper-text p{font-size:12px}.toolkit-helper-input{border-radius:8px;padding:10px 48px 10px 14px;font-size:16px}.toolkit-helper-send-btn{border-radius:6px;width:32px;height:32px;right:4px}.toolkit-helper-send-btn svg{width:14px;height:14px}.toolkit-welcome-tips{margin-bottom:24px;padding:0 20px}.toolkit-welcome-section-title{margin-bottom:12px;font-size:15px}.toolkit-welcome-section-title svg{width:16px;height:16px}.toolkit-welcome-tips-grid{grid-template-columns:repeat(2,1fr);gap:10px}.toolkit-welcome-tip-card{border-radius:10px;padding:14px}.toolkit-tip-icon-wrapper{width:28px;height:28px;margin-bottom:10px}.toolkit-tip-icon-wrapper svg{width:16px;height:16px}.toolkit-welcome-tip-card h3{font-size:13px}.toolkit-welcome-tip-card p{font-size:11px}.toolkit-welcome-tools{padding:0 20px}.toolkit-welcome-tools .toolkit-welcome-section-title{margin-bottom:12px;font-size:15px}.toolkit-welcome-tools-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.toolkit-welcome-tool-link{border-radius:8px;justify-content:flex-start;gap:6px;padding:12px 16px;font-size:12px;display:flex}.toolkit-welcome-tool-link svg{width:14px;height:14px}.tool-name-full{display:none}.tool-name-short{display:inline}}@media (max-width:768px){.toolkit-welcome-content{gap:2rem}}@media (max-width:640px){.toolkit-topbar-left{gap:8px}.toolkit-back-link span{display:none}.toolkit-current-tool-badge{padding:6px 10px;font-size:13px}.toolkit-canvas-content{padding:16px}.toolkit-welcome-container{padding:1.5rem 1rem}.toolkit-helper-messages{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}[data-theme=light] .toolkit-helper-messages{scrollbar-color:#00000026 transparent}.toolkit-helper-messages::-webkit-scrollbar{width:6px}.toolkit-helper-messages::-webkit-scrollbar-track{background:0 0}.toolkit-helper-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.toolkit-helper-messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] .toolkit-helper-messages::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] .toolkit-helper-messages::-webkit-scrollbar-thumb:hover{background:#00000040}}