html{overflow-x:hidden;max-width:100vw}body{overflow-x:hidden;max-width:100vw;position:relative}*{box-sizing:border-box}:root{--color-primary: #3D6B50;--color-primary-light: #5A8A6A;--color-primary-dark: #2A4D39;--color-primary-bg: rgba(61, 107, 80, .08);--color-accent-pink: #3D6B50;--color-accent-brown: #3D6B50;--gradient-primary: linear-gradient(135deg, #2A4D39 0%, #4A7C5F 100%);--gradient-primary-soft: linear-gradient(135deg, #7AA88A 0%, #A8C4A0 100%);--gradient-warm-1: linear-gradient(135deg, #A8C4A0 0%, #C8DAC2 40%, #DDE9D8 100%);--gradient-warm-2: linear-gradient(135deg, #5A8A6A 0%, #7AA88A 40%, #A8C4A0 100%);--gradient-warm-3: linear-gradient(135deg, #4A7C5F 0%, #6A9E7A 40%, #9BBFAA 100%);--gradient-warm-4: linear-gradient(135deg, #3D6B50 0%, #5A8A6A 40%, #8AB49A 100%);--color-bg-shell: #F0F1ED;--color-bg-page: #F0F1ED;--color-border: #E3E5DF;--sidebar-width: 60px;--sidebar-expanded: 300px;--color-bg-shell: #efefef;--color-bg-page: #efefef;--color-bg-card: var(--glass-bg);--color-border: #E8E3DB;--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-text-light: #9CA3AF;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 14px;--spacing-5: 16px;--spacing-6: 16px;--spacing-8: 20px;--spacing-10: 24px;--spacing-12: 32px;--font-heading: 24px;--font-subheading: 18px;--font-body: 14px;--radius-sm: 18px;--radius-md: 18px;--radius-lg: 18px;--radius-card: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--transition-base: .2s ease;--sidebar-width: 48px;--sidebar-expanded: 250px;--header-height: 56px;--control-height: 40px;--glass-bg: rgba(255, 255, 255, .9);--glass-bg-light: rgba(248, 248, 248, .8);--glass-blur: blur(20px);--glass-blur-strong: blur(30px);--glass-border: rgba(255, 255, 255, .18);--glass-highlight: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .05) 100%)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff80;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.glass-card:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 1px #ffffff80}.glass-card-light{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 4px 16px #0000000f,inset 0 1px #fff9;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.glass-card-light:hover{transform:translateY(-2.5px);box-shadow:0 10px 36px #00000017,inset 0 1px #ffffffb3}.glass-card-strong{background:#faf8f399;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);box-shadow:0 12px 40px #0000001a,inset 0 1px #ffffffb3;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.glass-card-strong:hover{transform:translateY(-2.5px);box-shadow:0 16px 48px #0000001f,inset 0 1px #ffffffb3}.glass-event{background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif!important;background:var(--color-bg-page)!important;background-color:var(--color-bg-page)!important;color:var(--color-text-primary);line-height:1.5;font-size:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:inherit}a{text-decoration:none;color:inherit}a:hover,button{text-decoration:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin:0}h1{font-size:var(--font-heading)}h2{font-size:var(--font-subheading)}h3,h4,h5,h6{font-size:var(--font-body)}p{font-size:var(--font-body);line-height:1.6;margin:0}span,div{font-size:inherit}@media(max-width:767px){body h1,.main-content h1,.dashboard-wrapper h1,section h1{font-size:18px!important;font-weight:700!important}body h2,.main-content h2,.dashboard-wrapper h2,section h2,.section h2{font-size:18px!important;font-weight:700!important}body h3,body h4,body h5,body h6,.main-content h3,.main-content h4,.main-content h5,.main-content h6,body .page-title,.main-content .page-title,.dashboard-wrapper .page-title{font-size:18px!important;font-weight:700!important}body .page-subtitle,.main-content .page-subtitle{font-size:var(--font-body)!important}body .section-title,.main-content .section-title,.dashboard-wrapper .section-title,.section .section-title,section .section-title{font-size:18px!important;font-weight:700!important;text-align:left!important}body .dashboard-wrapper .section-title,body .main-content .section-title,body .section .section-title,body .section-header .section-title,body .dashboard-wrapper .section .section-title,body .main-content .section .section-title,body .courses-page .section-title,body .courses-page .section .section-title{text-align:left!important}body .widget-title,.sidebar-right .widget-title,.widget .widget-title,body .calendar-title,.calendar-widget .calendar-title,body .form-subtitle,body .form-title,body .card-title,body .course-title,body .event-title,body .lesson-title,.course-card .course-title{font-size:18px!important;font-weight:700!important}body .section-header,.main-content .section-header,.section .section-header,.widget-header,.section .widget-header{margin-bottom:0!important}body .dashboard-wrapper .main-content .section .courses-grid,body .dashboard-wrapper .main-content .section .course-grid,body .dashboard-wrapper .section .courses-grid,body .dashboard-wrapper .section .course-grid,body .main-content .section .courses-grid,body .main-content .section .course-grid,body .section .courses-grid,body .section .course-grid,body .section .course-list,body .section .widget-content,.dashboard-wrapper .main-content .section .courses-grid,.dashboard-wrapper .main-content .section .course-grid,.dashboard-wrapper .section .courses-grid,.dashboard-wrapper .section .course-grid,.main-content .section .courses-grid,.main-content .section .course-grid,.section .courses-grid,.section .course-grid{margin-top:6px!important}}.app-layout{display:grid;grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;min-height:100vh;background:var(--color-bg-page);background-color:var(--color-bg-page)}.app-main{grid-area:main;padding:var(--spacing-6);min-height:calc(100vh - var(--header-height));overflow-y:auto;overflow-x:hidden;background:transparent;width:100%;max-width:100%;box-sizing:border-box}.dashboard-wrapper{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-6);max-width:1600px;margin:0 auto;width:100%;max-width:100%;box-sizing:border-box}.main-content{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;max-width:100%;box-sizing:border-box}.mobile-chat-fab{position:fixed;right:var(--spacing-5);bottom:var(--spacing-5);width:56px;height:56px;border-radius:50%;border:none;background:var(--gradient-primary);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 8px 24px #d4a5a566,0 4px 12px #c97b634d;z-index:9998;cursor:pointer;text-decoration:none;transition:all .2s ease}.mobile-chat-fab i{font-size:20px}.mobile-chat-fab:active{transform:scale(.94)}.mobile-chat-fab:hover{box-shadow:0 12px 32px #d4a5a580,0 6px 16px #c97b6366;transform:translateY(-2px)}.mobile-chat-fab:active{transform:scale(.94) translateY(0)}@media(max-width:1023px){.dashboard-wrapper{grid-template-columns:1fr;gap:var(--spacing-4)}.app-main{padding:var(--spacing-4)}}@media(max-width:767px){.app-layout{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.app-main{padding:var(--spacing-3);min-height:calc(100vh - var(--header-height));width:100%;max-width:100%;overflow-x:hidden!important;box-sizing:border-box}.dashboard-wrapper{grid-template-columns:1fr;gap:var(--spacing-4);width:100%;max-width:100%;overflow-x:hidden!important;box-sizing:border-box}.main-content{gap:var(--spacing-4);width:100%;max-width:100%;overflow-x:hidden!important;box-sizing:border-box}.mobile-chat-fab{display:none!important}body:has(.chat-widget-container.mobile-fullscreen) .mobile-chat-fab{display:none!important}}.sidebar{grid-area:sidebar;background:var(--color-bg-page);border-right:none;display:flex;flex-direction:column;padding:var(--spacing-6) var(--spacing-3);position:fixed;left:0;top:var(--header-height);height:calc(100vh - var(--header-height));width:var(--sidebar-width);transition:all var(--transition-base);z-index:200;overflow:hidden}.sidebar:hover{width:var(--sidebar-expanded);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-right:1px solid var(--glass-border);box-shadow:0 8px 32px #00000014,inset 0 1px #fff6;top:0;height:100vh;padding-top:calc(var(--header-height) + var(--spacing-6))}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-secondary);font-size:14px;font-weight:500;transition:transform .4s cubic-bezier(.25,.46,.45,.94),background .4s cubic-bezier(.25,.46,.45,.94),color .4s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;position:relative;transform:translate(0)}.nav-item:hover{transform:translate(4px)}.nav-item.active{background:none;border:1px solid var(--color-primary-light);color:var(--color-text-primary);display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);padding-left:var(--spacing-3);padding-right:var(--spacing-3);border-radius:var(--radius-md);border-top-left-radius:0;border-bottom-left-radius:0;margin-left:calc(-1 * var(--spacing-3));margin-right:calc(-1 * var(--spacing-3));width:calc(100% + 2 * var(--spacing-3))}.nav-icon{width:20px;height:20px;min-width:20px;flex-shrink:0;stroke-width:2;display:block}.nav-text{opacity:0;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);flex:1;line-height:1;display:flex;align-items:center}.sidebar:hover .nav-text{opacity:1}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-4);border-top:1px solid rgba(0,0,0,.06)}@media(max-width:1023px){.sidebar{width:64px}.sidebar:hover{width:var(--sidebar-width)}}@media(max-width:767px){.sidebar{transform:translate(-100%);top:0;height:100vh;width:280px;padding-top:calc(var(--header-height) + var(--spacing-4));box-shadow:0 12px 40px #0000001a;z-index:1000;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong)}.sidebar.mobile-open{transform:translate(0)}.sidebar:hover{width:280px;height:100vh}.nav-text{opacity:1}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none}.sidebar-overlay.active{display:block}}.subscription-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.8px;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden;width:-moz-fit-content;width:fit-content;max-width:100%;flex-shrink:0}.subscription-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.subscription-badge:hover:before{left:100%}.subscription-badge-small{font-size:10px;padding:5px 10px;gap:4px;border-radius:8px}.subscription-badge-small .badge-icon{font-size:inherit}.subscription-badge-medium{font-size:12px;padding:8px 16px;gap:6px;border-radius:12px}.subscription-badge-medium .badge-icon{font-size:inherit}.subscription-badge-large{font-size:14px;padding:10px 20px;gap:8px;border-radius:14px}.subscription-badge-large .badge-icon{font-size:inherit}.subscription-badge-free{background:var(--color-bg-card);color:var(--color-accent-pink);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.subscription-badge-free:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.subscription-badge-premium{background:var(--gradient-primary);background-size:200% 200%;color:#fff;border:none;box-shadow:var(--shadow-md);animation:premium-gradient 4s ease infinite;text-shadow:0 1px 2px rgba(0,0,0,.2)}.subscription-badge-premium:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}@keyframes premium-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subscription-badge-pro{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-accent-pink) 100%);background-size:200% 200%;color:#fff;border:none;box-shadow:var(--shadow-md);animation:pro-gradient 5s ease infinite;text-shadow:0 1px 3px rgba(0,0,0,.3)}.subscription-badge-pro:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}@keyframes pro-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subscription-badge-admin{position:relative;overflow:hidden;background:radial-gradient(circle at 0 0,#444 0,#111 45%,#000);color:#f9fafb;border:1px solid rgba(250,204,21,.6);box-shadow:0 10px 30px #0f172acc,0 0 0 1px #facc1559;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.subscription-badge-admin:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(249,250,251,.06),transparent 40%,transparent 60%,rgba(148,163,184,.1));mix-blend-mode:screen;pointer-events:none}.subscription-badge-admin:hover{transform:translateY(-1px);box-shadow:0 14px 40px #0f172ae6,0 0 0 1px #94a3b8e6}@keyframes admin-gradient{0%,to{background-position:0% 50%}33%{background-position:50% 50%}66%{background-position:100% 50%}}@keyframes admin-glow{0%,to{box-shadow:0 4px 30px #ffd700b3,0 8px 50px #ffa50080,0 0 40px #ffd70066,inset 0 2px 10px #fff9,inset 0 -2px 10px #ffa50066}50%{box-shadow:0 6px 40px #ffd700e6,0 10px 60px #ffa500b3,0 0 60px #ffd70099,inset 0 2px 15px #ffffffb3,inset 0 -2px 15px #ffa50080}}@keyframes admin-shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(150%) translateY(150%) rotate(45deg)}}.badge-icon{display:inline-block;width:4px;height:4px;border-radius:50%;flex-shrink:0}.subscription-badge-free .badge-icon{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:none}.subscription-badge-premium .badge-icon{background:var(--gradient-primary);border:none;box-shadow:none}.subscription-badge-pro .badge-icon{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-accent-pink) 100%);background-size:200% 200%;border:none;box-shadow:none;animation:pro-icon-shimmer 3s ease-in-out infinite}@keyframes pro-icon-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.badge-label{font-size:inherit;font-weight:inherit;line-height:1;position:relative;z-index:1}.app-header{grid-area:header;background:transparent;border-bottom:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--spacing-1) var(--spacing-8);min-height:var(--header-height);height:var(--header-height);position:relative;z-index:100;-moz-column-gap:var(--spacing-6);column-gap:var(--spacing-6);margin-top:16px}.app-header .header-left{display:flex;align-items:center;gap:var(--spacing-3);height:100%}.header-center{display:flex;justify-content:center;align-items:center}.search-box{display:none}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg),inset 0 1px #fff9}.search-box input{border:none;background:transparent;outline:none;flex:1;font-size:14px;color:var(--color-text-primary)}.search-box input::-moz-placeholder{color:var(--color-text-light)}.search-box input::placeholder{color:var(--color-text-light)}.header-right{display:flex;align-items:center;gap:var(--spacing-2)}.header-logo{display:flex;align-items:center;height:100%;background:transparent}.header-logo-image{height:44px;width:auto;max-height:48px;border-radius:0;-o-object-fit:contain;object-fit:contain;display:block;align-self:center;margin-top:4px;background:transparent;box-shadow:none}.app-header .header-right .header-notifications,.header-right .header-notifications,.header-notifications{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all var(--transition-base);background:#fffc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d}.header-notifications:hover{background:#fffc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-color:#ffffff26;box-shadow:0 8px 32px #0000001a,inset 0 .5px #fff6;transform:translateY(-1px)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-accent-pink);border-radius:var(--radius-full);border:2px solid white}.header-notifications .notification-panel,.notification-panel{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:var(--color-bg-page)!important;background-color:var(--color-bg-page)!important;border:1px solid rgba(220,215,210,.5)!important;border-radius:var(--radius-card);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff4d!important;padding:12px;z-index:300;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.header-notifications:hover .notification-panel,.header-notifications:focus-within .notification-panel,.notification-panel:hover,.notification-panel.visible{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.notification-item{display:flex;gap:10px;padding:12px;border-radius:10px;transition:all var(--transition-base);align-items:flex-start;cursor:pointer;background:#ffffffb3;border:1px solid rgba(220,215,210,.3);margin-bottom:8px}.notification-item:last-child{margin-bottom:0}.notification-item:hover{background:#ffffffe6;transform:translate(2px);border-color:#c8c3be66;box-shadow:0 2px 8px #00000014}.notification-item-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);margin-top:6px;flex-shrink:0}.notification-text{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.notification-title{font-size:12px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.user-profile{display:flex;align-items:center;gap:var(--spacing-3);height:44px;padding:0 12px;border-radius:10px;cursor:pointer;transition:all var(--transition-base);position:relative;background:#fffc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d}.user-profile:hover{background:#fffc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-color:#ffffff26;box-shadow:0 8px 32px #0000001a,inset 0 .5px #fff6;transform:translateY(-1px)}.user-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.user-initials-mobile{display:none;font-size:14px;font-weight:600;color:var(--color-text-primary)}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-pink));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.account-panel{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:var(--color-bg-page);border:1px solid rgba(220,215,210,.5);border-radius:var(--radius-card);padding:16px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff4d;z-index:300;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.user-profile:hover .account-panel,.user-profile:focus-within .account-panel,.account-panel:hover,.account-panel.visible{opacity:1;visibility:visible;transform:translateY(0)}.account-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid rgba(220,215,210,.3)}.account-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-pink));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;overflow:hidden;flex-shrink:0}.account-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.account-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.account-info .subscription-badge{align-self:flex-start;width:auto;max-width:-moz-fit-content;max-width:fit-content}.account-name{font-size:14px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.account-buttons{display:flex;flex-direction:column;gap:10px;margin-top:4px}.account-btn{padding:var(--spacing-2) var(--spacing-4);background:#fffc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--color-text-primary);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-base);font-family:inherit;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffb3}.account-btn:hover{transform:scale(1.02)}.account-btn-logout{background:#fffc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:#ef4444;border:1px solid rgba(239,68,68,.3);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffb3}.account-btn-logout:hover{transform:scale(1.02)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:var(--color-primary);transition:color var(--transition-base)}.mobile-menu-btn:hover{color:var(--color-primary-dark)}@media(max-width:1023px){.app-header{padding:0 var(--spacing-4);-moz-column-gap:var(--spacing-3);column-gap:var(--spacing-3)}.search-box{width:min(400px,100%)}}@media(max-width:1023px){.header-notifications .notification-panel,.notification-panel{position:fixed;top:calc(var(--header-height) + 12px);right:16px;left:auto;width:min(400px,calc(100vw - 32px));max-width:calc(100vw - 32px);background:var(--color-bg-page);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d;z-index:1000;transform:translateY(0)}.notification-panel.visible{opacity:1;visibility:visible;transform:translateY(0)}.account-panel{position:fixed;top:calc(var(--header-height) + 12px);right:16px;left:auto;width:min(360px,calc(100vw - 32px));max-width:calc(100vw - 32px);background:var(--color-bg-page);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d;z-index:1000;transform:translateY(0)}.account-panel.visible{opacity:1;visibility:visible;transform:translateY(0)}}@media(max-width:767px){.mobile-menu-btn{display:flex}.app-header{padding:var(--spacing-1) var(--spacing-3);min-height:52px;height:52px}.search-box,.header-btn-text,.user-name{display:none}.user-initials-mobile{display:inline-block}.header-notifications{display:none}.notification-dropdown{right:0;width:calc(100vw - 32px)}.account-panel{display:none}.header-notifications .notification-panel,.notification-panel{position:fixed;top:calc(var(--header-height) + 12px);left:50%;right:auto;transform:translate(-50%) translateY(0);width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin:0;padding:16px;border-radius:16px;z-index:1000;box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d;opacity:1;visibility:none}.notification-panel.visible{transform:translate(-50%) translateY(0);opacity:1;visibility:none}.account-panel{position:fixed;top:calc(var(--header-height) + 12px);left:50%;right:auto;transform:translate(-50%) translateY(0);width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin:0;padding:16px;border-radius:16px;z-index:1000;box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d;opacity:1;visibility:none}.account-panel.visible{transform:translate(-50%) translateY(0);opacity:1;visibility:none}}.landing-page{min-height:100vh;background:var(--color-bg-page);overflow-x:hidden}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-narrow{max-width:800px}.hero-section{background:var(--color-bg-page);min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;padding:80px 0}.hero-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background-image:url(/hero-bg.png);background-size:cover;background-position:center left;background-repeat:no-repeat;clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%);z-index:0}.hero-logo{position:absolute;top:32px;left:calc((100% - 1200px)/2 + 24px);z-index:10;width:150px}.hero-logo img{width:100%;height:auto;display:block}.hero-container{max-width:1200px;margin:0 auto;padding:100px 24px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-content{position:relative;z-index:1}.hero-label{display:flex;align-items:center;gap:10px;background:var(--color-bg-page);border:1px solid var(--color-border);padding:10px 20px;border-radius:var(--radius-card);font-size:14px;color:var(--color-text-primary);margin-bottom:24px;box-shadow:var(--shadow-sm);width:-moz-fit-content;width:fit-content}.label-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:56px;font-weight:800;color:var(--color-text-primary);line-height:1.1;margin:0 0 24px;letter-spacing:-.02em}.hero-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 32px;max-width:480px}.hero-actions{display:flex;gap:16px;margin-bottom:48px}.hero-mobile-media{display:none}.hero-mobile-image{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-card)}@media(max-width:1023px){.hero-container{grid-template-columns:1fr;gap:40px}.hero-description{max-width:100%}}@media(max-width:767px){.hero-section{min-height:auto;padding:30px 0 56px}.hero-section:before{display:none}.hero-logo{left:50%;transform:translate(-50%);width:140px}.hero-container{grid-template-columns:1fr;gap:28px;padding:100px 20px 0}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-label{margin-left:auto;margin-right:auto;justify-content:center}.hero-title{font-size:42px;text-align:center}.hero-description{text-align:center}.hero-actions{flex-direction:column;align-items:stretch;width:100%;margin-bottom:0}.hero-actions .btn-primary-large,.hero-actions .btn-outline-light{width:100%}.hero-mobile-media{display:block;width:100%;max-width:420px;margin:8px auto 0;padding-top:8px;padding-bottom:8px}.hero-mobile-image{width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;border-radius:var(--radius-card)}}.btn-primary-large{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gradient-primary);color:#fff;font-size:16px;font-weight:700;padding:18px 32px;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-lg)}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2a4d3959}.btn-outline-light{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:var(--color-text-primary);font-size:16px;font-weight:600;padding:18px 32px;border-radius:var(--radius-md);border:2px solid var(--color-primary-bg);text-decoration:none;transition:all var(--transition-base)}.btn-outline-light:hover{border-color:var(--color-primary);color:var(--color-accent-brown)}.btn-white-large{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--color-accent-brown);font-size:16px;font-weight:700;padding:18px 32px;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-white-large:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline-cta{display:inline-flex;align-items:center;gap:8px;padding:18px 32px;border:2px solid rgba(255,255,255,.5);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:16px;text-decoration:none;transition:all var(--transition-base);background:transparent}.btn-outline-cta:hover{border-color:#ffffffe6;background:#ffffff1f}.features-strip{background:var(--color-bg-page);padding:24px 0;overflow:hidden;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex}.strip-container{display:flex;width:-moz-max-content;width:max-content;animation:marqueeScroll 30s linear infinite}.strip-container:hover{animation-play-state:paused}.strip-track{display:flex;gap:48px;padding-right:48px}.strip-item{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.strip-item svg{color:var(--color-accent-brown);flex-shrink:0}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:767px){.features-strip{padding:16px 0}.strip-track{gap:24px;padding-right:24px}.strip-item{font-size:13px}}.section-white{background:var(--color-bg-page);padding:100px 0}.section-white .section-title-large{color:var(--color-text-primary)}.section-white .section-subtitle{color:var(--color-text-secondary)}.section-white .section-badge{background:var(--color-primary-bg);color:var(--color-accent-brown)}.section-accent{background:var(--gradient-primary);padding:100px 0}.section-accent .section-title-large{color:#fff}.section-accent .section-subtitle{color:#fffc}.section-accent .section-badge{background:#fff3;color:#fff}.landing-page .section-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:60px;gap:20px}.landing-page .section-header-center{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;background:var(--color-primary-bg);color:var(--color-accent-brown);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:8px 16px;border-radius:var(--radius-sm);margin-bottom:16px}.badge-light{background:#fff3;color:#fff}.section-title-large{font-size:44px;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.2;letter-spacing:-.02em;text-align:center}.section-subtitle{font-size:18px;color:var(--color-text-secondary);margin:16px auto 0;max-width:500px}.courses-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:60px;gap:16px}.section-header-left{display:flex;flex-direction:column;align-items:center;text-align:center}.courses-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin-top:8px}.text-white{color:#fff}.text-muted-light{color:#ffffffb3}.courses-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:24px}.course-card{border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.course-card:hover .course-card-inner{transform:translateY(-6px)}.course-card-large{grid-row:span 2}.course-card-inner{padding:32px;height:100%;min-height:200px;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-card);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.course-tag{display:inline-block;background:var(--color-primary-bg);color:var(--color-accent-brown);font-size:11px;font-weight:700;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-sm);margin-bottom:16px;width:-moz-fit-content;width:fit-content;border:1px solid var(--color-border)}.course-title{font-size:24px;font-weight:700;margin:0 0 12px;color:var(--color-text-primary)}.course-card:not(.course-card-large) .course-title{font-size:18px}.course-desc{font-size:15px;margin:0 0 auto;line-height:1.5;color:var(--color-text-secondary)}.course-meta{display:flex;gap:8px;font-size:14px;margin-top:16px;color:var(--color-text-secondary)}.courses-list{display:flex;flex-direction:column;gap:12px;margin-top:40px}.course-item{border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base);background:#fff}.course-item:hover{box-shadow:var(--shadow-sm)}.course-item-open{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.course-item-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.course-item-left{display:flex;align-items:flex-start;gap:16px;flex:1}.course-item-title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 6px}.course-item-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-secondary);flex-wrap:wrap}.meta-dot{color:var(--color-border)}.course-item-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.course-skills-preview{display:flex;gap:8px;flex-wrap:wrap}.skill-chip{background:var(--color-primary-bg);color:var(--color-accent-brown);padding:4px 10px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;white-space:nowrap}.course-expand-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);background:#fff;font-size:1.2rem;font-weight:700;color:var(--color-accent-brown);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.course-item-open .course-expand-btn{background:var(--gradient-primary);border-color:transparent;color:#fff}.course-item-body{border-top:1px solid var(--color-border);background:var(--color-bg-page)}.course-body-grid{display:grid;grid-template-columns:1fr 320px;gap:32px;padding:28px 24px}.course-modules{display:flex;flex-direction:column;gap:24px}.module-title{font-size:.82rem;font-weight:700;color:var(--color-text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.module-lessons{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.module-lessons li{font-size:.9rem;color:var(--color-text-primary);padding-left:20px;position:relative;line-height:1.5}.module-lessons li:before{content:"";width:14px;height:14px;position:absolute;left:0;top:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312894b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.course-result-box{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:20px}.result-box-label{font-size:.85rem;font-weight:700;color:var(--color-text-primary)}.result-box-text{font-size:.95rem;color:var(--color-text-primary);line-height:1.6;font-weight:500;margin:0}.result-skills-label{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.result-skills-list{display:flex;flex-wrap:wrap;gap:6px}.result-cta{display:inline-block;margin-top:4px;color:var(--color-accent-brown);font-weight:700;font-size:.9rem;text-decoration:none;transition:opacity var(--transition-base)}.result-cta:hover{opacity:.7}.upcoming-section{margin-top:52px;padding-top:40px;border-top:1px solid var(--color-border)}.upcoming-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 20px}.upcoming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.upcoming-card{background:var(--color-bg-page);border:1.5px dashed var(--color-border);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:6px;transition:border-color var(--transition-base)}.upcoming-card:hover{border-color:var(--color-primary)}.upcoming-emoji{font-size:1.4rem}.upcoming-name{font-size:.88rem;font-weight:600;color:var(--color-text-primary)}.upcoming-badge{display:inline-block;background:#fef3c7;color:#d97706;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);align-self:flex-start;text-transform:uppercase;letter-spacing:.05em}.pain-section .section-title-large,.pain-section .section-title-large.text-white,.experts-section .section-title-large,.experts-section .section-title-large.text-white,.audience-section .section-title-large,.audience-section .section-title-large.text-white{color:var(--color-text-primary)!important;-webkit-text-fill-color:var(--color-text-primary)!important}.pain-section .section-subtitle,.pain-section .section-subtitle.text-muted-light,.experts-section .section-subtitle,.experts-section .section-subtitle.text-muted-light,.audience-section .section-subtitle,.audience-section .section-subtitle.text-muted-light{color:var(--color-text-secondary)!important}.pain-section .section-badge,.pain-section .section-badge.badge-light,.experts-section .section-badge,.experts-section .section-badge.badge-light,.audience-section .section-badge,.audience-section .section-badge.badge-light{background:var(--color-primary-bg)!important;color:var(--color-accent-brown)!important}.pain-section{padding:80px 0}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;align-items:start}.pain-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.pain-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pain-emoji{font-size:1.8rem;line-height:1;align-items:center}.pain-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);line-height:1.5;font-style:italic;margin:0}.pain-solution{background:var(--color-primary-bg);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 14px;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.solution-label{display:block;font-weight:700;color:var(--color-accent-brown);margin-bottom:4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.gamification-section{padding:80px 0}.game-mechanism{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0 40px}.game-step.with-image{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-card);padding:0;text-align:left;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.game-step.with-image:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.game-step-image-wrapper{width:100%;height:200px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1)}.game-step-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.game-step-content{padding:28px;display:flex;flex-direction:column;flex:1;justify-content:flex-start}.game-step-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3}.game-step-desc{font-size:.9rem;color:#fffc;line-height:1.5;margin:0}.game-arrow{display:none}.prizes-grid{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:0 0 32px}.prize-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-card);padding:20px 24px;text-align:center;min-width:140px}.prize-icon{font-size:2rem;margin-bottom:8px}.prize-name{font-weight:700;color:#fff;font-size:.9rem;margin-bottom:4px}.prize-desc{font-size:.8rem;color:#ffffffb3}.game-cta{text-align:center}@media(max-width:1023px){.game-mechanism{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.game-mechanism{grid-template-columns:1fr;gap:20px;margin:32px 0 24px}.game-step.with-image{width:100%}.game-step-image-wrapper{height:220px}.game-step-content{padding:22px 20px 24px}.game-step-title{font-size:1rem}.game-step-desc{font-size:.875rem}.game-arrow{display:none}.prizes-grid{gap:12px}.prize-card{min-width:120px}}.experts-section{padding:100px 0}.experts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;align-items:stretch}.expert-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:32px;display:flex;flex-direction:column;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.expert-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.expert-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.expert-avatar-img{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--color-primary-bg);flex-shrink:0}.expert-title-block{display:flex;flex-direction:column;gap:4px}.expert-name{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2}.expert-role{font-size:.85rem;color:var(--color-text-secondary);margin:0}.expert-meta-tags{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.expert-company-badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg-page);border:1px solid var(--color-border);padding:6px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.expert-company-logo{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.expert-exp{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.expert-body{flex:1;margin-bottom:24px}.expert-quote{font-style:italic;color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0;padding-left:16px;border-left:3px solid var(--color-primary)}.expert-footer{padding-top:20px;border-top:1px solid var(--color-border)}.expert-students-badge{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.expert-students-icon{font-size:1rem}.how-section{padding:100px 0}.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;align-items:stretch}.how-step-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.how-step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.how-image-wrapper{width:100%;aspect-ratio:5 / 4;position:relative;flex-shrink:0;border-bottom:1px solid var(--color-border)}.how-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.how-floating-num{position:absolute;top:16px;left:16px;width:40px;height:40px;background:var(--color-bg-page);color:var(--color-text-primary);font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 4px 12px #0000001a}.how-content{padding:24px;display:flex;flex-direction:column;flex:1}.how-step-title{font-size:1.05rem;font-weight:700;color:var(--color-text-primary);margin:0 0 10px;line-height:1.3}.how-step-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.cases-section{padding:80px 0}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0 40px}.case-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;gap:16px}.case-header{display:flex;align-items:center;gap:14px}.case-avatar{width:48px;height:48px;border-radius:50%;background:#ffffff40;flex-shrink:0;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.case-name{font-weight:700;color:#fff;font-size:.95rem}.case-course{font-size:.8rem;color:#ffffffa6;margin-top:2px}.case-duration{font-size:.78rem;color:#ffffff80}.case-transformation{display:flex;align-items:center;gap:8px;background:#0000001f;border-radius:var(--radius-sm);padding:14px}.case-before,.case-after{flex:1}.case-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#ffffff80;margin-bottom:4px}.case-job{font-size:.85rem;color:#ffffffe6;font-weight:500;line-height:1.4}.case-salary{font-size:.9rem;font-weight:700;color:#ffffff80;margin-top:4px}.case-salary-new{color:#86efac}.case-arrow-icon{font-size:1.2rem;color:#fff6;flex-shrink:0}.case-quote{font-style:italic;font-size:.875rem;color:#fffc;line-height:1.6;border-left:2px solid rgba(255,255,255,.3);padding-left:12px;margin:0}.results-overall{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;padding:32px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-card)}.result-stat{display:flex;flex-direction:column;align-items:center}.result-number{font-size:48px;font-weight:800;color:#fff;line-height:1}.result-label{font-size:14px;color:#fffc;margin-top:8px;text-align:center}.audience-section{padding:100px 0}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.audience-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:28px;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.audience-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.audience-card.with-image{padding:0;display:flex;flex-direction:column}.audience-image-wrapper{width:100%;height:220px;flex-shrink:0;border-bottom:1px solid var(--color-border)}.audience-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;display:block}.audience-content{padding:28px;display:flex;flex-direction:column;flex:1}.audience-number{font-size:40px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:16px;display:none}.audience-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 10px}.audience-desc{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 16px}.audience-list{list-style:none;padding:0;margin:0}.audience-list li{font-size:13px;color:var(--color-text-secondary);padding:7px 0;border-top:1px solid var(--color-primary-bg);display:flex;align-items:flex-start;gap:8px;line-height:1.4}.audience-list li:before{content:"";width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312894b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0;margin-top:2px;display:inline-block}.internship-section{padding:80px 0}.internship-grid{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center}.internship-content{display:flex;flex-direction:column;align-items:flex-start}.internship-content .section-badge{align-self:flex-start}.internship-content .section-title-large{text-align:left}.internship-content .btn-primary-large{align-self:flex-start}.internship-desc{color:var(--color-text-secondary);font-size:1rem;line-height:1.7;margin:16px 0 24px}.internship-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px}.internship-list li{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:var(--color-text-primary);line-height:1.5}.internship-list li svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.internship-companies{background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:28px}.companies-label{font-size:.8rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px}.companies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.company-badge{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 8px;text-align:center;transition:border-color var(--transition-base)}.company-badge:hover{border-color:var(--color-primary)}.company-logo{width:45px;height:45px;-o-object-fit:contain;object-fit:contain;border-radius:6px}.company-name{font-size:.72rem;font-weight:600;color:var(--color-text-primary)}.companies-note{font-size:.78rem;color:var(--color-text-secondary);text-align:center;margin:0}@media(max-width:1023px){.internship-grid{grid-template-columns:1fr}}@media(max-width:767px){.internship-content .section-badge{align-self:center}.internship-content .section-title-large{text-align:center}.internship-content .btn-primary-large{align-self:center}.companies-grid{grid-template-columns:repeat(2,1fr)}}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.results-content{display:flex;flex-direction:column;align-items:flex-start}.results-content .section-badge{background:#fff3;color:#fff}.results-content .section-title-large{color:#fff;text-align:left;margin-bottom:20px}.results-desc{font-size:18px;color:#ffffffe6;line-height:1.6;margin:0 0 40px}.results-stats{display:flex;gap:40px;align-items:flex-end}.testimonial-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:40px;box-shadow:var(--shadow-lg)}.testimonial-quote{font-size:64px;font-weight:800;color:var(--color-primary);line-height:.5;margin-bottom:16px;padding-left:24px}.testimonial-text{font-size:18px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 24px;padding:0 24px}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.author-name{font-size:16px;font-weight:700;color:var(--color-text-primary)}.author-role{font-size:14px;color:var(--color-text-secondary)}.landing-page .pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto var(--spacing-8);gap:var(--spacing-12)}.landing-page .pricing-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:48px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:24px;position:relative}.landing-page .pricing-card.highlighted{border:2px solid var(--color-primary);box-shadow:var(--shadow-lg)}.landing-page .pricing-card-header{display:flex;flex-direction:column;gap:8px}.pricing-top-badge{display:inline-block;background:var(--gradient-primary);color:#fff;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;margin-bottom:4px;align-self:flex-start}.pricing-for-who{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;line-height:1.4;margin:0}.landing-page .pricing-card-price{display:flex;flex-direction:column;gap:var(--spacing-1)}.landing-page .price-amount{font-size:40px;font-weight:700;color:var(--color-text-primary)}.landing-page .price-period{font-size:14px;color:var(--color-text-secondary)}.landing-page .pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3);flex:1}.landing-page .pricing-features li{display:flex;align-items:flex-start;gap:var(--spacing-3);font-size:14px;color:var(--color-text-primary);line-height:1.6}.landing-page .pricing-features li i{color:var(--color-primary);margin-top:2px;flex-shrink:0}.landing-page .pricing-card-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.landing-page .pricing-btn{width:100%;padding:14px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:700;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-block;text-align:center}.landing-page .pricing-btn.primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.landing-page .pricing-btn.primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);animation:shine 3s ease-in-out infinite}.landing-page .pricing-btn.primary:hover{transform:scale(1.02)}.pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px auto 0;padding:14px 20px;background:var(--color-primary-bg);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);max-width:900px}.pricing-guarantee svg{color:var(--color-primary);flex-shrink:0}.pricing-consult-link{display:block;text-align:center;font-size:.82rem;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-base)}.pricing-consult-link:hover{color:var(--color-accent-brown)}.cta-banner{background:var(--gradient-primary);padding:100px 0}.cta-content{text-align:center}.cta-title{font-size:40px;font-weight:800;color:#fff;margin:0 0 16px}.cta-desc{font-size:20px;color:#ffffffe6;margin:0 0 32px}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-sm)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--color-text-primary);text-align:left;font-family:inherit}.faq-question svg{color:var(--color-text-secondary);transition:transform .3s;flex-shrink:0}.faq-open .faq-question svg{transform:rotate(45deg);color:var(--color-accent-brown)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-open .faq-answer{max-height:300px}.faq-answer p{padding:0 24px 24px;margin:0;font-size:16px;color:var(--color-text-secondary);line-height:1.6}.footer{background:var(--gradient-primary);padding:80px 0 40px}.footer-grid{display:flex;justify-content:space-between;margin-bottom:60px}.footer-logo{width:60px;margin-bottom:16px}.footer-logo img{width:100%;height:auto;display:block}.footer-desc{font-size:15px;color:#ffffffd9;line-height:1.6;max-width:300px;margin:0}.footer-links{display:flex;gap:80px}.footer-column h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 20px;color:#fff}.footer-column a{display:block;font-size:15px;color:#ffffffd9;text-decoration:none;margin-bottom:12px;transition:color var(--transition-base)}.footer-column a:hover{color:#fff}.footer-bottom{padding-top:40px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:14px;color:#ffffff73;margin:0}.footer-legal-links{display:flex;align-items:center;gap:8px;font-size:14px}.footer-legal-links a{color:#ffffff73;text-decoration:none;transition:color var(--transition-base)}.footer-legal-links a:hover{color:#fffc}.footer-legal-links span{color:#ffffff4d}@media(max-width:1248px){.hero-logo{left:24px}}@media(max-width:1023px){.hero-container{grid-template-columns:1fr;gap:40px}.hero-description{max-width:100%}.hero-visual{max-width:100%;margin:0 auto;gap:16px}.hero-card{padding:20px}.courses-grid{grid-template-columns:1fr 1fr;gap:16px}.course-card-large{grid-row:span 1;grid-column:span 2}.course-body-grid{grid-template-columns:1fr}.course-result-box{position:static}.pain-grid,.experts-grid,.audience-grid,.cases-grid,.how-steps{grid-template-columns:repeat(2,1fr)}.how-steps:before{display:none}.internship-grid{grid-template-columns:1fr}.upcoming-grid{grid-template-columns:repeat(3,1fr)}.results-grid{grid-template-columns:1fr;gap:40px;text-align:center}.results-stats{justify-content:center;flex-wrap:wrap}.results-content{align-items:center}.results-testimonial{max-width:500px;margin:0 auto}.landing-page .pricing-grid{grid-template-columns:1fr;max-width:400px;gap:32px}.footer-grid{flex-direction:column;gap:40px}.footer-links{gap:40px;flex-wrap:wrap}}@media(max-width:767px){.hero-logo{left:50%;transform:translate(-50%);width:140px}.hero-label{margin-left:auto;margin-right:auto;justify-content:center}.hero-title{font-size:42px;text-align:center}.hero-description{text-align:center}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{gap:24px;justify-content:center}.strip-container{gap:24px;justify-content:flex-start}.strip-item{width:calc(50% - 12px);font-size:13px}.section-white,.section-accent,.pain-section,.gamification-section,.how-section,.cases-section,.internship-section,.experts-section,.audience-section{padding:60px 0}.section-title-large{font-size:32px}.pain-grid,.experts-grid,.audience-grid,.how-steps,.cases-grid,.courses-grid{grid-template-columns:1fr}.course-card-large{grid-column:span 1}.course-item-right{display:none}.prizes-grid{gap:12px}.prize-card{min-width:120px}.upcoming-grid,.companies-grid{grid-template-columns:repeat(2,1fr)}.results-overall{gap:24px}.result-number{font-size:36px}.results-content{align-items:center}.results-content .section-title-large{text-align:center}.testimonial-author{flex-direction:column;align-items:center;text-align:center}.landing-page .pricing-grid{grid-template-columns:1fr;gap:32px}.landing-page .pricing-card{padding:var(--spacing-10)}.landing-page .price-amount{font-size:32px}.cta-title{font-size:36px}.cta-actions{flex-direction:column;align-items:stretch}.footer-bottom{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:24px}.section-container{padding:0 20px}}section:has(.audience-grid) .section-title-large,section:has(.audience-grid) .text-white,section:has(.pain-grid) .section-title-large,section:has(.pain-grid) .text-white,section:has(.experts-grid) .section-title-large,section:has(.experts-grid) .text-white{color:var(--color-text-primary)!important;-webkit-text-fill-color:var(--color-text-primary)!important}section:has(.audience-grid) .section-badge,section:has(.audience-grid) .badge-light,section:has(.pain-grid) .section-badge,section:has(.pain-grid) .badge-light,section:has(.experts-grid) .section-badge,section:has(.experts-grid) .badge-light{background:var(--color-primary-bg)!important;color:var(--color-accent-brown)!important}section:has(.audience-grid) .section-subtitle,section:has(.audience-grid) .text-muted-light,section:has(.pain-grid) .section-subtitle,section:has(.pain-grid) .text-muted-light,section:has(.experts-grid) .section-subtitle,section:has(.experts-grid) .text-muted-light{color:var(--color-text-secondary)!important}.internship-section .section-header{align-items:flex-start!important;text-align:left!important}.internship-section .section-title-large{text-align:left!important}.internship-section .section-badge{align-self:flex-start!important}@media(max-width:767px){.internship-section .section-header{align-items:center!important;text-align:center!important}.internship-section .section-title-large{text-align:center!important}.internship-section .section-badge{align-self:center!important}}@media(max-width:767px){.landing-page .section-title-large,.landing-page .section-header h1,.landing-page .section-header h2,.landing-page .section-header h3,.landing-page .cta-title,.landing-page .upcoming-title{font-size:36px!important;line-height:1.15!important}.landing-page .upcoming-title{align-items:center!important;flex-wrap:wrap!important}}@media(max-width:767px){.landing-page .hero-title,.landing-page h1.hero-title,.landing-page .hero-title span{font-size:40px!important;line-height:1.1!important}}.sidebar-right{display:flex;flex-direction:column;gap:var(--spacing-6);position:sticky;top:calc(var(--header-height) + var(--spacing-6))}.widget,.calendar-widget{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);padding:var(--spacing-8) var(--spacing-10);box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;border:1px solid var(--glass-border);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.widget:hover,.calendar-widget:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6}.widget-title{font-size:13px;font-weight:700;margin-top:0;margin-bottom:var(--spacing-5);color:var(--color-text-primary)}.calendar-title{font-size:18px;font-weight:700;color:var(--color-text-primary);text-align:center;margin:0;line-height:1.2}.calendar-header{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-5)}.calendar-nav{width:34px;height:34px;border:none;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;font-size:18px;color:var(--color-text-primary);transition:background .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000014,inset 0 .5px #ffffff4d;position:absolute;top:50%;transform:translateY(-50%)}.calendar-nav:hover{background:var(--glass-bg-light);box-shadow:0 8px 18px #0000001f,inset 0 .5px #fff6;transform:translateY(-50%) scale(1.05)}.calendar-nav:active{transform:translateY(-50%) scale(.98)}.calendar-nav:first-of-type{left:0}.calendar-nav:last-of-type{right:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-1);margin:0 var(--spacing-1) var(--spacing-2) var(--spacing-1)}.calendar-weekdays>div{text-align:center;font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-1);margin:0 var(--spacing-1) var(--spacing-5) var(--spacing-1)}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;transition:transform .4s cubic-bezier(.25,.46,.45,.94);color:var(--color-text-primary);position:relative;transform:scale(1)}.calendar-day:hover:not(.selected):not(.today){transform:scale(1.15)}.calendar-day.other-month{color:var(--color-text-light)}.calendar-day.today:not(.selected){background:var(--gradient-primary);color:#fff;font-weight:700;box-shadow:0 4px 12px #9f7f6c4d}.calendar-day.has-event:after{content:"";position:absolute;bottom:var(--spacing-1);left:50%;transform:translate(-50%);width:3px;height:3px;background:var(--color-accent-red);border-radius:50%}.calendar-day.today:not(.selected).has-event:after{background:#fff;width:4px;height:4px;box-shadow:0 2px 4px #0003}.calendar-day.selected.has-event:after{background:var(--color-accent-red);width:3px;height:3px}.calendar-day-tooltip{position:absolute;bottom:calc(100% + var(--spacing-2));left:50%;transform:translate(-50%);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-3);min-width:200px;max-width:300px;box-shadow:0 4px 12px #00000026;z-index:1000;pointer-events:none}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white}.tooltip-event{padding:var(--spacing-1) 0;border-bottom:1px solid var(--color-border)}.tooltip-event:last-child{border-bottom:none}.tooltip-event strong{display:block;font-size:12px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.tooltip-time{font-size:11px;font-weight:500;color:var(--color-text-secondary)}.calendar-events{display:flex;flex-direction:column;gap:var(--spacing-2)}.calendar-events-header,.events-date-label{display:none}.clear-selection-btn{background:none;border:none;color:var(--color-text-light);font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--spacing-1);transition:background .4s cubic-bezier(.25,.46,.45,.94),color .4s cubic-bezier(.25,.46,.45,.94)}.clear-selection-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.calendar-no-events{padding:var(--spacing-5) var(--spacing-2);text-align:center}.calendar-no-events p{font-size:12px;font-weight:500;color:var(--color-text-secondary);margin:0}.calendar-day.selected{background:transparent;color:var(--color-text-primary);font-weight:600;transform:scale(1.15)}.calendar-event{display:flex;flex-direction:column;background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:var(--spacing-3) 14px;box-shadow:0 4px 16px #0000000a,inset 0 .5px #ffffff4d;border:1px solid var(--glass-border);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;overflow:visible}.calendar-event:hover{box-shadow:0 8px 24px #00000017;transform:translateY(-2.5px)}.calendar-event:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.event-dot{display:none}.calendar-event-info{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);padding-left:18px}.calendar-event-title{font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0;flex:1}.calendar-event-time{font-size:11px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;text-align:right}.leaders-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-5);margin-top:0}.leader-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 14px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:14px;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),background .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;text-decoration:none;box-shadow:0 4px 16px #0000000a,inset 0 .5px #ffffff4d}.leader-item:hover{background:var(--glass-bg-light);transform:translateY(-2.5px);box-shadow:0 8px 24px #00000014,inset 0 .5px #fff6}.leader-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.leader-avatar-img{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a}.empty-leaders{text-align:center;padding:var(--spacing-4);color:var(--color-text-secondary);font-size:12px;font-weight:500}.leaders-more{text-align:center;padding:var(--spacing-3);color:var(--color-text-secondary);font-size:12px;font-weight:500;border-top:1px solid var(--glass-border);margin-top:var(--spacing-2)}.leader-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.leader-name{font-size:13px;font-weight:600;color:var(--color-text-primary);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.leader-rating{font-size:12px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.your-rating{font-size:11px;font-weight:500;color:var(--color-text-light);text-align:center;padding:var(--spacing-3) 0 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-1);margin-bottom:0}.referral-widget{display:flex;flex-direction:column;gap:14px}.referral-balance{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-3);padding:10px var(--spacing-3);border-radius:var(--radius-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.referral-balance:hover{transform:translateY(-2.5px);box-shadow:0 6px 20px #00000014,inset 0 .5px #ffffff59}.referral-label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.referral-amount{font-size:16px;font-weight:700;color:var(--color-text-primary)}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.referral-stat{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-2);border-radius:10px;background:var(--glass-bg-light);border:1px solid var(--glass-border);text-align:center}.referral-stat .stat-label{font-size:10px;font-weight:600;color:var(--color-text-secondary)}.referral-stat .stat-value{font-size:14px;font-weight:700;color:var(--color-text-primary)}.referral-code-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px var(--spacing-3);border-radius:var(--radius-sm);background:var(--color-bg-card);border:1px dashed var(--color-border)}.referral-code-label{font-size:11px;font-weight:500;color:var(--color-text-secondary)}.referral-code{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--color-text-primary)}.referral-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);border-radius:20px;background:var(--gradient-primary);color:#fff;border:none;font-size:var(--font-body);font-weight:500;text-decoration:none;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);font-family:inherit;width:100%;box-shadow:0 4px 12px #9f7f6c4d}.referral-cta:hover{transform:scale(1.02)}@media(max-width:1023px){.sidebar-right{display:none}}@media(max-width:767px){.sidebar-right{display:none}.widget-title,.sidebar-right .widget-title,.widget .widget-title{text-align:left}}.gamification-widget{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);padding:20px 24px;box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.gamification-widget:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6}.gamification-widget:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;opacity:.1;border-radius:50%;pointer-events:none;filter:blur(60px);transform:translate(30%)}.gamification-content{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px}.gamification-left{flex:1;display:flex;flex-direction:column;min-width:0}.gamification-text{display:flex;flex-direction:column;gap:6px;justify-content:center}.gamification-progress-label{font-size:var(--font-body);font-weight:400;color:var(--color-text-secondary);text-transform:none;letter-spacing:0;margin-bottom:2px;margin-top:-4px}.gamification-widget h2.gamification-title,.gamification-widget .gamification-title,.gamification-text h2.gamification-title,.gamification-text .gamification-title,h2.gamification-title,.gamification-title{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.gamification-description{font-size:16px;color:var(--color-text-secondary);margin:0;line-height:1.6}.gamification-right{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.progress-circle-container{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.progress-circle-container:hover{transform:scale(1.04)}.progress-circle-container:hover .progress-bar-main{filter:brightness(1.03);transition:filter .5s cubic-bezier(.25,.46,.45,.94)}.progress-circle{width:100%;height:100%;filter:drop-shadow(0 4px 12px var(--gradient-primary)) saturate(1.05);transition:filter .5s cubic-bezier(.25,.46,.45,.94)}.progress-track{opacity:.8}.progress-bar-main{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.25,.46,.45,.94);filter:saturate(1.02)}.progress-bar-shine{opacity:.6;animation:shimmer 2.5s ease-in-out infinite;mix-blend-mode:soft-light}@keyframes shimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;justify-content:center;gap:1px}.progress-value{font-size:36px;font-weight:700;color:var(--color-text-primary);line-height:1;letter-spacing:-1px}.progress-percent{font-size:16px;font-weight:600;color:var(--color-text-primary);line-height:1;margin-left:2px}@media(max-width:768px){.gamification-widget{padding:20px}.gamification-content{flex-direction:column;align-items:center;gap:20px}.gamification-left{width:100%;text-align:left}.gamification-progress-label{text-align:left}.dashboard-wrapper .gamification-widget h2.gamification-title,.main-content .gamification-widget h2.gamification-title,body .gamification-widget h2.gamification-title,.gamification-widget h2.gamification-title,.gamification-widget .gamification-title,.gamification-text h2.gamification-title,.gamification-text .gamification-title,h2.gamification-title,.gamification-title{font-size:18px!important;text-align:left!important}.gamification-description{font-size:14px;text-align:left}.progress-circle-container{width:280px;height:280px}.progress-value{font-size:30px}.progress-percent{font-size:14px}}@media(max-width:480px){.gamification-widget{padding:20px}.dashboard-wrapper .gamification-widget h2.gamification-title,.main-content .gamification-widget h2.gamification-title,body .gamification-widget h2.gamification-title,.gamification-widget h2.gamification-title,.gamification-widget .gamification-title,.gamification-text h2.gamification-title,.gamification-text .gamification-title,h2.gamification-title,.gamification-title{font-size:18px!important;text-align:left!important}.gamification-description{font-size:14px;text-align:left}.progress-circle-container{width:280px;height:280px}.progress-value,.progress-percent{font-size:42px}}.course-program-widget{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:none!important;border-radius:var(--radius-card);padding:24px;box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;display:flex;flex-direction:column;gap:20px;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.course-program-widget:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6}.course-program-widget .program-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:0;margin-bottom:0;border-bottom:none!important}.course-program-widget .program-title-section{flex:1;display:flex;flex-direction:column;gap:8px}.course-program-widget .program-title{font-size:var(--font-heading);font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.course-program-widget .program-progress-info{display:flex;align-items:center;gap:12px}.course-program-widget .progress-text{font-size:var(--font-body);color:var(--color-text-secondary);font-weight:400}.course-program-widget .continue-btn{display:inline-flex;align-items:center;gap:8px;background:var(--gradient-primary);color:#fff;padding:12px 24px;border-radius:12px;font-size:var(--font-body);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px #9f7f6c4d;white-space:nowrap;position:relative;overflow:hidden;flex-shrink:0}.course-program-widget .continue-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine 3s ease-in-out infinite}.course-program-widget .continue-btn:hover{transform:translateY(-2.5px);box-shadow:0 8px 24px #9f7f6c66}.course-program-widget .continue-btn:active{transform:translateY(0)}.course-program-widget .continue-btn i{font-size:14px}.course-program-widget .modules-list{display:flex;flex-direction:column;gap:12px;margin-top:var(--spacing-3)}.course-program-widget .module-section{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:none!important;border-radius:14px;overflow:hidden;overflow-x:hidden;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px #0000000a,inset 0 .5px #ffffff4d;width:100%;max-width:100%;box-sizing:border-box}.course-program-widget .module-section:hover{box-shadow:0 8px 24px #00000014,inset 0 .5px #fff6}.course-program-widget .module-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background .2s ease}.course-program-widget .module-header:hover{background:var(--color-primary-bg)}.course-program-widget .module-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.course-program-widget .module-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;box-sizing:border-box}.course-program-widget .module-stats{font-size:13px;color:var(--color-text-secondary);font-weight:500}.course-program-widget .module-toggle{font-size:14px;color:var(--color-text-light);transition:transform .3s ease,color .3s ease;flex-shrink:0;margin-left:12px}.course-program-widget .module-header:hover .module-toggle{color:var(--color-primary)}.course-program-widget .lessons-list{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px;margin-top:0;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.course-program-widget .lesson-item{display:flex!important;align-items:center;gap:12px;padding:12px 14px!important;background:var(--glass-bg-light)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none!important;border-radius:12px!important;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;text-decoration:none;box-shadow:0 2px 8px #00000008,inset 0 .5px #ffffff80!important;cursor:pointer;border-bottom:none!important;overflow:hidden;overflow-x:hidden;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.course-program-widget .lesson-item:hover{background:var(--glass-bg-light)!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f,inset 0 .5px #fff9!important;border-color:var(--color-primary)!important}.course-program-widget .lesson-item.completed,.course-program-widget .lesson-item.in-progress{background:var(--glass-bg-light)!important;border-color:var(--glass-border)!important}.course-program-widget .lesson-item.watched{background:var(--glass-bg-light)!important}.course-program-widget .lesson-status-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px}.course-program-widget .lesson-item.completed .lesson-status-icon{color:#10b981}.course-program-widget .lesson-item.in-progress .lesson-status-icon{color:var(--color-primary)}.course-program-widget .lesson-item.watched .lesson-status-icon{color:#6b7280}.course-program-widget .lesson-item:not(.completed):not(.in-progress):not(.watched) .lesson-status-icon{color:#d1d5db}.course-program-widget .lesson-status-badge{flex-shrink:0;margin-left:auto;display:flex;align-items:center;justify-content:center;min-width:-moz-fit-content;min-width:fit-content}.course-program-widget .status-completed{display:inline-block;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-program-widget .status-in-progress{display:inline-block;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.course-program-widget .lesson-arrow-icon{font-size:12px;color:var(--color-text-light);transition:color .3s ease,transform .3s ease}.course-program-widget .lesson-item:hover .lesson-arrow-icon{color:var(--color-primary);transform:translate(3px)}.course-program-widget .status-completed{background:#10b9811a;color:#10b981}.course-program-widget .status-in-progress{background:var(--color-primary-bg);color:var(--color-primary)}.course-program-widget .status-watched{background:#6b72801a;color:#6b7280}.course-program-widget .status-not-watched{background:#d1d5db1a;color:#9ca3af}.course-program-widget .lesson-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.course-program-widget .teacher-avatar-wrapper{position:relative;width:24px;height:24px;flex-shrink:0}.course-program-widget .teacher-avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--glass-border);display:block}.course-program-widget .teacher-initials{position:absolute;top:0;left:0;width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;border:2px solid var(--glass-border)}.course-program-widget .teacher-name{font-size:12px;color:var(--color-text-secondary);font-weight:500}.course-program-widget .lesson-title{font-size:var(--font-body);font-weight:600;color:var(--color-text-primary);line-height:1.4;margin-bottom:0!important;overflow:hidden;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;box-sizing:border-box}.course-program-widget .lesson-item.completed .lesson-title{color:var(--color-text-secondary)}.course-program-widget .lesson-duration{font-size:12px;font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.course-program-widget .lesson-duration i{font-size:11px}.course-program-widget .lesson-arrow{font-size:12px;color:var(--color-text-light);transition:color .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94);flex-shrink:0}.course-program-widget .lesson-item:hover .lesson-arrow{color:var(--color-primary);transform:translate(3px)}.course-program-widget .view-all-lessons{display:block;text-align:center;padding:12px;color:var(--color-text-secondary);font-size:14px;font-weight:500;text-decoration:none;margin-top:8px;transition:color .4s cubic-bezier(.25,.46,.45,.94)}.course-program-widget .view-all-lessons:hover{color:var(--color-text-secondary)}@media(max-width:768px){.course-program-widget{padding:20px;overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.course-program-widget .program-header{flex-direction:column;align-items:stretch;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.course-program-widget .program-title{font-size:20px;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.course-program-widget .continue-btn{width:100%;justify-content:center;max-width:100%;box-sizing:border-box}.course-program-widget .lesson-item{padding:12px 14px!important;overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.course-program-widget .module-section{overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.course-program-widget .lessons-list{overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:12px!important;padding-right:12px!important}.course-program-widget .lesson-number{width:28px;height:28px;font-size:13px}.course-program-widget .lesson-title{font-size:13px;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}}@media(max-width:480px){.course-program-widget{padding:16px;overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.course-program-widget .program-title{font-size:18px;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.course-program-widget .program-progress-info{flex-wrap:wrap;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.course-program-widget .lesson-item{gap:12px;overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.course-program-widget .module-section{overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.course-program-widget .lessons-list{overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:8px!important;padding-right:8px!important}}.hero-banner{border-radius:var(--radius-card);box-shadow:none;position:relative;overflow:hidden;background:var(--glass-bg)}.hero-image{width:100%;height:auto;display:block}.dash-welcome-banner{background:var(--gradient-primary);border-radius:24px;padding:24px 32px;position:relative;overflow:hidden;width:100%;box-sizing:border-box;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px #9f7f6c4d}.dash-welcome-banner:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9f7f6c66}.dash-welcome-banner .welcome-content{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:1}.dash-welcome-banner .welcome-text{flex:1;display:flex;flex-direction:column;gap:8px}.dash-welcome-banner .welcome-text h3{font-size:24px;font-weight:700;color:#fff;margin:0;line-height:1.3}.dash-welcome-banner .welcome-text p{font-size:16px;color:#fff;margin:0;line-height:1.5;font-weight:400;opacity:1}.dash-welcome-banner .welcome-btn{background:#f8f8f8;color:var(--color-accent-brown);padding:14px 28px;border-radius:20px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.dash-welcome-banner .welcome-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dash-welcome-banner .welcome-btn:active{transform:translateY(0)}.dash-upgrade-banner{background:var(--primary-dark);border-radius:var(--radius-card);padding:20px 24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff80;width:100%;box-sizing:border-box;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.dash-upgrade-banner:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 1px #fff9}.dash-upgrade-banner:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:var(--gradient-primary);opacity:.1;border-radius:50% 0 0 50%;pointer-events:none;filter:blur(40px)}.dash-upgrade-banner .upgrade-content{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:1}.dash-upgrade-banner .upgrade-text{flex:1;display:flex;flex-direction:column;gap:8px}.dash-upgrade-banner .upgrade-text h3{font-size:24px;font-weight:700;color:#fff;margin:0;line-height:1.3}.dash-upgrade-banner .upgrade-text p{font-size:16px;color:#fff;margin:0;line-height:1.5;font-weight:400;opacity:.95}.dash-upgrade-banner .upgrade-btn{background:#fff;color:var(--color-accent-brown);padding:14px 28px;border-radius:24px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.dash-upgrade-banner .upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dash-upgrade-banner .upgrade-btn:active{transform:translateY(0)}.quick-actions-section{display:flex;gap:12px}.quick-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:16px 20px;font-size:14px;font-weight:600;color:var(--color-text-primary);text-decoration:none;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.quick-action-btn:hover{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transform:translateY(-2.5px);box-shadow:0 8px 24px #0000001a,inset 0 1px #ffffff59}.quick-action-btn svg{flex-shrink:0;color:var(--color-accent-brown);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.quick-action-btn:hover svg{transform:scale(1.08)}.quick-action-btn.quick-action-primary{background:var(--gradient-primary);color:#fff;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 4px 16px #9f7f6c40,inset 0 1px #fff3}.quick-action-btn.quick-action-primary:hover{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 24px #9f7f6c59,inset 0 1px #fff3}.quick-action-btn.quick-action-primary svg{color:#fff}.section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:20px 24px;box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;position:relative;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.section-header{display:flex;justify-content:space-between;text-align:left;margin-bottom:0}.section-title{font-size:var(--font-heading);font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin:0;padding:0;text-align:left!important}.dashboard-wrapper .section-title,.main-content .section-title,.section .section-title,.section-header .section-title,.dashboard-wrapper .section .section-title,.main-content .section .section-title,.dashboard-wrapper .section-header .section-title,.main-content .section-header .section-title,.dashboard-page .section-title,.dashboard-page .section .section-title,.dashboard-page .section-header .section-title{text-align:left!important}.view-all{font-size:var(--font-body);font-weight:400;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-secondary);text-decoration:none;transition:color .4s cubic-bezier(.25,.46,.45,.94)}.view-all:hover{color:var(--color-text-secondary)}.view-all-bottom{display:block;font-size:var(--font-body);font-weight:400;color:var(--color-text-secondary);text-decoration:none;text-align:center;margin-top:var(--spacing-4);padding-top:var(--spacing-4);transition:color var(--transition-base)}.view-all-bottom:hover{color:var(--color-text-secondary)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);margin-top:0}.course-card{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);padding:20px;box-shadow:0 8px 32px #00000014;border:1px solid var(--glass-border);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;gap:16px}.course-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001a}.course-cover{position:relative;height:160px;border-radius:var(--radius-card);overflow:hidden;background:var(--glass-bg-light);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end;padding:14px;color:#fff}.course-cover.has-thumbnail{background:var(--gradient-primary)}.course-cover.has-thumbnail .course-cover-image{opacity:1}.course-cover .course-tag{z-index:10!important}.course-cover-placeholder{font-size:12px;font-weight:500;opacity:.9;letter-spacing:.03em}.course-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:-moz-fit-content;width:fit-content}.course-cover .course-tag{position:absolute;top:12px;left:12px;z-index:1}.course-card-body{margin-top:0;display:flex;flex-direction:column;gap:10px}.course-tag.marketing{background:var(--color-accent-brown);color:#fff}.course-tag.management{background:#6bcb77;color:#fff}.course-tag.automation{background:#4d96ff;color:#fff}.course-tag.copywriting{background:#ff8b5a;color:#fff}.course-tag.branding{background:#a78bfa;color:#fff}.level-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--glass-bg-light);border:none;color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.2px;text-transform:lowercase;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.progress-section{display:flex;align-items:center;gap:12px;margin-top:auto}.progress-section .progress-bar{flex:1;height:6px;background:var(--color-primary-bg);border-radius:999px;overflow:hidden}.progress-section .progress-fill{height:100%;background:var(--gradient-primary);border-radius:999px;transition:width .4s ease}.progress-section .progress-text{font-size:13px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;min-width:40px;text-align:right}.course-actions .btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 12px #9f7f6c4d}.course-title{font-size:var(--font-subheading);font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);line-height:1.4;flex:1}.progress-wrapper{margin-bottom:0}.progress-bar{width:100%;height:4px;background:var(--color-primary-bg);border-radius:999px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .4s ease}.progress-text{font-size:var(--font-body);color:var(--color-text-secondary);font-weight:400;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.course-price{font-size:18px;font-weight:700;color:var(--color-text-primary)}.btn{padding:10px 20px;border:none;border-radius:12px;font-weight:600;font-size:13px;cursor:pointer;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #9f7f6c4d}.btn-primary:hover{transform:scale(1.03)}.btn-sm{padding:8px 16px;font-size:11px;font-weight:600}.next-lessons-list{display:flex;flex-direction:column;gap:0;margin-top:8px}.lesson-item{background:transparent;border-radius:0;padding:16px 0;box-shadow:none;border:none;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:16px;transition:background .4s cubic-bezier(.25,.46,.45,.94)}.lesson-item:last-child{border-bottom:none}.empty-state{text-align:center;padding:32px}.empty-state p{font-size:var(--font-body);font-weight:400;color:var(--color-text-secondary);margin-bottom:16px}.lesson-item:hover{background:var(--color-primary-bg)}.lesson-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.lesson-meta{font-size:12px;color:var(--color-text-light)}.lesson-instructor{display:flex;align-items:center;gap:8px}.instructor-name{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.lesson-time{font-size:13px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}@media(max-width:1023px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.hero-banner{height:160px;border-radius:12px}.dash-welcome-banner{padding:20px 24px;border-radius:20px}.dash-welcome-banner .welcome-content{flex-direction:column;gap:20px}.dash-welcome-banner .welcome-text{text-align:left}.dash-welcome-banner .welcome-btn{width:100%;justify-content:center}.dash-welcome-banner .welcome-text h3{font-size:18px}.dash-welcome-banner .welcome-text p{font-size:14px}.dash-welcome-banner svg,.dash-welcome-banner .welcome-visual svg,.dash-welcome-banner .progress-circle svg{width:100%!important;max-width:280px!important;height:auto!important}.dash-upgrade-banner{padding:20px 24px;border-radius:20px}.dash-upgrade-banner .upgrade-content{flex-direction:column;gap:20px}.dash-upgrade-banner .upgrade-text{text-align:left}.dash-upgrade-banner .upgrade-btn{width:100%;justify-content:center}.dash-upgrade-banner .upgrade-text h3{font-size:18px}.dash-upgrade-banner .upgrade-text p{font-size:14px}.quick-actions-section{flex-wrap:wrap;gap:10px}.quick-action-btn{flex:1 1 calc(50% - 5px);min-width:140px;padding:14px 18px;font-size:13px}.quick-action-btn:first-child{flex:1 1 100%}.section-header{margin-bottom:0;justify-content:flex-start;align-items:flex-start}.section-title,body .section-title,.main-content .section-title,.dashboard-wrapper .section-title,.section .section-title,section .section-title,.section-header .section-title,body .section .section-title,.dashboard-wrapper .section .section-title,.main-content .section .section-title,.dashboard-wrapper .section-header .section-title,.main-content .section-header .section-title,body .section-header .section-title,.dashboard-wrapper .main-content .section .section-title,.main-content .dashboard-wrapper .section .section-title{font-size:18px;font-weight:700;text-align:left;margin:0;padding:0}.courses-grid{grid-template-columns:1fr;gap:var(--spacing-3);margin-top:0!important}.course-card{padding:var(--spacing-3)}.section{padding:var(--spacing-4);background:var(--glass-bg)!important}.mobile-sidebar-widgets{display:block;width:100%}.mobile-sidebar-widgets .sidebar-right{display:block!important;position:static;width:100%;padding:0}.mobile-sidebar-widgets .widget{margin-bottom:var(--spacing-4)}.mobile-sidebar-widgets .widget-title,.mobile-sidebar-widgets .sidebar-right .widget-title{text-align:left!important}}@media(min-width:768px){.mobile-sidebar-widgets{display:none}}@media(max-width:1023px){.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.courses-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.course-card-compact{width:100%}}@media(max-width:767px){.dashboard-course-program{display:none}}.section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:20px 24px;box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;position:relative;display:flex;flex-direction:column;margin-bottom:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.section-title{font-size:var(--font-heading);font-weight:400;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);text-align:left!important}.courses-page .section-title,.main-content .section-title,.section .section-title,.section-header .section-title,.courses-page .section .section-title,.main-content .section .section-title,.courses-page .section-header .section-title,.main-content .section-header .section-title,body .courses-page .section-title,body .courses-page .section .section-title,body .courses-page .section-header .section-title{text-align:left!important}.section-heading{display:flex;flex-direction:column;gap:4px}.section-subtitle{display:none}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);margin-top:0}.course-card{position:relative}.course-card-link{text-decoration:none;color:inherit;display:block}.course-card-link:hover{text-decoration:none}.course-card-body{display:flex;flex-direction:column;gap:10px;margin-top:16px}.course-card-title{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1.4}.course-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:500;color:var(--color-text-secondary);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.course-card-meta span{color:var(--color-text-secondary)}.course-level{display:flex;align-items:center;position:relative;padding-left:12px}.course-level:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.level-badge{display:inline-flex;align-items:center;padding:4px 0;border-radius:999px;background:var(--glass-bg-light);border:none;color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.2px;text-transform:lowercase;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.course-card.locked{opacity:1;cursor:pointer}.course-card.locked:hover{opacity:1}.course-lock-overlay{display:none}.lock-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.lock-content i{font-size:32px;color:var(--color-primary)}.course-card-price{font-size:var(--font-subheading);font-weight:700;color:var(--color-text-primary);margin-top:auto}.course-actions{display:flex;gap:8px;margin-top:auto}.course-actions .btn-primary{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #9f7f6c4d!important}.course-actions .btn-primary:hover{transform:scale(1.02)}.btn-secondary{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--color-text-primary);border:1px solid var(--glass-border);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffb3}.btn-secondary:hover{transform:scale(1.02)}.course-cover{position:relative;height:160px;border-radius:var(--radius-card);overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end;padding:14px;color:#fff}.course-cover.cover-frontend,.course-cover.cover-backend,.course-cover.cover-devops,.course-cover.cover-marketing,.course-cover.cover-design{background:transparent}.course-cover-image{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;z-index:1!important;display:block!important;opacity:1!important;visibility:visible!important}.course-cover .course-tag{position:absolute;top:12px;left:12px;z-index:10}.course-cover .flagship-badge{position:absolute;top:12px;right:12px;z-index:10;background:#ffd700e6;color:#000;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #00000026}.course-tag.design{background:#ffd93d;color:#000}@media(max-width:1023px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.course-grid{grid-template-columns:1fr;margin-top:0!important}.filters-row{flex-wrap:wrap;gap:var(--spacing-2)}.filter-btn{font-size:13px;padding:8px 12px}.section-header{justify-content:flex-start!important;align-items:flex-start!important}.section-title,body .section-title,.main-content .section-title,.dashboard-wrapper .section-title,.section .section-title,section .section-title,.section-header .section-title,body .section .section-title,.dashboard-wrapper .section .section-title,.main-content .section .section-title,.dashboard-wrapper .section-header .section-title,.main-content .section-header .section-title,body .section-header .section-title,.dashboard-wrapper .main-content .section .section-title,.main-content .dashboard-wrapper .section .section-title{font-size:18px!important;font-weight:700!important;text-align:left!important;margin:0!important;padding:0!important}}.section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:20px 24px;box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;position:relative;display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;gap:var(--spacing-4)}.course-hero{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:24px;color:var(--color-text-primary);box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;margin-bottom:0}.course-hero-tag{display:inline-block;padding:6px 14px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.course-hero-tag.marketing{background:var(--gradient-primary);color:#fff}.course-hero-title{font-size:var(--font-heading);font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin-bottom:16px;line-height:1.3}.course-hero-meta{display:flex;align-items:center;gap:12px;font-size:var(--font-body);color:var(--color-text-secondary);margin-bottom:20px}.course-hero-progress{max-width:400px;margin-bottom:16px}.progress-bar{width:100%;height:10px;background:var(--color-primary-bg);border-radius:5px;overflow:hidden;margin-bottom:8px;border:1px solid var(--color-border);box-shadow:inset 0 2px 4px #0000001a;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:5px;transition:width .3s ease;box-shadow:0 2px 8px #9f7f6c66,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-text{font-size:var(--font-body);color:var(--color-text-secondary);font-weight:500}.btn-lg{padding:14px 32px;font-size:var(--font-body)}.course-hero .btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 12px #9f7f6c4d}.course-hero .btn-primary:hover{transform:scale(1.02)}.dashboard-wrapper .main-content .btn-primary:hover,.dashboard-wrapper .main-content .btn-secondary:hover{transform:scale(1.02)!important;background:inherit!important;border-color:inherit!important;color:inherit!important}.dashboard-wrapper .main-content .btn-primary:hover{background:var(--gradient-primary)!important;color:#fff!important}.dashboard-wrapper .main-content .btn-secondary:hover{background:var(--glass-bg)!important;color:var(--color-text-primary)!important}.course-about{display:flex;flex-direction:column;gap:24px;margin-top:0;font-size:var(--font-body);line-height:1.6;color:var(--color-text-secondary)}.course-instructor{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}.course-about p{margin:0}.course-benefits{margin-top:8px}.course-benefits h3{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.course-benefits ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.course-benefits li{padding-left:24px;position:relative;color:var(--color-text-secondary);font-size:var(--font-body);line-height:1.6}.course-benefits li:before{content:"";position:absolute;left:6px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--gradient-primary);box-shadow:0 2px 4px #9f7f6c4d}.course-stats-mini{font-size:14px;color:var(--color-text-light);font-weight:500}.course-program-widget .module-paywall{padding:32px 24px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);margin:16px;text-align:center}.course-program-widget .paywall-content{max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.course-program-widget .paywall-icon{font-size:48px;margin-bottom:8px}.course-program-widget .paywall-title{font-size:var(--font-subheading);font-weight:700;color:var(--color-text-primary);margin:0}.course-program-widget .paywall-description{font-size:var(--font-body);color:var(--color-text-secondary);line-height:1.6;margin:0}.course-program-widget .module-section.locked{opacity:.7}.course-program-widget .module-section.locked .module-header{cursor:not-allowed}.course-program-widget .module-lock-badge{padding:4px 10px;background:var(--gradient-primary);color:#fff;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-left:12px}.course-program-widget .continue-btn:disabled{opacity:.7;cursor:not-allowed}.course-program-widget .lesson-item-event .lesson-status-icon{color:var(--color-primary)}.lesson-info{flex:1;min-width:0}.lesson-title{font-size:var(--font-body);font-weight:600;color:var(--color-text-primary)!important;margin-bottom:4px}.lesson-duration{font-size:12px;color:var(--color-text-secondary)}.course-instructor .instructor-card{display:flex;gap:16px;align-items:flex-start;cursor:pointer;transition:all .2s ease;padding:16px;border-radius:var(--radius-card);margin:0}.course-instructor .instructor-card{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.course-instructor .instructor-card:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a}.instructor-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-heading);flex-shrink:0}.instructor-info-large{flex:1;display:flex;flex-direction:column;gap:4px}.instructor-name-large{font-size:var(--font-subheading);font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin:0 0 4px}.instructor-title{font-size:var(--font-body);color:var(--color-text-secondary);font-weight:500}.instructor-bio{font-size:var(--font-body);color:var(--color-text-primary);line-height:1.6;margin:8px 0 0}@media(max-width:767px){.course-hero{padding:var(--spacing-4)}.course-hero-title{font-size:28px}.course-hero-meta{flex-wrap:wrap;font-size:13px}.modules-list{gap:var(--spacing-2)}.module-header,.lesson-row{padding:var(--spacing-3)}}.section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);padding:24px;box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;position:relative;display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.section-title{font-size:var(--font-heading);font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-5);margin-top:0}.event-card{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.event-card:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6}.event-card.event-live{border-left:4px solid var(--color-primary);background:#d4a5a50d}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;min-height:32px}.event-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.event-status-badge.event-status-live{background:#dc26261a;color:#dc2626}.event-status-badge.event-status-upcoming{background:#d4a5a526;color:var(--color-primary-dark)}.event-time-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:80px;flex:1}.event-date-header{font-size:14px;font-weight:700;color:var(--color-text-primary)!important;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-transform:capitalize;white-space:nowrap;text-align:left;line-height:1.3;display:block!important;visibility:visible!important;opacity:1!important;min-height:18px}.event-time{font-size:13px;font-weight:600;color:var(--color-text-secondary);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;white-space:nowrap;text-align:left}.event-duration-badge{font-size:12px;font-weight:600;color:var(--color-text-secondary);padding:4px 8px;background:#d4a5a51a;border-radius:8px}.event-card-body{flex:1;display:flex;flex-direction:column;gap:12px}.event-card-title{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1.4;margin:0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.event-card-description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0}.event-card-meta{display:flex;flex-direction:column;gap:10px}.event-course-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;background:#d4a5a526;color:var(--color-primary-dark);font-size:12px;font-weight:600;width:-moz-fit-content;width:fit-content;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.event-speaker{display:flex;align-items:center;gap:6px;font-size:13px}.event-speaker-label{color:var(--color-text-secondary);font-weight:500}.event-speaker-name{color:var(--color-text-primary);font-weight:600}.event-card-date{font-size:13px;color:var(--color-text-secondary);font-weight:500;text-transform:capitalize;margin-top:4px}.event-card-duration{font-size:12px;color:var(--color-text-light);font-weight:500}.empty-state{text-align:center;padding:48px 24px}.empty-state p{font-size:var(--font-body);font-weight:400;color:var(--color-text-secondary)}.loading-state{text-align:center;padding:48px;color:var(--color-text-secondary);font-size:14px}@media(max-width:1023px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.events-grid{grid-template-columns:1fr}.event-card{padding:16px}.section{padding:20px}}.logout-section{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.btn-logout{display:flex;align-items:center;gap:var(--spacing-2);padding:10px var(--spacing-6)!important;border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--color-error);border:1px solid var(--glass-border);min-height:44px!important;height:44px!important;line-height:1.5;flex-shrink:0!important;box-sizing:border-box;width:100%;justify-content:center}.btn-logout:hover{transform:translateY(-2.5px);box-shadow:var(--shadow-md)}.btn-logout i{font-size:16px}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-6);align-items:start;align-content:start;margin-top:0;padding-top:0;min-width:0;width:100%}.settings-sidebar{display:flex;flex-direction:column;gap:var(--spacing-2);padding:0;position:sticky!important;top:calc (--header-height)!important;height:-moz-fit-content!important;height:fit-content!important;align-self:start;margin-top:0;padding-top:0!important}.settings-sidebar.section{padding:20px 24px!important;margin-top:0!important;margin-bottom:0!important;border-radius:var(--radius-card);height:-moz-fit-content;height:fit-content;min-height:-moz-fit-content;min-height:fit-content;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.settings-sidebar.section:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6}.settings-content>.section{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.settings-content>.section:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6}.settings-tab{display:flex;align-items:center;gap:var(--spacing-3);padding:10px var(--spacing-4)!important;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:left;font-family:inherit;min-height:44px!important;height:44px!important;line-height:1.5;flex-shrink:0!important;box-sizing:border-box}.settings-tab i{width:20px;font-size:16px}.settings-tab:hover{background:#d4a5a514;color:var(--color-text-primary)}.settings-tab.active{background:var(--gradient-primary);color:#fff;font-weight:600}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:0;padding-top:0;align-items:stretch;min-width:0}.settings-content>.section{margin-top:0;padding:20px 24px;align-self:start;margin-bottom:0;border-radius:var(--radius-card);height:-moz-fit-content;height:fit-content;min-height:-moz-fit-content;min-height:fit-content;flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box}.settings-content .section-title{margin-top:0;margin-bottom:var(--spacing-3);line-height:1.2}.section-description{color:var(--color-text-secondary);font-size:var(--font-body);margin-top:var(--spacing-2)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:0;margin-bottom:0;min-width:0}.form-subtitle{font-size:var(--font-subheading);font-weight:600;color:var(--color-text-primary);margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);line-height:1.3}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:0;min-width:0}.form-group label{font-size:var(--font-body);font-weight:600;color:var(--color-text-primary)}.form-group input,.form-group select{padding:10px var(--spacing-4)!important;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text-primary);font-size:var(--font-body);font-family:inherit;transition:all var(--transition-base);min-height:44px!important;height:44px!important;line-height:1.5;flex-shrink:0!important;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4a5a51a}.form-group-checkbox{display:flex;align-items:center;margin-bottom:0;padding:var(--spacing-1) 0}.form-group-checkbox label{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-group-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.form-group-checkbox span{font-size:var(--font-body);color:var(--color-text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.form-divider{height:1px;background:var(--color-border);margin:var(--spacing-3) 0}.payment-info{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);border:1px solid var(--glass-border);color:var(--color-text-secondary);font-size:var(--font-body);margin-top:var(--spacing-3);box-shadow:0 4px 16px #0000000a,inset 0 .5px #ffffff4d;min-width:0;flex-shrink:0}.payment-info i{color:var(--color-primary)}.subscription-info-card{padding:var(--spacing-8);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);margin-top:var(--spacing-3);margin-bottom:0;border:1px solid var(--glass-border);box-shadow:0 4px 16px #0000000a,inset 0 .5px #ffffff4d;min-width:0;flex-shrink:0}.subscription-current{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);margin-top:0}.subscription-label{font-size:var(--font-body);color:var(--color-text-secondary)}.subscription-tier{padding:6px 14px;background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:700;color:var(--color-accent-pink);line-height:1.2}.subscription-info-card p{color:var(--color-text-secondary);font-size:var(--font-body);margin-bottom:var(--spacing-3);margin-top:0}.btn-upgrade{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:10px var(--spacing-6)!important;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;min-height:44px!important;height:44px!important;line-height:1.5;flex-shrink:0!important;box-sizing:border-box}.btn-upgrade:hover{transform:translateY(-2.5px);box-shadow:var(--shadow-md)}.subscription-features{margin-top:var(--spacing-4);margin-bottom:0}.subscription-features ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2);margin-bottom:0;padding:0}.subscription-features li{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-body);color:var(--color-text-primary)}.subscription-features li i{width:20px;color:var(--color-primary)}.subscription-features li .fa-times{color:var(--color-text-light)}.settings-actions{display:flex;justify-content:center;gap:var(--spacing-4);padding:0;margin-top:var(--spacing-4);margin-bottom:0}.btn-save{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:10px var(--spacing-6)!important;border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;background:var(--gradient-primary);color:#fff;border:none;min-height:44px!important;height:44px!important;line-height:1.5;flex-shrink:0!important;box-sizing:border-box;text-align:center}.btn-save:hover{transform:translateY(-2.5px);box-shadow:var(--shadow-md)}.referral-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-3);margin-bottom:0}.referral-stat-card{padding:var(--spacing-8);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);border:1px solid var(--glass-border);box-shadow:0 4px 16px #0000000a,inset 0 .5px #ffffff4d;text-align:center;margin:0;min-width:0;flex-shrink:0}.referral-stat-value{font-size:24px;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-2);margin-top:0;line-height:1.2}.referral-stat-label{font-size:var(--font-body);color:var(--color-text-secondary);margin:0}.referral-code-section{margin-top:var(--spacing-4);margin-bottom:0}.referral-code-box{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);margin-top:var(--spacing-2);margin-bottom:0;box-shadow:0 4px 16px #0000000a,inset 0 .5px #ffffff4d;min-width:0;flex-shrink:0}.referral-code{flex:1;font-size:var(--font-subheading);font-weight:700;font-family:Courier New,monospace;color:var(--color-primary);letter-spacing:1px;line-height:1.3;min-width:0;flex-shrink:1}.btn-copy{display:flex;align-items:center;gap:var(--spacing-2);padding:10px var(--spacing-5)!important;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;min-height:44px!important;height:44px!important;line-height:1.5;flex-shrink:0!important;box-sizing:border-box}.btn-copy:hover{transform:translateY(-2.5px);box-shadow:var(--shadow-md)}.referral-hint{margin-top:var(--spacing-3);margin-bottom:0;font-size:var(--font-body);color:var(--color-text-secondary);line-height:1.5}.referral-info{margin-top:var(--spacing-4);margin-bottom:0}.referral-steps{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-2);margin-bottom:0;padding:0}.referral-steps li{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-5);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);border:1px solid var(--glass-border);box-shadow:0 4px 16px #0000000a,inset 0 .5px #ffffff4d}.referral-steps li i{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:50%;font-size:18px;flex-shrink:0}.referral-steps li div{flex:1}.referral-steps li strong{display:block;font-size:var(--font-body);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.referral-steps li p{font-size:var(--font-body);color:var(--color-text-secondary);margin:0;line-height:1.5}.subscription-cancel-card{margin-top:var(--spacing-4);padding:var(--spacing-6);border-radius:var(--radius-card);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 4px 16px #0000000a,inset 0 .5px #ffffff4d}.subscription-cancel-text{font-size:var(--font-body);color:var(--color-text-secondary);margin-top:var(--spacing-2);margin-bottom:var(--spacing-4)}.btn-cancel-subscription{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:10px var(--spacing-6)!important;border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;background:#dfdfdf;color:#f9fafb;border:none;min-height:44px!important;height:44px!important;line-height:1.5;flex-shrink:0!important;box-sizing:border-box;margin-top:var(--spacing-2)}.btn-cancel-subscription i{font-size:16px}.btn-cancel-subscription:hover{transform:translateY(-2.5px);box-shadow:var(--shadow-md);background:#b0b0b0}.subscription-cancel-note{margin-top:0;margin-bottom:0;font-size:12px;color:var(--color-text-secondary)}@media(max-width:768px){.settings-layout{grid-template-columns:1fr;gap:var(--spacing-5)}.settings-sidebar{position:static;flex-direction:row;overflow-x:auto;padding:var(--spacing-3)}.settings-tab{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;min-height:44px;height:44px;flex-shrink:0}.settings-content>.section{padding:var(--spacing-4) var(--spacing-3)}.form-row{grid-template-columns:1fr}.settings-actions{flex-direction:column}.btn-save,.btn-upgrade{width:100%;justify-content:center;min-height:44px;height:44px;flex-shrink:0}.referral-stats-grid{grid-template-columns:repeat(2,1fr)}.referral-code-box{flex-direction:column;text-align:center}.btn-copy{width:100%;justify-content:center;min-height:44px;height:44px;flex-shrink:0}}.page-header{margin-bottom:var(--spacing-6)}.avatar-upload{display:flex;align-items:center;gap:var(--spacing-6);margin-top:var(--spacing-5)}.avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--glass-bg-light);border:3px solid var(--glass-border);flex-shrink:0}.avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:48px}.avatar-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.btn-upload,.btn-remove{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none;font-family:inherit}.btn-upload{background:var(--gradient-primary);color:#fff}.btn-upload:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-remove{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-remove:hover{background:var(--color-bg-card);border-color:#ef4444;color:#ef4444}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-5);margin-top:var(--spacing-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-size:var(--font-body);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-2)}.form-group label i{color:var(--color-primary)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text-primary);font-size:var(--font-body);font-family:inherit;transition:all var(--transition-base);resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.form-group textarea{min-height:80px}.interests-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.interest-tag{padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-page);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.interest-tag:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.interest-tag.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.profile-actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);padding:var(--spacing-5)}.btn-cancel,.btn-save{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit}.btn-cancel{background:transparent;border:1px solid var(--glass-border);color:var(--color-text-primary)}.btn-cancel:hover{background:var(--glass-bg-light)}.btn-save{display:flex;align-items:center;gap:var(--spacing-2);background:var(--gradient-primary);color:#fff;border:none}.btn-save:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:768px){.avatar-upload{flex-direction:column;align-items:flex-start}.avatar-preview{width:100px;height:100px}.form-row{grid-template-columns:1fr}.profile-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%;justify-content:center}}.lesson-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-6);max-width:1600px;margin:0 auto;padding:0 var(--spacing-6);min-height:calc(100vh - var(--header-height));width:100%;box-sizing:border-box}.lesson-video-section{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:0;min-width:0;width:100%}.video-player{position:relative;background:#000;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:16/9;box-shadow:0 20px 40px #1f293733,0 8px 16px #0000001a;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.video-player:hover{transform:translateY(-2px);box-shadow:0 24px 48px #1f293740,0 12px 24px #00000026}.video-element{width:100%;height:100%;display:block}.lesson-info-bar{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:24px 28px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6;display:flex;flex-direction:column;gap:var(--spacing-6);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.lesson-info-bar:hover{transform:translateY(-3px);box-shadow:0 16px 48px #0000001f,inset 0 1px #ffffff80}.lesson-breadcrumb{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:8px}.lesson-breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.lesson-breadcrumb a:hover{color:var(--color-text-primary)}.lesson-title-main{font-size:28px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin:0 0 12px;line-height:1.3;letter-spacing:-.02em}.lesson-meta-info{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--color-text-secondary)}.lesson-tabs-container{display:flex;gap:var(--spacing-2);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);padding:var(--spacing-2);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6;border:1px solid var(--glass-border)}.lesson-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);border:none;background:transparent;font-size:var(--font-body);font-weight:500;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);font-family:inherit}.lesson-tab:hover{transform:scale(1.02)}.lesson-tab.active{background:var(--gradient-primary);color:#fff;font-weight:600}.lesson-tab-content{padding-top:var(--spacing-4);min-height:100px}.lesson-tab-content h3,.section-subtitle{font-size:var(--font-heading);font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin:0 0 var(--spacing-6) 0}.materials-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.materials-content p{font-size:15px;line-height:1.7;color:var(--color-text-secondary);margin:0;padding:0}.description-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.description-section h3{font-size:18px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 0 var(--spacing-3) 0;color:var(--color-text-primary);letter-spacing:-.01em}.materials-section{display:flex;flex-direction:column;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid rgba(0,0,0,.06)}.materials-section h3{font-size:18px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 0 var(--spacing-3) 0;color:var(--color-text-primary);letter-spacing:-.01em}.materials-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.material-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;text-decoration:none;color:var(--color-text-primary);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),background .3s ease;box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffff80}.material-item:hover{transform:translateY(-3px);background:var(--glass-bg);box-shadow:0 10px 32px #0000001f,inset 0 1px #fff9}.material-name{flex:1;font-size:14px;font-weight:600}.material-size{font-size:12px;color:var(--color-text-light)}.note-item{padding:14px 18px;background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;margin-bottom:10px;font-size:14px;line-height:1.6;color:var(--color-text-primary);box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff80;transition:transform .3s ease,box-shadow .3s ease}.note-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014,inset 0 1px #fff9}.notes-textarea{width:100%;padding:16px;background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;resize:vertical;margin-bottom:14px;color:var(--color-text-primary);transition:all .3s ease;box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff80}.notes-textarea:focus{outline:none;border-color:var(--color-primary);background:var(--glass-bg);box-shadow:0 0 0 3px var(--color-primary-bg),0 4px 16px #00000014,inset 0 1px #fff9}.notes-textarea::-moz-placeholder{color:var(--color-text-secondary)}.notes-textarea::placeholder{color:var(--color-text-secondary)}.notes-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.notes-content h3{font-size:18px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0;letter-spacing:-.01em}.notes-content .btn,.notes-content button.btn{width:100%!important}.discussion-content{background:transparent;border-radius:var(--radius-card);padding:0}.discussion-content h3{font-size:18px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin:0 0 var(--spacing-5) 0;letter-spacing:-.01em}.comments-list{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.comment-item{display:flex;gap:12px;padding:16px;background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;margin-bottom:12px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;box-shadow:0 2px 8px #0000000a,inset 0 1px #fff6}.comment-item:hover{transform:translateY(-2px);background:var(--glass-bg);box-shadow:0 6px 20px #00000014,inset 0 1px #ffffff80}.comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.comment-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.comment-body{flex:1}.comment-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.comment-author{font-size:14px;font-weight:600;color:var(--color-text-primary)}.comment-time{font-size:12px;color:var(--color-text-secondary)}.comment-text{font-size:14px;color:var(--color-text-primary);line-height:1.5;margin-bottom:8px}.no-comments{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:14px}.replies-list{margin-top:12px;padding-left:12px;border-left:2px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.reply-item{display:flex;gap:10px}.reply-btn{background:transparent;border:none;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;padding:4px 0;transition:color .2s}.reply-btn:hover{color:var(--color-accent-brown)}.reply-form{margin-top:12px;display:flex;flex-direction:column;gap:8px}.reply-actions{display:flex;gap:8px;justify-content:flex-end}.comment-form{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffff80}.comment-input{width:100%;padding:14px;background:var(--color-bg-page);border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;resize:vertical;color:var(--color-text-primary);transition:all .2s}.comment-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.comment-input::-moz-placeholder{color:var(--color-text-secondary)}.comment-input::placeholder{color:var(--color-text-secondary)}.lesson-sidebar{display:flex;flex-direction:column;gap:var(--spacing-6);position:sticky;top:0;height:-moz-fit-content;height:fit-content;width:100%;min-width:0;max-width:320px;margin:0;padding:0;box-sizing:border-box}.lesson-sidebar .widget{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:20px 24px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6;width:100%;min-width:0;max-width:100%;box-sizing:border-box;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.lesson-sidebar .widget:hover{transform:translateY(-3px);box-shadow:0 16px 48px #0000001f,inset 0 1px #ffffff80}.lesson-sidebar .widget-title{font-size:16px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin-top:0;margin-bottom:var(--spacing-5);color:var(--color-text-primary);letter-spacing:-.01em}.lesson-sidebar>.widget:first-child{margin-top:0}.lesson-list{display:flex;flex-direction:column;gap:8px}.lesson-list-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:14px;cursor:pointer;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),background .3s ease;text-decoration:none;color:var(--color-text-primary);box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffff80;min-width:0;width:100%;box-sizing:border-box}.lesson-list-item:hover{transform:translateY(-3px);background:var(--glass-bg);box-shadow:0 10px 32px #0000001f,inset 0 1px #fff9}.lesson-list-item.active{background:var(--color-primary-bg);border-color:var(--color-primary);box-shadow:0 4px 16px #9f7f6c26,inset 0 1px #ffffff80}.lesson-list-item.completed{opacity:1}.lesson-list-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);font-size:13px;font-weight:700;flex-shrink:0;color:var(--color-text-primary);box-shadow:0 2px 8px #0000000a}.lesson-list-item.completed .lesson-list-icon{background:var(--glass-bg-light);color:var(--color-text-primary);border:1px solid var(--glass-border)}.lesson-list-item.active .lesson-list-icon{background:var(--gradient-primary);color:#fff;border:1px solid var(--color-primary);box-shadow:0 2px 8px #9f7f6c4d}.lesson-list-item.active .lesson-list-title{color:var(--color-accent-brown);font-weight:600}.lesson-list-info{flex:1;min-width:0}.lesson-list-title{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;max-height:2.8em}.lesson-list-duration{font-size:11px;color:var(--color-text-light);white-space:nowrap;overflow:visible;text-overflow:clip}.next-lesson-preview{display:flex;flex-direction:column;gap:14px}.next-lesson-cover{height:140px;background:var(--gradient-primary);border-radius:14px;margin-bottom:0;opacity:.9;position:relative;overflow:hidden;box-shadow:0 8px 24px #9f7f6c4d,inset 0 1px #fff3;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.next-lesson-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.next-lesson-preview:hover .next-lesson-cover{transform:scale(1.02);box-shadow:0 12px 32px #9f7f6c66,inset 0 1px #ffffff4d}.next-lesson-title{font-size:15px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin-bottom:6px;line-height:1.4;letter-spacing:-.01em}.next-lesson-duration{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.next-module-preview{display:flex;flex-direction:column;gap:12px}.next-module-info{padding:18px 20px;background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffff80;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.next-module-preview:hover .next-module-info{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a,inset 0 1px #fff9}.next-module-title{font-size:15px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);line-height:1.4;letter-spacing:-.01em}.upgrade-widget{background:var(--glass-bg);border:1px solid var(--color-primary)}.upgrade-content{display:flex;flex-direction:column;gap:16px}.upgrade-text{font-size:14px;line-height:1.5;color:var(--color-text-primary);margin:0}.lesson-layout .btn,.lesson-layout button.btn,.lesson-layout a.btn{border-radius:12px!important;padding:10px 20px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;font-family:inherit!important;text-decoration:none!important;display:inline-block!important;text-align:center!important;border:none!important}.lesson-layout .btn-primary,.lesson-layout button.btn-primary,.lesson-layout a.btn-primary,.lesson-layout .notes-content .btn-primary,.lesson-layout .notes-content button.btn-primary,.lesson-layout .discussion-content .btn-primary,.lesson-layout .discussion-content button.btn-primary,.lesson-layout .comment-form .btn-primary,.lesson-layout .comment-form button.btn-primary,.lesson-layout .reply-actions .btn-primary,.lesson-layout .reply-actions button.btn-primary{background:var(--gradient-primary)!important;background-image:var(--gradient-primary)!important;color:#fff!important;box-shadow:0 4px 12px #9f7f6c4d!important}.lesson-layout .btn-primary:hover:not(:disabled),.lesson-layout button.btn-primary:hover:not(:disabled),.lesson-layout a.btn-primary:hover:not(:disabled),.lesson-layout .notes-content .btn-primary:hover:not(:disabled),.lesson-layout .notes-content button.btn-primary:hover:not(:disabled),.lesson-layout .discussion-content .btn-primary:hover:not(:disabled),.lesson-layout .discussion-content button.btn-primary:hover:not(:disabled),.lesson-layout .comment-form .btn-primary:hover:not(:disabled),.lesson-layout .comment-form button.btn-primary:hover:not(:disabled),.lesson-layout .reply-actions .btn-primary:hover:not(:disabled),.lesson-layout .reply-actions button.btn-primary:hover:not(:disabled){transform:scale(1.02)!important}.lesson-layout .btn-primary:disabled,.lesson-layout button.btn-primary:disabled,.lesson-layout a.btn-primary:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.lesson-layout .btn-secondary,.lesson-layout button.btn-secondary,.lesson-layout a.btn-secondary{background:var(--glass-bg);color:var(--color-text-primary);border:1px solid var(--glass-border);box-shadow:0 2px 8px #0000000d}.lesson-layout .btn-secondary:hover,.lesson-layout button.btn-secondary:hover,.lesson-layout a.btn-secondary:hover{transform:scale(1.02)}.lesson-layout .btn-sm,.lesson-layout button.btn-sm,.lesson-layout a.btn-sm{padding:8px 16px;font-size:12px}.lesson-layout .reply-btn{background:transparent;border:none;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;padding:4px 0;transition:color .2s;border-radius:0;text-align:left;display:inline-block}.lesson-layout .reply-btn:hover{color:var(--color-accent-brown);transform:none}.lesson-layout textarea,.lesson-layout input[type=text],.lesson-layout .notes-textarea,.lesson-layout .comment-input,.lesson-layout .notes-content textarea,.lesson-layout .discussion-content textarea,.lesson-layout .comment-form textarea,.lesson-layout .comment-form input,.lesson-layout .reply-form textarea,.lesson-layout .reply-form input{background:var(--color-bg-page)!important;color:var(--color-text-primary)!important;border:1px solid var(--glass-border)!important;border-radius:12px!important;padding:14px!important;font-size:14px!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif!important;resize:vertical!important;transition:all .2s!important}.lesson-layout textarea:focus,.lesson-layout input[type=text]:focus,.lesson-layout .notes-textarea:focus,.lesson-layout .comment-input:focus,.lesson-layout .notes-content textarea:focus,.lesson-layout .discussion-content textarea:focus,.lesson-layout .comment-form textarea:focus,.lesson-layout .comment-form input:focus,.lesson-layout .reply-form textarea:focus,.lesson-layout .reply-form input:focus{outline:none!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-bg)!important;background:var(--color-bg-page)!important}.lesson-layout textarea::-moz-placeholder,.lesson-layout input[type=text]::-moz-placeholder,.lesson-layout .notes-textarea::-moz-placeholder,.lesson-layout .comment-input::-moz-placeholder,.lesson-layout .notes-content textarea::-moz-placeholder,.lesson-layout .discussion-content textarea::-moz-placeholder,.lesson-layout .comment-form textarea::-moz-placeholder,.lesson-layout .comment-form input::-moz-placeholder,.lesson-layout .reply-form textarea::-moz-placeholder,.lesson-layout .reply-form input::-moz-placeholder{color:var(--color-text-secondary)!important}.lesson-layout textarea::placeholder,.lesson-layout input[type=text]::placeholder,.lesson-layout .notes-textarea::placeholder,.lesson-layout .comment-input::placeholder,.lesson-layout .notes-content textarea::placeholder,.lesson-layout .discussion-content textarea::placeholder,.lesson-layout .comment-form textarea::placeholder,.lesson-layout .comment-form input::placeholder,.lesson-layout .reply-form textarea::placeholder,.lesson-layout .reply-form input::placeholder{color:var(--color-text-secondary)!important}.lesson-layout .lesson-tab-content .discussion-content .comment-form button.btn-primary,.lesson-layout .lesson-tab-content .notes-content button.btn-primary,.lesson-layout .lesson-tab-content button.btn-primary,button.btn.btn-primary.discussion-submit-btn,.lesson-layout button.btn.btn-primary,.lesson-layout .btn.btn-primary{background:var(--gradient-primary)!important;background-image:var(--gradient-primary)!important;background-color:var(--color-primary)!important;color:#fff!important;opacity:1!important;box-shadow:0 4px 12px #9f7f6c4d!important;border:none!important}.lesson-layout .lesson-tab-content .discussion-content .comment-form button.btn-primary:hover,.lesson-layout .lesson-tab-content .notes-content button.btn-primary:hover,.lesson-layout .lesson-tab-content button.btn-primary:hover,button.btn.btn-primary.discussion-submit-btn:hover,.lesson-layout button.btn.btn-primary:hover,.lesson-layout .btn.btn-primary:hover{background:var(--gradient-primary)!important;background-image:var(--gradient-primary)!important;transform:scale(1.02)!important}@media(max-width:1400px){.lesson-layout{max-width:100%;padding:0 var(--spacing-5)}}@media(max-width:1200px){.lesson-layout{grid-template-columns:1fr 300px;gap:var(--spacing-5)}.lesson-sidebar{max-width:300px}}@media(max-width:1023px){.lesson-layout{grid-template-columns:1fr;gap:var(--spacing-4);padding:0 var(--spacing-4)}.lesson-sidebar{display:flex;width:100%;max-width:100%;margin-top:var(--spacing-4)}.lesson-video-section{width:100%}}@media(max-width:767px){.lesson-layout{grid-template-columns:1fr;gap:0 var(--spacing-5);padding:0}.lesson-content{padding:0}.video-player{border-radius:var(--radius-card);width:100%}.lesson-breadcrumb{font-size:12px}.lesson-title-main{font-size:24px}.lesson-info-bar,.lesson-sidebar .widget{padding:var(--spacing-4) var(--spacing-5)}}.section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:var(--spacing-6) var(--spacing-10);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff4d;position:relative;display:flex;flex-direction:column;gap:var(--spacing-3);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.community-page .section-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-6)}.community-tabs-container{display:flex;gap:var(--spacing-2);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);padding:var(--spacing-2);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff4d;border:1px solid var(--glass-border)}.community-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:none;background:transparent;font-size:var(--font-body);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);font-family:inherit}.community-tab i{font-size:var(--font-body)}.community-tab:hover{transform:scale(1.02)}.community-tab.active{background:var(--gradient-primary);color:#fff;font-weight:600}.recommended-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3);margin-top:0}.recommended-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);border:1px solid var(--glass-border);padding:var(--spacing-6);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);gap:var(--spacing-3);transition:all var(--transition-base);box-shadow:0 4px 16px #0000000f,inset 0 1px #fff9}.recommended-card:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6}.recommended-avatar{width:72px;height:72px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-subheading);overflow:hidden}.recommended-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.recommended-name{font-size:var(--font-body);font-weight:700;color:var(--color-text-primary);margin:0}.recommended-stats{font-size:var(--font-body);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-1)}.recommended-actions{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;margin-top:var(--spacing-2)}.community-btn-primary{padding:var(--spacing-2) var(--spacing-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;width:100%;box-shadow:0 4px 12px #c895954d}.community-btn-primary:hover{transform:scale(1.02)}.community-btn-secondary{padding:var(--spacing-2) var(--spacing-4);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--color-text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--transition-base);font-family:inherit;width:100%;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffb3}.community-btn-secondary:hover{transform:scale(1.02)}.search-box-large{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);border:1px solid var(--glass-border);margin:0;box-shadow:0 4px 16px #0000000f,inset 0 1px #fff9}.search-box-large i{color:var(--color-text-secondary);font-size:var(--font-body)}.search-box-large input{flex:1;border:none;background:transparent;font-size:var(--font-body);color:var(--color-text-primary);outline:none}.search-box-large input::-moz-placeholder{color:var(--color-text-light)}.search-box-large input::placeholder{color:var(--color-text-light)}.search-results{margin-top:var(--spacing-6)}.search-placeholder{text-align:center;color:var(--color-text-light);font-size:var(--font-body);padding:var(--spacing-10) 0}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);gap:var(--spacing-4);color:var(--color-text-secondary)}.loading-state i,.empty-state i{font-size:var(--font-heading);opacity:.5}.loading-state p,.empty-state p{font-size:var(--font-body);color:var(--color-text-secondary)}.search-input-inline{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);font-size:var(--font-body);color:var(--color-text-primary);outline:none;transition:all var(--transition-base)}.search-input-inline:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}@media(max-width:1200px){.recommended-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.recommended-grid{grid-template-columns:1fr}}@media(max-width:767px){.community-tab i{display:none}.community-tab{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-body)}.search-box-large{padding:var(--spacing-4) var(--spacing-5);gap:var(--spacing-2)}.search-box-large i{font-size:14px}.search-box-large input{font-size:var(--font-body)}.section{padding:var(--spacing-5) var(--spacing-6)}.recommended-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.recommended-card{padding:var(--spacing-5)}.community-btn-primary,.community-btn-secondary{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-body)}.search-results{margin-top:var(--spacing-6)}.search-placeholder{padding:var(--spacing-6) 0;font-size:var(--font-body)}}.section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);padding:20px 24px;box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;position:relative;display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);cursor:default}.section:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6}.UserProfile-page .section-title{font-size:var(--font-heading);font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin:0;padding:0;margin-bottom:var(--spacing-4);line-height:1.3;letter-spacing:-.01em}.profile-hero{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;border:1px solid rgba(255,255,255,.12);overflow:hidden;margin-bottom:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);cursor:default}.profile-hero:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6}.profile-cover{height:200px;background:var(--gradient-primary)}.profile-info-bar{position:relative;padding:0 var(--spacing-10) var(--spacing-10) var(--spacing-10);display:flex;align-items:flex-end;gap:var(--spacing-6)}.profile-avatar-wrapper{margin-top:-60px}.profile-avatar-huge{width:140px;height:140px;border-radius:50%;background:var(--gradient-primary);border:6px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:48px;box-shadow:0 4px 12px #00000026;flex-shrink:0}.profile-avatar-img{-o-object-fit:cover;object-fit:cover;border:none}.profile-main-info{flex:1;padding-top:var(--spacing-5)}.profile-name-row{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.profile-name-row a{text-decoration:none;display:inline-flex;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.profile-name-row a:hover{transform:scale(1.05)}.profile-name{font-size:32px;font-weight:800;color:var(--color-text-primary);margin:0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.profile-subscription-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);color:#fff;flex-shrink:0;box-shadow:0 2px 8px #d4a5a54d;cursor:pointer;transition:all var(--transition-base)}.profile-subscription-badge:hover{transform:scale(1.1);box-shadow:0 4px 12px #d4a5a566}.profile-subscription-badge svg{width:18px;height:18px}.profile-title{font-size:var(--font-subheading);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);font-weight:500}.profile-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-body);color:var(--color-text-secondary)}.profile-actions{display:flex;gap:var(--spacing-3);padding-top:var(--spacing-5)}.profile-actions .btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.profile-actions .btn-secondary{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--color-text-primary);border:none!important;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffb3}.profile-actions .btn-secondary:hover{background:var(--glass-bg)!important;transform:scale(1.02)!important;border:none!important;box-shadow:0 4px 12px #00000014,inset 0 1px #fffc}.profile-content-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-6);margin-top:0}.profile-left,.profile-right{display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-bio{font-size:var(--font-body);line-height:1.6;color:var(--color-text-primary);margin:0 0 var(--spacing-5) 0}.profile-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-top:var(--spacing-4)}.profile-detail-item{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),background .4s cubic-bezier(.25,.46,.45,.94);cursor:default}.profile-detail-item:hover{transform:translateY(-2.5px);background:var(--glass-bg);box-shadow:0 6px 20px #00000014}.detail-label{font-size:12px;color:var(--color-text-secondary);font-weight:500}.detail-value{font-size:var(--font-body);color:var(--color-text-primary);font-weight:600}.profile-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.profile-link:hover{color:var(--color-accent-pink);text-decoration:underline}.profile-goals{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid var(--glass-border)}.profile-goals-text{font-size:var(--font-body);line-height:1.6;color:var(--color-text-primary);margin:var(--spacing-2) 0 0 0}.profile-interests{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid rgba(255,255,255,.12)}.profile-interests-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.profile-interest-tag{padding:var(--spacing-2) var(--spacing-4);background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-full);font-size:12px;font-weight:600;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);cursor:default;display:inline-block}.profile-interest-tag:hover{transform:translateY(-2.5px);box-shadow:0 6px 20px #0000001a}.profile-social-links{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.profile-social-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 6px 20px #00000014;text-decoration:none;color:var(--color-text-primary);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.profile-social-link:hover{transform:translateY(-2.5px);box-shadow:0 8px 24px #0000001a}.social-icon{font-size:13px;font-weight:600;color:var(--color-primary);min-width:80px}.social-username{font-size:var(--font-body);color:var(--color-text-primary)}.profile-courses-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.profile-course-item{display:flex;gap:var(--spacing-6);padding:var(--spacing-5);background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 6px 20px #00000014;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;text-decoration:none;color:inherit}.profile-course-item:hover{transform:translateY(-2.5px);box-shadow:0 8px 24px #0000001a}.profile-course-cover{width:80px;height:80px;border-radius:var(--radius-sm);flex-shrink:0}.profile-course-thumbnail{-o-object-fit:cover;object-fit:cover;background:var(--gradient-primary)}.profile-course-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-2)}.profile-course-title{font-size:var(--font-body);font-weight:700;color:var(--color-text-primary);margin:0}.profile-course-meta{font-size:13px;color:var(--color-text-secondary)}.profile-course-progress{font-size:13px;color:var(--color-text-secondary);font-weight:600}.profile-course-progress-bar{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2)}.progress-bar{width:100%;height:6px;background:var(--color-bg-page);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-text{font-size:12px;color:var(--color-text-secondary);font-weight:500}.profile-empty-state{color:var(--color-text-secondary);font-size:var(--font-body);margin:0;text-align:center;padding:var(--spacing-6) 0}.profile-friends-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.profile-friend-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 6px 20px #00000014;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;text-decoration:none;color:inherit}.profile-friend-item:hover{transform:translateY(-2.5px);box-shadow:0 8px 24px #0000001a}.profile-friend-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.profile-friend-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:18px;border:2px solid rgba(255,255,255,.3)}.profile-friend-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.profile-friend-name{font-size:var(--font-body);font-weight:600;color:var(--color-text-primary)}.widget{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);padding:20px 24px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.12);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.widget:hover{transform:translateY(-2.5px);box-shadow:0 12px 40px #0000001a}.widget-title{font-size:var(--font-heading);font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin-top:0;margin-bottom:var(--spacing-5);color:var(--color-text-primary);line-height:1.3;letter-spacing:-.01em}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-top:var(--spacing-4)}.profile-stat-item{text-align:center;padding:var(--spacing-5);background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 6px 20px #00000014;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);cursor:default}.profile-stat-item:hover{transform:translateY(-2.5px);box-shadow:0 8px 24px #0000001a}.stat-number{font-size:28px;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.stat-label{font-size:12px;color:var(--color-text-secondary);font-weight:500}.profile-about-widget{display:flex;flex-direction:column;gap:var(--spacing-5)}.profile-about-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.about-label{font-size:11px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.about-value{font-size:var(--font-body);color:var(--color-text-primary);font-weight:500;line-height:1.5}.about-link{color:var(--color-primary);text-decoration:none;transition:color .2s}.about-link:hover{color:var(--color-accent-pink);text-decoration:underline}.profile-interests-widget{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1)}.profile-interest-tag-small{padding:6px 12px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-full);font-size:11px;font-weight:600;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);cursor:default;display:inline-block}.profile-interest-tag-small:hover{transform:translateY(-2.5px);box-shadow:0 6px 20px #0000001a}@media(max-width:1023px){.profile-content-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.profile-right{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.profile-details-grid{grid-template-columns:1fr}}@media(max-width:767px){.profile-info-bar{flex-direction:column;align-items:center;text-align:center;padding:0 var(--spacing-5) var(--spacing-5) var(--spacing-5)}.profile-avatar-wrapper{margin-top:-70px}.profile-actions{flex-direction:column;width:100%}.profile-actions .btn{width:100%}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-right{grid-template-columns:1fr}.section{padding:var(--spacing-5) var(--spacing-6)}.profile-details-grid{grid-template-columns:1fr}.profile-name-row{justify-content:center}.profile-name{font-size:24px}.profile-avatar-huge{width:120px;height:120px;font-size:40px}}.profile-avatar-huge img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.message-item{display:flex;gap:12px;margin-bottom:16px;animation:messageSlideIn .2s ease-out;align-items:flex-start;padding:0 10px}.message-item.other{justify-content:flex-start}.message-item.own{flex-direction:row-reverse;justify-content:flex-start}.message-item.other .message-avatar{align-self:flex-start;margin-top:0;flex-shrink:0}.message-item.other .message-content-wrapper{align-self:flex-start;flex:1}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.message-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.message-avatar-placeholder{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border-radius:50%}.message-content-wrapper{max-width:100%;display:flex;flex-direction:column;gap:4px}.message-sender-name{font-size:12px;color:var(--color-text-secondary);font-weight:600;margin-bottom:2px;line-height:1.2;padding-left:0}.message-bubble{background:var(--gradient-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:12px 14px;position:relative;box-shadow:0 2px 8px #0000000a;min-width:80px;max-width:100%;color:#fff}.message-item.own .message-bubble{background:var(--gradient-primary);color:#fff;border:none}.message-bubble.has-file{padding:8px}.upload-indicator{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:12px;color:var(--color-text-secondary)}.upload-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-image{border-radius:12px;overflow:hidden;margin-bottom:4px}.message-image img{max-width:100%;max-height:400px;width:auto;height:auto;display:block;border-radius:12px}.message-video{border-radius:12px;overflow:hidden;margin-bottom:4px}.message-audio{margin-bottom:4px}.message-file-compact{display:inline-flex;align-items:center;justify-content:center;position:relative;width:80px;height:80px;background:var(--color-bg-hover);border-radius:12px;text-decoration:none;color:var(--color-text-primary);transition:all .2s ease;margin-bottom:4px}.message-item.own .message-file-compact{background:#ffffff26;color:#fff}.message-file-compact:hover{background:var(--color-bg-active);transform:scale(1.05)}.message-item.own .message-file-compact:hover{background:#ffffff40}.file-icon-compact{font-size:32px;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.message-item.own .file-icon-compact{color:#fff}.file-download-hint{position:absolute;bottom:6px;right:6px;width:24px;height:24px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;opacity:0;transition:opacity .2s ease}.message-file-compact:hover .file-download-hint{opacity:1}.message-text{font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.message-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:var(--color-text-secondary)}.message-time{white-space:nowrap}.message-item.own .message-meta{color:#fffc;justify-content:flex-end}.message-status{display:flex;align-items:center}@media(max-width:768px){.message-content-wrapper{max-width:100%}}.message-bubble.audio-only{padding:8px 10px;max-width:100%}.voice-message-player{display:inline-flex;align-items:center;gap:8px;padding:0;border-radius:0;background:transparent;color:inherit;max-width:260px;width:100%}.voice-message-player.own,.voice-message-player.other{background:transparent}.voice-play-btn{width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:var(--color-primary);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.voice-waveform-container{position:relative;width:80px;height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden}.voice-progress{height:100%;background:var(--color-primary)}.voice-duration{font-size:11px;color:#fff;min-width:32px;text-align:center}.voice-playback-rate{border:none;background:#fff;color:#111827;font-size:11px;padding:3px 7px;border-radius:999px;cursor:pointer}@media(max-width:768px){.voice-message-player{max-width:100%;gap:6px}.voice-waveform-container{width:100px}.voice-duration{min-width:28px;font-size:10px}.voice-playback-rate{padding:2px 4px;font-size:10px}}.message-input-container{display:flex;flex-direction:column;gap:12px}.file-preview-container{padding:0 16px}.image-preview{position:relative;display:inline-block;max-width:200px;border-radius:12px;overflow:hidden;background:var(--glass-bg-light);border:1px solid var(--glass-border)}.image-preview img{display:block;max-width:100%;max-height:150px;width:auto;height:auto}.file-preview{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;max-width:400px}.file-preview-icon{width:40px;height:40px;border-radius:8px;background:var(--color-primary-bg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:18px;flex-shrink:0}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:14px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.remove-file-btn{width:28px;height:28px;border-radius:50%;background:var(--color-bg-hover);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:var(--color-text-secondary)}.remove-file-btn:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.image-preview .remove-file-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff}.image-preview .remove-file-btn:hover{background:#000c}.message-input-wrapper{position:relative;display:flex;align-items:flex-end;gap:8px;padding:12px 16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border)}.message-input-wrapper.dragging{border:2px dashed var(--color-primary);background:var(--color-primary-bg)}.drag-overlay{position:absolute;inset:0;background:#fffffff2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-primary);font-size:16px;font-weight:600}.drag-overlay-content i{font-size:48px}.attach-btn,.send-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.attach-btn{background:transparent;color:var(--color-text-secondary)}.attach-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.send-btn{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #9f7f6c4d}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #9f7f6c66;transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.message-textarea{flex:1;border:none;background:transparent;font-size:14px;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--color-text-primary);resize:none;outline:none;min-height:40px;max-height:120px;padding:10px 0;line-height:1.5;min-width:0}.message-textarea::-moz-placeholder{color:var(--color-text-secondary)}.message-textarea::placeholder{color:var(--color-text-secondary)}.message-textarea:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.file-preview{max-width:100%}.message-input-wrapper{padding:10px 12px;gap:6px}.attach-btn,.send-btn,.voice-btn{width:36px;height:36px}}.voice-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:transparent;color:var(--color-text-secondary)}.voice-btn i{font-size:16px}.voice-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.voice-btn.cancel-btn{background:#ffffff14;color:#830700}.voice-btn.cancel-btn:hover:not(:disabled){background:#ff3b3029}.voice-btn.send-btn{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #9f7f6c4d}.voice-btn.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #9f7f6c66;transform:translateY(-1px)}.message-textarea{flex:1}.messages-page-full{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-4);height:100%;min-height:calc(100vh - var(--header-height) - var(--spacing-6));width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.messages-sidebar{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);display:flex;flex-direction:column;overflow:hidden;height:700px;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff80}.messages-sidebar-header{padding:var(--spacing-5);border-bottom:1px solid var(--color-primary-bg)}.messages-sidebar-header h2{font-size:var(--font-heading);font-weight:700;color:var(--color-text-primary);margin:0}.messages-content{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);display:flex;flex-direction:column;overflow:hidden;height:700px;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff80}.messages-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary)}.messages-empty-state i{font-size:64px;margin-bottom:16px;color:var(--color-primary);opacity:.5}.messages-empty-state h3{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.messages-empty-state p{font-size:14px;color:var(--color-text-secondary);margin:0}.messages-header-full{padding:var(--spacing-5);border-bottom:1px solid var(--color-primary-bg);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.messages-header-info{display:flex;align-items:center;gap:12px;text-align:left;flex:1;min-width:0;overflow:hidden}.messages-header-info>div{text-align:left;min-width:0;overflow:hidden}.messages-header-name-wrapper{min-width:0;overflow:hidden;flex:1}.chat-avatar-header{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;border-radius:50%!important;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1}.chat-avatar-header img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:50%}.avatar-placeholder-header{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;border-radius:50%!important;aspect-ratio:1 / 1}.group-avatar-header{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%!important;aspect-ratio:1 / 1}.messages-header-info h3{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chat-status{font-size:13px;color:var(--color-text-secondary);margin:0}.messages-content .message-input-container{padding:var(--spacing-4);border-top:1px solid var(--color-primary-bg);background:transparent}.messages-content .message-input-wrapper{background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-3)}.chats-list-full{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2);width:100%;max-width:100%;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.chats-list-full::-webkit-scrollbar{display:none}.messages-list-full{flex:1;padding:var(--spacing-5);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--spacing-4);background:transparent;width:100%;max-width:100%;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.messages-list-full::-webkit-scrollbar{display:none}.chat-item-full{padding:var(--spacing-4);display:flex;align-items:center;gap:12px;cursor:pointer;border-radius:var(--radius-sm);margin-bottom:var(--spacing-2);transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.chat-item-full:hover{background:var(--color-primary-bg)}.chat-item-full.active{background:none;border:1px solid var(--color-primary)}.chat-avatar-full{width:48px;height:48px;border-radius:50%;flex-shrink:0;overflow:hidden}.chat-avatar-full img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder-full{width:100%;height:100%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.group-avatar{background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}.chat-info-full{flex:1;min-width:0;max-width:calc(100% - 80px);overflow:hidden}.chat-name-full{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chat-preview-full{font-size:13px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chat-actions-full{display:flex;align-items:center;gap:8px;margin-left:auto}.delete-chat-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.delete-chat-btn:hover{background:var(--color-primary-bg);color:var(--color-error);opacity:1}.delete-chat-btn:disabled{opacity:.5;cursor:not-allowed}.chat-item-full:hover .delete-chat-btn{opacity:.7}.chat-item-full:hover .delete-chat-btn:hover{opacity:1}.unread-badge-full{min-width:22px;height:22px;padding:0 6px;background:var(--gradient-primary);color:#fff;border-radius:11px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-item{display:flex;flex-direction:column;max-width:75%;gap:4px;width:-moz-fit-content;width:fit-content;box-sizing:border-box}.message-item.own{align-self:flex-end;align-items:flex-end}.message-item.other{align-self:flex-start;align-items:flex-start}.message-bubble-page{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-wrap:break-word;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--color-text-primary);box-shadow:0 1px 2px #0000000d}.message-item.own .message-bubble-page{border-bottom-right-radius:6px}.message-item.other .message-bubble-page{border-bottom-left-radius:6px}.message-time{font-size:11px;color:var(--color-text-light);padding:0 8px}.message-image-page{max-width:100%;border-radius:12px;display:block}.message-video-page{max-width:100%;border-radius:12px;background:#000}.message-text-page{margin:8px 0 0;font-size:14px}.empty-state-full{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);padding:60px 20px}.empty-state-full i{font-size:48px;margin-bottom:12px;opacity:.5;color:var(--color-primary)}.empty-state-full p{margin:0;font-size:14px}.empty-hint{font-size:12px;color:var(--color-text-light);margin-top:8px}.loading-more-messages{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--color-text-secondary);font-size:14px}.loading-more-messages i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1023px){.messages-page-full{grid-template-columns:1fr;position:relative;min-height:calc(100vh - var(--header-height) - var(--spacing-6));height:calc(100vh - var(--header-height) - var(--spacing-6));width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.messages-sidebar{position:absolute;inset:0;z-index:10;width:100%;max-width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.messages-sidebar.hidden-mobile{display:none}.messages-content{width:100%;max-width:100%;position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.messages-content.hidden-mobile{display:none}.mobile-back-btn{background:transparent;border:none;padding:8px;margin-right:12px;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s ease;flex-shrink:0}.mobile-back-btn:hover,.mobile-back-btn:active{background:var(--color-primary-bg)}.messages-header-full{display:flex;align-items:center;flex-shrink:0}.chats-list-full,.messages-list-full{-webkit-overflow-scrolling:touch}}@media(max-width:767px){.messages-page-full{gap:var(--spacing-4);width:100%;max-width:100%;overflow:hidden;position:relative;box-sizing:border-box;padding:0;margin:0;min-height:calc(100vh - var(--header-height) - var(--spacing-6));height:calc(100vh - var(--header-height) - var(--spacing-6))}.messages-content{border-radius:var(--radius-card);border:1px solid var(--glass-border);margin:0;height:100%;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;position:relative}.messages-sidebar{border-radius:var(--radius-card);margin:0;height:100%;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;position:relative}.chats-list-full{width:100%;max-width:100%;overflow-x:hidden}.chat-item-full{width:100%;max-width:100%;box-sizing:border-box}.chat-info-full{min-width:0;max-width:calc(100% - 80px);overflow:hidden}.chat-name-full,.chat-preview-full{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.messages-header-full{padding:var(--spacing-4);width:100%;max-width:100%;overflow:hidden}.messages-header-info{min-width:0;max-width:calc(100% - 60px)}.messages-header-info h3{font-size:16px;max-width:100%}.chat-avatar-header{flex-shrink:0}.messages-list-full{padding:var(--spacing-4)}.messages-content .message-input-container{padding:var(--spacing-3)}}@keyframes gentle-move{0%{transform:translateY(-2px) translate(0)}25%{transform:translateY(-2.5px) translate(.5px)}50%{transform:translateY(-2px) translate(0)}75%{transform:translateY(-2.5px) translate(-.5px)}to{transform:translateY(-2px) translate(0)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page);padding:var(--spacing-5);position:relative}.login-page:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:.05;z-index:0}.login-container{width:100%;max-width:480px;position:relative;z-index:1}.login-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);padding:var(--spacing-10);box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;border:1px solid rgba(255,255,255,.12);transition:transform .2s,box-shadow .2s}.login-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001a,inset 0 .5px #fff6;animation:gentle-move 3s ease-in-out infinite}.login-header{text-align:center;margin-bottom:var(--spacing-10)}.login-title{font-size:32px;font-weight:800;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0;line-height:1.2;letter-spacing:-.01em;text-align:center!important}.login-subtitle{font-size:var(--font-body);color:var(--color-text-secondary);margin:0;font-weight:500;text-align:center!important}.error-alert{background:#dc26261a;color:#dc2626;padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-sm);font-size:14px;margin-bottom:var(--spacing-6);text-align:center;border:1px solid rgba(220,38,38,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.login-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.login-form .form-group.form-checkbox-group{flex-direction:row!important;align-items:flex-start!important;gap:var(--spacing-3)!important}.login-form .form-label{font-size:13px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.login-form .form-input{padding:var(--spacing-4) var(--spacing-5);background:var(--color-bg-page);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--font-body);color:var(--color-text-primary);transition:all var(--transition-base);font-family:inherit}.login-form .form-input:focus{outline:none;border-color:var(--color-primary);background:var(--glass-bg-light);box-shadow:0 0 0 4px #d4a5a51a,0 4px 12px #0000000d}.login-form .form-input:hover:not(:focus){border-color:#fff3;background:var(--glass-bg-light)}.login-form .form-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.6}.login-form .form-input::placeholder{color:var(--color-text-secondary);opacity:.6}.login-form .btn-lg,.login-form .btn-full{width:100%;margin-top:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-body);font-weight:700;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);font-family:inherit;box-shadow:0 4px 12px #d4a5a54d}.login-form .btn-lg:hover:not(:disabled),.login-form .btn-full:hover:not(:disabled){background:var(--gradient-primary)!important;transform:scale(1.02);box-shadow:0 6px 16px #d4a5a566}.login-form .btn-lg:active:not(:disabled),.login-form .btn-full:active:not(:disabled){transform:scale(.98)}.login-form .btn-lg:disabled,.login-form .btn-full:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:var(--spacing-10);text-align:center;font-size:var(--font-body);color:var(--color-text-secondary)}.login-footer a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.login-footer a:hover{color:var(--color-accent-pink);text-decoration:underline}.test-credentials{margin-top:var(--spacing-10);padding:var(--spacing-5);background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);transition:transform .2s,box-shadow .2s}.test-credentials:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.test-credentials p{margin:var(--spacing-1) 0}.test-credentials strong{color:var(--color-text-primary)}.free-features{margin-top:var(--spacing-10);padding:var(--spacing-6);background:var(--glass-bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);text-align:left;transition:transform .2s,box-shadow .2s}.free-features:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.free-title{font-weight:700;font-size:16px;margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.free-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.free-list li{padding:var(--spacing-2) 0;font-size:14px;color:var(--color-text-secondary);font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);width:100%}.form-checkbox-group{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:var(--spacing-3)!important;width:100%!important}.form-checkbox{margin-top:2px!important;width:18px!important;height:18px!important;min-width:18px!important;cursor:pointer!important;accent-color:var(--color-primary)!important;flex-shrink:0!important}.login-form .form-checkbox-text{flex:1!important;min-width:0!important;font-size:14px!important;font-weight:500!important;color:var(--color-text-secondary)!important;line-height:1.5!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer!important;display:block!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.login-form .form-link{color:var(--color-primary)!important;text-decoration:underline!important;transition:color var(--transition-base)!important;display:inline!important;white-space:normal!important}.login-form .form-link:hover{color:var(--color-accent-pink)!important}@media(max-width:767px){.login-page{padding:var(--spacing-4)}.login-card{padding:var(--spacing-6);border-radius:var(--radius-card)}.login-title{font-size:28px}.test-credentials{font-size:12px;padding:var(--spacing-4)}.form-row{grid-template-columns:1fr}}.admin-panel{display:flex;height:100vh;background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-sidebar{width:280px;background:#1e293b;border-right:1px solid #334155;display:flex;flex-direction:column}.admin-header{padding:16px;border-bottom:1px solid #334155}.admin-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.admin-title{font-size:var(--font-heading);font-weight:700;margin:0;color:#f1f5f9}.btn-back-platform{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-back-platform:hover{background:var(--color-primary-dark)}.admin-subtitle{font-size:13px;color:#94a3b8;margin-top:4px}.admin-tables-list{flex:1;overflow-y:auto;padding:16px 12px}.tables-section-title{font-size:11px;font-weight:600;color:#64748b;letter-spacing:.5px;padding:8px 12px;margin-bottom:4px}.table-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s;color:#cbd5e1;font-size:14px;margin-bottom:2px;min-height:44px}.table-item:hover{background:#334155;color:#f1f5f9}.table-item.active{background:var(--color-primary);color:#fff;font-weight:500}.table-icon{width:20px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.table-icon svg{width:20px;height:20px}.table-name{flex:1;text-align:left}.table-count{font-size:12px;background:#fff3;padding:2px 8px;border-radius:10px}.admin-footer{padding:16px;border-top:1px solid #334155}.admin-user-info{display:flex;align-items:center;gap:12px}.admin-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;overflow:hidden}.admin-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-user-details{flex:1}.admin-user-name{font-size:14px;font-weight:500;color:#f1f5f9}.admin-user-role{font-size:12px;color:#94a3b8}.admin-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #334155;background:#1e293b}.toolbar-left{display:flex;align-items:center;gap:16px}.content-title{font-size:var(--font-subheading);font-weight:600;margin:0;color:#f1f5f9}.content-count{font-size:13px;color:#94a3b8;background:#334155;padding:4px 12px;border-radius:12px}.toolbar-right{display:flex;gap:8px}.btn-refresh,.btn-add{padding:8px 16px;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.btn-refresh:hover{background:#334155;border-color:#475569}.btn-add{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-add:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.admin-table-container{flex:1;overflow:auto;background:#0f172a}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead{position:sticky;top:0;background:#1e293b;z-index:10}.admin-table th{padding:12px 16px;text-align:left;font-weight:600;color:#94a3b8;border-bottom:1px solid #334155;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:12px 16px;border-bottom:1px solid #334155;color:#cbd5e1;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:#1e293b}.null-value{color:#64748b;font-style:italic;font-size:12px}.bool-value{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.bool-value.true{background:#10b981;color:#fff}.bool-value.false{background:#ef4444;color:#fff}.object-value{color:#94a3b8;font-family:Courier New,monospace;font-size:12px}.actions-cell{display:flex;gap:8px;align-items:center}.actions-header{width:120px}.btn-edit,.btn-delete{background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;transition:all .2s}.btn-edit:hover{background:#334155}.btn-delete:hover{background:#ef4444}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:#94a3b8}.empty-title{font-size:18px;font-weight:600;color:#cbd5e1;margin-bottom:8px}.empty-subtitle{font-size:14px;color:#64748b}.loading-state{font-size:16px}.admin-pagination{padding:16px 24px;border-top:1px solid #334155;background:#1e293b;display:flex;justify-content:space-between;align-items:center}.pagination-info{font-size:13px;color:#94a3b8}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-radius:24px;border:1px solid var(--glass-border);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #334155}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#f1f5f9}.modal-close{background:transparent;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#334155;color:#f1f5f9}.modal-body{flex:1;overflow-y:auto;padding:16px}.edit-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.field-hint{font-size:11px;font-weight:400;color:#64748b;text-transform:none}.edit-input{padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px;font-family:inherit;transition:all .2s}.edit-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #9333ea1a}.edit-input:disabled{opacity:.5;cursor:not-allowed}.edit-input::-moz-placeholder{color:#64748b;font-style:italic}.edit-input::placeholder{color:#64748b;font-style:italic}textarea.edit-input{font-family:Courier New,monospace;resize:vertical}.form-info{padding:12px 16px;background:#334155;border-radius:8px;color:#cbd5e1;font-size:13px;margin-bottom:16px;border-left:3px solid var(--color-primary)}.data-preview{background:#0f172a;padding:16px;border-radius:8px;font-size:12px;color:#cbd5e1;overflow-x:auto;font-family:Courier New,monospace}.modal-footer{padding:16px 24px;border-top:1px solid #334155;display:flex;justify-content:flex-end;gap:8px}.btn-secondary,.btn-primary{padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500;border:1px solid #334155}.btn-secondary{background:transparent;color:#e2e8f0}.btn-secondary:hover{background:#334155}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-analytics{min-height:100vh;background:#0f172a;color:#e2e8f0;padding:20px}.analytics-loading,.analytics-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0f172a;color:#94a3b8;font-size:16px}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-header h1{font-size:32px;font-weight:700;margin:0;color:#f1f5f9}.time-range-selector{display:flex;gap:8px;background:#1e293b;padding:4px;border-radius:8px}.time-range-selector button{padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.time-range-selector button:hover{color:#e2e8f0}.time-range-selector button.active{background:var(--color-primary);color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.metric-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;transition:all .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.metric-icon{font-size:32px;margin-bottom:12px}.metric-value{font-size:36px;font-weight:700;color:#f1f5f9;margin-bottom:8px}.metric-label{font-size:14px;color:#94a3b8;margin-bottom:4px}.metric-subtitle{font-size:12px;color:#64748b}.metric-change{font-size:13px;color:#94a3b8;margin-top:8px}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.chart-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px;margin-bottom:16px}.chart-section h2{font-size:var(--font-subheading);font-weight:600;margin:0 0 24px;color:#f1f5f9}.retention-bars{display:flex;flex-direction:column;gap:16px}.retention-bar-item{display:flex;align-items:center;gap:16px}.retention-bar-label{width:80px;font-size:14px;font-weight:500;color:#cbd5e1}.retention-bar-wrapper{flex:1;background:#0f172a;border-radius:8px;height:40px;position:relative}.retention-bar-fill{background:var(--gradient-primary);height:100%;border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;color:#fff;font-weight:600;font-size:14px;transition:width .6s ease}.revenue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.revenue-stat{text-align:center;padding:20px;background:#0f172a;border-radius:8px}.revenue-stat-label{font-size:13px;color:#94a3b8;margin-bottom:8px}.revenue-stat-value{font-size:28px;font-weight:700;color:#10b981}.churn-indicator{display:flex;align-items:center;gap:20px}.churn-circle{width:120px;height:120px}.churn-circle svg{transform:rotate(-90deg)}.churn-description{flex:1;font-size:16px;color:#cbd5e1;line-height:1.6}.churn-description strong{color:#ef4444;font-size:24px}@media(max-width:768px){.admin-analytics{padding:16px}.analytics-header{flex-direction:column;align-items:flex-start;gap:16px}.metrics-grid{grid-template-columns:1fr}.churn-indicator{flex-direction:column;text-align:center}}.admin-detail{min-height:100vh;background:#0f172a;color:#e2e8f0}.admin-detail-header{background:#1e293b;border-bottom:1px solid #334155;padding:20px 24px;display:flex;align-items:center;gap:20px}.back-btn{padding:8px 16px;background:#334155;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:14px;transition:all .2s}.back-btn:hover{background:#475569}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.breadcrumb button:hover{background:#334155;color:#e2e8f0}.separator{color:#64748b;margin:0 4px}.admin-detail-content{padding:20px;max-width:1400px;margin:0 auto}.admin-detail-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0f172a;color:#94a3b8;font-size:16px}.course-detail h2,.module-detail h2,.lesson-detail h2{font-size:var(--font-heading);font-weight:700;margin:0 0 16px;color:#f1f5f9}.course-info{display:flex;gap:16px;margin-bottom:20px;font-size:14px;color:#94a3b8}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.module-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:16px}.module-card:hover{background:#334155;border-color:var(--color-primary);transform:translateY(-2px)}.module-number{background:var(--color-primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.module-info{flex:1}.module-info h3{font-size:var(--font-subheading);font-weight:600;margin:0 0 6px;color:#f1f5f9}.module-meta-small{font-size:13px;color:#94a3b8}.module-arrow{font-size:20px;color:#64748b}.lessons-grid{display:grid;gap:12px}.lesson-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:16px}.lesson-card:hover{background:#334155;border-color:var(--color-primary)}.lesson-number{width:36px;height:36px;background:#334155;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#e2e8f0}.lesson-info{flex:1}.lesson-info h3{font-size:var(--font-body);font-weight:500;margin:0 0 6px;color:#f1f5f9}.lesson-meta-small{display:flex;gap:12px;font-size:12px;color:#94a3b8}.lesson-meta{display:flex;gap:16px;margin-bottom:20px;font-size:14px;color:#94a3b8}.lesson-content-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px;margin-bottom:20px}.lesson-content-section h3{font-size:var(--font-subheading);font-weight:600;margin:0 0 16px;color:#f1f5f9}.video-preview{display:flex;flex-direction:column;gap:12px}.video-url{font-size:12px;color:#64748b;font-family:Courier New,monospace;background:#0f172a;padding:8px 12px;border-radius:6px}.content-preview{background:#0f172a;padding:16px;border-radius:8px;color:#cbd5e1;line-height:1.6;white-space:pre-wrap}.empty-state-small{padding:20px;text-align:center;color:#64748b;font-size:14px;font-style:italic}.lesson-actions{display:flex;gap:12px;margin-top:24px}.detail-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:20px}.detail-actions{display:flex;gap:8px;flex-shrink:0}.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.btn-secondary{background:#334155;color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#475569}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.description-box{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:20px;margin-bottom:16px;color:#cbd5e1;line-height:1.6}.description-box p{margin:0}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.published{background:#10b981;color:#fff}.status-badge.draft{background:#64748b;color:#fff}.status-badge.archived{background:#ef4444;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-title{font-size:var(--font-subheading);font-weight:600;color:#cbd5e1;margin-bottom:8px}.empty-state .btn-success{margin-top:20px}.material-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#334155;color:#e2e8f0;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.material-link:hover{background:#475569;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-radius:24px;border:1px solid var(--glass-border);width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000026}.edit-modal{max-width:700px}.modal-header{padding:16px;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:var(--font-subheading);font-weight:600;color:#f1f5f9}.modal-close{width:32px;height:32px;border-radius:6px;border:none;background:#334155;color:#e2e8f0;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#475569;color:#fff}.modal-body{padding:16px;overflow-y:auto;flex:1}.modal-footer{padding:20px 24px;border-top:1px solid #334155;display:flex;gap:12px;justify-content:flex-end}.edit-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:14px;font-weight:500;color:#cbd5e1}.form-field input,.form-field select,.form-field textarea{padding:10px 14px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:14px;font-family:inherit;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);background:#1e293b}.form-field textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.admin-detail-content{padding:20px}.detail-header-row{flex-direction:column;align-items:flex-start}.detail-actions{width:100%;flex-wrap:wrap}.modules-grid,.form-row{grid-template-columns:1fr}.modal-content{width:95%;max-height:95vh}}.pricing-page{min-height:100vh;padding:var(--spacing-6) var(--spacing-4);background:var(--color-bg-page);background-color:var(--color-bg-page)}@media(max-width:767px){.pricing-page{padding:var(--spacing-4) var(--spacing-3)}}.pricing-container{max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:var(--spacing-6)}.pricing-header h1{font-size:32px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.3;text-align:center!important}.pricing-header p{font-size:18px;color:var(--color-text-secondary);margin:0;line-height:1.5;text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.pricing-card{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);padding:48px;box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;display:flex;flex-direction:column;gap:24px;transition:all .3s ease;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f,inset 0 .5px #ffffff4d}.pricing-card.highlighted{border:2px solid var(--color-primary);box-shadow:var(--color-primary)}.pricing-card.current{border:1px solid var(--color-border)}.pricing-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.current-plan-badge{background:var(--gradient-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.pricing-card-price{display:flex;flex-direction:column;gap:var(--spacing-1)}.price-amount{font-size:40px;font-weight:700;color:var(--color-text-primary);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3);flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:var(--spacing-3);font-size:14px;color:var(--color-text-primary);line-height:1.6}.pricing-features li i{color:var(--color-primary);margin-top:2px;flex-shrink:0}.pricing-card-footer{margin-top:auto}.pricing-btn{width:100%;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);cursor:pointer;transition:all .2s ease}.pricing-btn:hover:not(:disabled){transform:scale(1.02)}.pricing-btn.primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 12px #d4a5a54d;position:relative;overflow:hidden}.pricing-btn.primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.pricing-btn.primary:hover{transform:scale(1.02)}.pricing-btn:disabled{opacity:.5;cursor:not-allowed}.pricing-faq{margin-top:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px solid rgba(220,215,210,.3)}.pricing-faq h2{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-6) 0;text-align:center!important;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.3}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.faq-item{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);padding:var(--spacing-6);box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d;transition:all .3s ease}.faq-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f,inset 0 .5px #ffffff4d}.faq-item h3{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.4}.faq-item p{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;gap:var(--spacing-6);width:100%;margin:0}.pricing-card{width:100%;max-width:100%}.faq-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.pricing-header h1{font-size:24px;text-align:center!important}.pricing-header p{text-align:center!important}.price-amount{font-size:32px}.pricing-card{padding:var(--spacing-6);min-height:auto}.faq-item{padding:var(--spacing-4)}}.payment-page{min-height:100vh;padding:var(--spacing-8) var(--spacing-4);background:var(--color-bg-page)}@media(max-width:767px){.payment-page{padding:var(--spacing-4) var(--spacing-3)}}.payment-container{max-width:1000px;margin:0 auto}.payment-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.payment-header h1{font-size:28px;font-weight:700;color:var(--color-text-primary);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.back-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.back-btn:hover{transform:scale(1.05)}.payment-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-6)}.payment-summary,.payment-form{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:var(--spacing-8);box-shadow:var(--shadow-lg)}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.summary-header h2{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.3}.summary-price{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-6);background:var(--color-primary-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-6)}.price-label{font-size:14px;color:var(--color-text-secondary)}.price-value{font-size:36px;font-weight:700;color:var(--color-text-primary);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.price-period{font-size:14px;color:var(--color-text-secondary)}.summary-features{margin-bottom:var(--spacing-6)}.summary-features h3{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.4}.summary-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.summary-features li{display:flex;align-items:flex-start;gap:var(--spacing-3);font-size:14px;color:var(--color-text-primary);line-height:1.6}.summary-features li i{color:var(--color-primary);margin-top:2px;flex-shrink:0}.summary-info{display:flex;flex-direction:column;gap:var(--spacing-3)}.summary-info p{display:flex;align-items:center;gap:var(--spacing-2);font-size:12px;color:var(--color-text-secondary);line-height:1.5}.summary-info i{color:var(--color-primary);flex-shrink:0}.payment-form h2{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-6) 0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.3}.payment-error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:#fee2e2;border:1px solid #FCA5A5;border-radius:var(--radius-md);color:#dc2626;font-size:14px;margin-bottom:var(--spacing-6)}.payment-notice{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-primary-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-6)}.payment-notice i{color:var(--color-primary);flex-shrink:0;margin-top:2px}.payment-notice p{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin:0}.payment-btn{width:100%;padding:16px 24px;border-radius:var(--radius-md);font-size:16px;font-weight:700;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);box-shadow:0 4px 12px #886a584d;margin-bottom:var(--spacing-4)}.payment-btn:hover:not(:disabled){box-shadow:0 6px 16px #886a5866;transform:translateY(-2px)}.payment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-terms{font-size:11px;color:var(--color-text-secondary);text-align:center;line-height:1.5}.payment-terms a,.payment-terms Link{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-base)}.payment-terms a:hover,.payment-terms Link:hover{color:var(--color-accent-pink)}.payment-confirmation{margin-top:16px;margin-bottom:16px}.payment-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4}.payment-checkbox input{margin-top:2px}.payment-checkbox-note{margin-top:8px;font-size:12px;color:#6b7280}@media(max-width:768px){.payment-content{grid-template-columns:1fr;gap:var(--spacing-4)}.payment-header h1{font-size:22px}.price-value{font-size:28px}.payment-summary,.payment-form{padding:var(--spacing-6)}}.legal-page{max-width:900px;margin:0 auto;padding:40px 24px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:0 8px 32px #00000014,inset 0 .5px #ffffff4d}.legal-title{font-size:36px;font-weight:800;color:var(--color-text-primary);margin:0 0 12px;line-height:1.2}.legal-updated{font-size:14px;color:var(--color-text-secondary);margin:0 0 32px}.legal-section{margin-bottom:32px}.legal-section h2{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--color-primary)}.legal-section p{font-size:16px;line-height:1.7;color:var(--color-text-primary);margin:0 0 16px}.legal-section ul{margin:16px 0;padding-left:24px}.legal-section li{font-size:16px;line-height:1.7;color:var(--color-text-primary);margin-bottom:8px}.legal-link{color:var(--color-primary);text-decoration:underline;transition:color .2s ease}.legal-link:hover{color:var(--color-accent-pink)}.legal-signature{margin-top:48px;padding-top:24px;border-top:2px solid var(--color-border);font-size:14px;line-height:1.8;color:var(--color-text-secondary)}@media(max-width:768px){.legal-page{padding:24px 16px}.legal-title{font-size:28px}.legal-section h2{font-size:20px}.legal-section p,.legal-section li{font-size:15px}}