:root{--color-blue-50:#f0f7fc;--color-blue-100:#e1f0fa;--color-blue-200:#b8d4e8;--color-blue-300:#8fc2dc;--color-blue-400:#7eb8d8;--color-blue-500:#5a9bc4;--color-blue-600:#4785ad;--color-blue-700:#356d91;--color-orange-50:#fff8f0;--color-orange-100:#fff4e6;--color-orange-200:#ffecd4;--color-orange-300:#ffd9b3;--color-orange-400:#ffb366;--color-orange-500:#f93;--color-orange-600:#e68a2e;--color-orange-700:#cc7a29;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--background:var(--color-gray-50);--foreground:var(--color-gray-900);--primary:var(--color-blue-500);--primary-light:var(--color-blue-400);--primary-dark:var(--color-blue-600);--primary-hover:var(--color-blue-600);--secondary:var(--color-orange-400);--secondary-light:var(--color-orange-300);--secondary-dark:var(--color-orange-500);--secondary-hover:var(--color-orange-500);--surface:#fff;--surface-glass:#ffffffeb;--border:var(--color-gray-200);--border-light:var(--color-blue-200);--muted:var(--color-gray-600);--error:#ef4444;--error-light:#fef2f2;--success:#16a34a;--success-light:#f0fdf4;--gradient-primary:linear-gradient(135deg,var(--color-blue-400)0%,var(--color-blue-500)100%);--gradient-secondary:linear-gradient(135deg,var(--color-orange-400)0%,var(--color-orange-500)100%);--gradient-primary-hover:linear-gradient(135deg,var(--color-blue-500)0%,var(--color-blue-600)100%);--gradient-secondary-hover:linear-gradient(135deg,var(--color-orange-500)0%,var(--color-orange-600)100%);--gradient-page:linear-gradient(135deg,var(--color-blue-50)0%,#fdfaf7 50%,var(--color-blue-100)100%);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #5a9bc41a;--shadow-lg:0 10px 25px #5a9bc426;--shadow-xl:0 20px 40px #5a9bc433;--shadow-primary:0 4px 14px #5a9bc459;--shadow-secondary:0 4px 14px #ffb36659;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--primary-cta:#10b981;--secondary-cta:#64748b;--font-geist-sans:"Geist","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-geist-mono:"Geist Mono",SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}.site-main{min-height:calc(100vh - 72px);padding-top:68px}body{color:var(--foreground);background:var(--gradient-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}img,video,iframe,canvas,svg{max-width:100%;height:auto}*{box-sizing:border-box}html{width:100%;margin:0;padding:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid #e2e8f099;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out fadeInUp;box-shadow:0 20px 50px #0f172a14,0 4px 12px #0f172a0a}.glass-card:hover{border-color:#e2e8f0cc;transform:translateY(-2px);box-shadow:0 28px 60px #0f172a1f,0 8px 16px #0f172a0f}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:var(--primary-cta);color:#fff;box-shadow:0 4px 14px #00000026}.btn-primary:hover{filter:brightness(.9);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 8px #2563eb40}.btn-secondary{background:var(--secondary-cta);color:#fff;box-shadow:0 4px 12px #0000001a}.btn-secondary:hover{filter:brightness(.9);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.input-group{text-align:left;margin-bottom:1.5rem}.input-label{color:#94a3b8;margin-bottom:.5rem;font-size:.875rem;display:block}.input-field{width:100%;color:var(--foreground);background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:.85rem 1.15rem;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0f172a08}.input-field:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px #5a9bc426,var(--shadow-md);background:#fff;outline:none;transform:translateY(-1px)}.input-field::placeholder{color:#94a3b8;transition:color .2s}.input-field:focus::placeholder{color:#cbd5e1}.page-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}@media (max-width:640px){.page-container{padding:1rem}}.site-header{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#fff;border-bottom:1px solid #e8edf2;width:100%;position:fixed;top:0;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a}.site-header-inner{justify-content:space-between;align-items:center;max-width:1280px;height:68px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.site-brand{letter-spacing:-.03em;color:#0f172a;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;text-decoration:none;transition:opacity .2s;display:flex}.site-brand img{object-fit:contain;width:auto;height:48px;display:block}.site-brand:hover{opacity:.8;text-decoration:none}.site-nav{flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.site-nav a{color:#475569;letter-spacing:.01em;white-space:nowrap;border-radius:8px;padding:.5rem 1rem;font-size:1.05rem;font-weight:500;transition:color .2s,background .2s;position:relative}.site-nav a:after{content:"";background:#10b981;border-radius:2px;width:60%;height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(0)}.site-nav a:hover{color:#0f172a;background:#f1f5f9}.site-nav a:hover:after{transform:translate(-50%)scaleX(1)}.site-nav-actions{flex-flow:row;flex-shrink:0;align-items:center;gap:.5rem;min-width:fit-content;height:68px;display:flex}@media (max-width:1024px){.site-header-inner{flex-flow:wrap;gap:1rem 0;height:auto;padding:1rem}.site-brand{order:1}.site-nav-actions{order:2;height:auto}.site-nav{flex-wrap:wrap;order:3;justify-content:center;gap:.5rem;width:100%;padding:.5rem 0;position:static;transform:none}}@media (max-width:640px){.site-header-inner{padding:0 .75rem}.site-nav a,.site-nav-link,.nav-cta,.logout-button{padding:.5rem .75rem;font-size:.85rem}.site-nav{gap:.35rem}}.course-tab-grid{grid-template-columns:1fr 380px;gap:64px;display:grid}@media (max-width:1024px){.course-tab-grid{grid-template-columns:1fr;gap:40px}}@media (max-width:640px){.course-tab-grid{gap:24px;padding:30px 24px}}.site-nav-link{color:#475569;white-space:nowrap;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;position:relative}.site-nav-link:hover{color:#0f172a;background:#f1f5f9}.nav-cta{background:var(--primary-cta);letter-spacing:.01em;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex;color:#fff!important}.nav-cta:after{display:none!important}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b9814d;color:#fff!important;background:#059669!important}.nav-cart-link{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex!important}.nav-cart-link:hover{color:#10b981!important}.nav-cart-link:after{display:none!important}.logout-button{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex!important}.logout-button:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.logout-button i{font-size:1.1rem}.nav-divider{background:#e2e8f0;width:1px;height:20px;margin:0 .25rem;display:inline-block}.lesson-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0f172a14!important}.course-card:hover{transform:translateY(-6px);border-color:#6366f14d!important;box-shadow:0 20px 50px #0f172a24,0 8px 20px #0f172a14!important}.behavioral-banner-wrapper{z-index:10000;pointer-events:none;justify-content:center;align-items:flex-start;padding-top:24px;display:flex;position:fixed;top:0;left:0;right:0}.behavioral-banner-container{z-index:10001;pointer-events:auto;width:90%;max-width:500px;animation:.5s cubic-bezier(.16,1,.3,1) bannerSlideDown;position:relative}.behavioral-banner-card{background:#fff;border:1px solid #ffffff1a;border-radius:20px;padding:32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.behavioral-banner-card:before{content:"";background:linear-gradient(90deg,var(--color-blue-400),var(--color-orange-400));height:6px;position:absolute;top:0;left:0;right:0}.behavioral-banner-card .close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.behavioral-banner-card .close-btn:hover{color:#0f172a;background:#e2e8f0}.behavioral-banner-card .banner-content{color:#1e293b;text-align:center;margin-top:8px;margin-bottom:24px;font-size:1.125rem;font-weight:600;line-height:1.6}.behavioral-banner-card .banner-cta{background:var(--gradient-secondary);color:#fff;border-radius:var(--radius-md);transition:var(--transition-normal);box-shadow:var(--shadow-secondary);justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.behavioral-banner-card .banner-cta:hover{background:var(--gradient-secondary-hover);transform:translateY(-2px);box-shadow:0 12px 24px #f936}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.behavioral-banner-wrapper{padding-top:2vh}.behavioral-banner-card{padding:24px}.site-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;height:auto;padding:.6rem 1rem .4rem;display:flex}.site-brand{flex:none;font-size:1.1rem}.site-brand img{height:52px}.site-nav-actions{flex:none;justify-content:flex-end;gap:.4rem;height:auto}.site-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid #f1f5f9;flex:0 0 100%;order:10;justify-content:center;gap:.15rem;width:100%;margin-top:.25rem;padding:.5rem 0 .2rem;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.35rem .6rem;font-size:.8rem}.site-nav a:after{display:none}.nav-cta{border-radius:8px;padding:.4rem .75rem;font-size:.75rem}.site-nav-link{padding:.4rem .6rem;font-size:.75rem}.nav-divider{height:16px;margin:0 .2rem}}.site-footer{color:#fff;background:#000;border-top:1px solid #ffffff0d;margin-top:100px;padding:80px 40px 60px;position:relative;overflow:hidden}.site-footer-inner{text-align:left;flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;display:flex}.footer-col{flex-direction:column;flex:1;gap:20px;min-width:250px;display:flex}.footer-col h3{color:#fff;letter-spacing:.5px;margin:0;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:600}.footer-col p{color:#a1a1aa;margin:0;font-size:.95rem;line-height:1.6}.footer-col nav{flex-direction:column;gap:12px;display:flex}.footer-col a{color:#a1a1aa;transition:color var(--transition-fast);font-size:.95rem;text-decoration:none}.footer-col a:hover{color:#fff}.site-footer-bottom{text-align:center;border-top:1px solid #ffffff1a;max-width:1200px;margin:60px auto 0;padding-top:20px}.site-footer-bottom p{color:#71717a;margin:0;font-size:.85rem}.footer-contact i{transition:transform var(--transition-normal);font-size:18px}.footer-contact a:hover i{transform:scale(1.1)}@media (max-width:768px){.site-footer{margin-top:60px;padding:40px 20px 30px}.footer-contact{flex-direction:column;align-items:center;gap:15px}.footer-contact a{justify-content:center;width:100%;max-width:300px}}.instructor-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a1a!important}.similar-course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f172a1f!important}@media (max-width:480px){html,body{overflow-x:hidden;width:100%!important;margin:0!important;padding:0!important}*{max-width:100%}.site-header{width:100%;margin:0;padding:0}main{box-sizing:border-box!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:1rem!important;padding-right:1rem!important}div[style*="justifyContent: 'center'"]{margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}.btn,button[class*=btn]{margin-left:auto!important;margin-right:auto!important}div[style*="display: 'flex'"][style*="justifyContent: 'center'"]{width:100%!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}main[style*=padding]{padding-left:1rem!important;padding-right:1rem!important}.site-header,.site-main,.site-footer{width:100%!important;margin-left:0!important;margin-right:0!important}*,:before,:after{box-sizing:border-box!important}.site-header-inner,.site-nav{min-width:0;overflow:hidden}.site-nav-actions{flex-shrink:0;min-width:fit-content}}video:not([controls])::-webkit-media-controls{opacity:0!important;-webkit-appearance:none!important;display:none!important}video:not([controls])::-webkit-media-controls-enclosure{opacity:0!important;-webkit-appearance:none!important;display:none!important}video:not([controls])::-webkit-media-controls-panel{opacity:0!important;-webkit-appearance:none!important;display:none!important}video:not([controls])::-webkit-media-controls-fullscreen-button{display:none!important}video:not([controls])::-webkit-media-controls-play-button{display:none!important}video:not([controls])::-webkit-media-controls-start-playback-button{-webkit-appearance:none!important;display:none!important}video:not([controls])::-internal-media-controls-fullscreen-button{display:none!important}