@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@600;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;600;800;900&display=swap";html{scroll-behavior:smooth}.div-wave{width:100vw;height:200px;background:#3b82f6;clip-path:polygon(0 40%,30% 75%,70% 0%,100% 40%,100% 0%,0 0%);margin:0;padding:0;position:relative;left:50%;transform:translate(-50%)}.font-corporate{font-family:Inter,sans-serif}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8)}.loading-small{padding:var(--space-4)}.loading-medium{padding:var(--space-8)}.loading-large{padding:var(--space-12)}.loading-spinner{position:relative;display:inline-block}.loading-small .loading-spinner{width:24px;height:24px}.loading-medium .loading-spinner{width:40px;height:40px}.loading-large .loading-spinner{width:56px;height:56px}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}.spinner-ring:nth-child(4){animation-delay:0s}.loading-text{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium);margin:0;text-align:center}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-text:last-child{margin-bottom:0}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--space-4)}.skeleton-card{height:200px;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.luk-search-results::-webkit-scrollbar{width:8px}.luk-search-results::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px;margin:8px 0}.luk-search-results::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid #f9fafb;transition:all .2s ease}.luk-search-results::-webkit-scrollbar-thumb:hover{background:#9ca3af;border-color:#f3f4f6}.luk-search-results::-webkit-scrollbar-thumb:active{background:#6b7280}.luk-search-results{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.luk-search-results{scroll-behavior:smooth}.luk-search-results{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.training-calendar{display:flex;flex-direction:column;gap:1.5rem}.calendar-container{display:flex;justify-content:center}.calendar-container .react-calendar{width:100%;max-width:400px;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:.75rem;font-family:inherit;padding:1rem;box-shadow:0 1px 3px #0000000d;color:#111827!important}.calendar-container .react-calendar{background-color:#fff!important}.calendar-container .react-calendar button{background:none!important;background-color:transparent!important;color:#000!important}.calendar-container .react-calendar abbr{color:#000!important;text-decoration:none;font-weight:700}.calendar-container .react-calendar button abbr{color:#000!important;font-weight:700}.calendar-container .react-calendar__navigation{display:flex;height:44px;margin-bottom:1rem}.calendar-container .react-calendar__navigation button{min-width:44px;background:none!important;font-size:16px;margin-top:8px;border:none;cursor:pointer;color:#000!important;font-weight:700}.calendar-container .react-calendar__navigation button:enabled:hover,.calendar-container .react-calendar__navigation button:enabled:focus{background-color:#f3f4f6!important;border-radius:.375rem;color:#000!important}.calendar-container .react-calendar__navigation button[disabled]{opacity:.4;color:#9ca3af!important}.calendar-container .react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:500;font-size:.75rem;color:#9ca3af!important;margin-bottom:.5rem}.calendar-container .react-calendar__month-view__weekdays__weekday{color:#9ca3af!important}.calendar-container .react-calendar__month-view__weekdays__weekday abbr{color:#6b7280!important;text-decoration:none;font-weight:600}.calendar-container .react-calendar__month-view__weekdays__weekday{padding:.5rem}.calendar-container .react-calendar__month-view__days{display:grid!important;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-container .react-calendar__tile{max-width:100%;aspect-ratio:1;background:transparent!important;background-color:transparent!important;text-align:center;font-size:.875rem;border:none!important;border-radius:.5rem;cursor:pointer;color:#000!important;padding:.5rem;font-weight:700}.calendar-container .react-calendar__tile button{background:transparent!important;background-color:transparent!important;color:#000!important;font-weight:700}.calendar-container .react-calendar__tile abbr{color:#000!important;font-weight:700!important;text-decoration:none}.calendar-container .react-calendar__tile button abbr{color:#000!important;font-weight:700!important}.calendar-container .react-calendar__tile:enabled:hover,.calendar-container .react-calendar__tile:enabled:focus{background-color:#f9fafb!important;color:#000!important}.calendar-container .react-calendar__tile:disabled{background-color:#f9fafb!important;color:#d1d5db!important;cursor:not-allowed}.calendar-container .react-calendar__tile--now{background:#ecfdf5!important;color:#059669!important;font-weight:500;border:1px solid #d1fae5!important}.calendar-container .react-calendar__tile--now:enabled:hover,.calendar-container .react-calendar__tile--now:enabled:focus{background:#d1fae5!important;color:#047857!important}.calendar-container .react-calendar__tile--active,.calendar-container .react-calendar__tile.selected-day{background:#10b981!important;color:#fff!important;font-weight:600}.calendar-container .react-calendar__tile--active:enabled:hover,.calendar-container .react-calendar__tile--active:enabled:focus,.calendar-container .react-calendar__tile.selected-day:enabled:hover,.calendar-container .react-calendar__tile.selected-day:enabled:focus{background:#059669!important}.time-slots-container{background:#fff!important;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;color:#111827!important}.time-slots-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#6b7280!important}.time-slots-header h3{font-size:.9375rem;font-weight:500;margin:0;color:#6b7280!important}.time-slots-header svg{color:#6b7280!important}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.time-slot{padding:.75rem 1rem;background:#f9fafb!important;border:1.5px solid #e5e7eb;border-radius:.625rem;font-size:.875rem;font-weight:400;color:#6b7280!important;cursor:pointer;transition:all .2s;text-align:center}.time-slot:hover:not(:disabled){background:#f3f4f6!important;border-color:#10b981;color:#059669!important}.time-slot.selected{background:#10b981!important;border-color:#10b981;color:#fff!important;font-weight:500}.time-slot.unavailable{background:#fee2e2;border-color:#fecaca;color:#991b1b;cursor:not-allowed;opacity:.6}.time-slot:disabled{cursor:not-allowed}.loading-slots,.no-slots,.calendar-hint{text-align:center;padding:2rem;color:#6b7280!important;font-size:.875rem;background:transparent!important}.calendar-container .react-calendar{background:#fff!important;color:#111827!important}.calendar-container .react-calendar__navigation button{color:#374151!important;background:transparent!important;font-weight:600}.calendar-container .react-calendar__navigation button:enabled:hover,.calendar-container .react-calendar__navigation button:enabled:focus{background-color:#f9fafb!important;color:#111827!important}.calendar-container .react-calendar__month-view__weekdays{color:#9ca3af!important}.calendar-container .react-calendar__tile{color:#000!important;background:transparent!important;font-weight:700}.calendar-container .react-calendar__tile:enabled:hover,.calendar-container .react-calendar__tile:enabled:focus{background-color:#f3f4f6!important;color:#000!important;font-weight:700}.calendar-container .react-calendar__tile:disabled{background-color:#f9fafb!important;color:#d1d5db!important}.time-slots-container{background:#fff!important;color:#111827!important}.time-slots-header{color:#6b7280!important}.time-slot{background:#f9fafb!important;color:#6b7280!important}.time-slot:hover:not(:disabled){background:#f3f4f6!important;color:#059669!important}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);padding:var(--space-4);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="%23ffffff" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.auth-container{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-8);width:100%;max-width:480px;position:relative;z-index:1;animation:slideInUp var(--transition-normal) ease-out}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);text-decoration:none;color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold)}.auth-logo img{width:40px;height:40px;border-radius:var(--radius-lg)}.auth-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:var(--gray-600);font-size:var(--text-base);margin-bottom:0}.auth-form,.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.form-input::placeholder{color:var(--gray-400)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-2)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-600)}.forgot-link{color:var(--primary-600);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--transition-fast)}.forgot-link:hover{color:var(--primary-700);text-decoration:underline}.auth-submit{width:100%;padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-normal)}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-footer{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.auth-footer p{color:var(--gray-600);margin:0}.auth-link{color:var(--primary-600);text-decoration:none;font-weight:var(--font-semibold);transition:color var(--transition-fast)}.auth-link:hover{color:var(--primary-700);text-decoration:underline}.terms-link{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium)}.terms-link:hover{text-decoration:underline}.demo-accounts{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--gray-200);text-align:center}.demo-accounts h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:var(--space-4)}.demo-buttons{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.demo-buttons .btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}@media (max-width: 640px){.auth-page{padding:var(--space-2)}.auth-container{padding:var(--space-6)}.auth-header h1{font-size:var(--text-2xl)}.form-options{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.demo-buttons{flex-direction:column;align-items:center}.demo-buttons .btn{width:100%;max-width:200px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-submit .loading-container{padding:0}.checkbox-label:focus-within{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-color-scheme: dark){.auth-page{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%)}.auth-container{background:var(--gray-800);border:1px solid var(--gray-700)}.auth-header h1,.auth-logo{color:var(--white)}.form-input{background:var(--gray-700);border-color:var(--gray-600);color:var(--white)}.form-input::placeholder{color:var(--gray-400)}}.profile-page{min-height:100vh;background:var(--gray-50);padding:var(--space-8) var(--space-4)}.profile-container{max-width:1200px;margin:0 auto;animation:fadeIn var(--transition-normal) ease-out}.profile-header{text-align:center;margin-bottom:var(--space-8)}.profile-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-header p{color:var(--gray-600);font-size:var(--text-lg)}.profile-content{display:grid;grid-template-columns:300px 1fr;gap:var(--space-8);align-items:start}.profile-sidebar{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);position:sticky;top:var(--space-8)}.profile-avatar{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-200)}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--white);font-size:var(--text-2xl)}.profile-avatar h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-2)}.profile-nav{margin-bottom:var(--space-6)}.nav-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;background:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);text-align:left;margin-bottom:var(--space-1)}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.nav-item i{width:16px;text-align:center}.profile-actions{padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.profile-main{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);animation:slideInUp var(--transition-normal) ease-out}.profile-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-200)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all var(--transition-normal);background:var(--white)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.form-input.error{border-color:var(--error-500);box-shadow:0 0 0 4px #ef44441a}.error-message{display:block;color:var(--error-600);font-size:var(--text-sm);margin-top:var(--space-1);font-weight:var(--font-medium)}.account-status{padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.status-badge.verified{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.status-badge.unverified{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.preferences-content{padding:var(--space-8);text-align:center;color:var(--gray-600)}.badge-secondary{background:var(--gray-100);color:var(--gray-700)}@media (max-width: 1024px){.profile-content{grid-template-columns:1fr;gap:var(--space-6)}.profile-sidebar{position:static;order:2}.profile-main{order:1}}@media (max-width: 768px){.profile-page{padding:var(--space-4) var(--space-2)}.profile-container{max-width:100%}.profile-header h1{font-size:var(--text-3xl)}.profile-sidebar,.profile-main{padding:var(--space-4)}.profile-avatar{margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.avatar-placeholder{width:60px;height:60px;font-size:var(--text-xl)}.nav-item{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-input:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.nav-item:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-color-scheme: dark){.profile-page{background:var(--gray-900)}.profile-sidebar,.profile-main{background:var(--gray-800);border:1px solid var(--gray-700)}.profile-header h1,.profile-avatar h3{color:var(--white)}.form-input{background:var(--gray-700);border-color:var(--gray-600);color:var(--white)}.nav-item{color:var(--gray-300)}.nav-item:hover{background:var(--gray-700);color:var(--white)}.nav-item.active{background:var(--primary-900);color:var(--primary-200);border-color:var(--primary-700)}}.lvs-section{background:#fff;padding:104px 0;color:#0f172a;font-family:Inter,sans-serif;position:relative;overflow:hidden;scroll-margin-top:80px}.lvs-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:32px;position:relative;z-index:10}.lvs-row{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:flex-start}.lvs-content{max-width:480px}.lvs-list{list-style:none;padding:0;margin:0 0 32px}.lvs-list li{display:flex;align-items:center;gap:16px;margin-bottom:12px;color:#fff9;font-size:15px;font-weight:600;padding:16px 24px;background:#ffffff08;border-radius:100px;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:default}.lvs-list li:hover{background:#7f00ff1a;border-color:#7f00ff4d;transform:translate(12px) scale(1.02);color:#fff;box-shadow:0 10px 30px #0003}.lvs-list-icon{width:28px;height:28px;background:#7f00ff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#7f00ff}.lvs-description{color:#94a3b8;font-size:15px;line-height:1.6;margin-bottom:32px}.lvs-btn{display:inline-block;background-color:#7f00ff;color:#fff;font-weight:700;font-size:15px;padding:14px 32px;border-radius:6px;text-decoration:none;transition:all .2s ease}.lvs-btn:hover{background-color:#6b00d7;transform:translateY(-2px)}.lvs-video-full{position:relative;width:100%;padding:clamp(12px,1.6vw,24px);border-radius:24px;background:radial-gradient(130% 110% at 50% 0%,rgba(127,0,255,.38) 0%,transparent 62%),#0b0520;isolation:isolate;overflow:hidden}.lvs-video-full:before,.lvs-video-full:after{content:"";position:absolute;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0,209,255,.5),rgba(155,80,232,.5),transparent)}.lvs-video-full:before{top:0}.lvs-video-full:after{bottom:0}.lvs-video-frame{width:100%;aspect-ratio:16 / 9;max-height:58vh;overflow:hidden;position:relative;background:#000;border-radius:clamp(0px,1.4vw,26px);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px #7f00ff59,0 40px 90px -30px #000000e6,0 0 90px -40px #9b50e88c}.lvs-video-frame iframe{width:100%;height:100%;display:block}.lvs-video-logo{width:48px;height:48px;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:20px}.lvs-video-title{color:#fff;font-weight:800;font-size:18px;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:-.02em}.lvs-video-subtitle{color:#ffffffb3;font-size:13px;margin:0;font-weight:600}.lvs-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;background-color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 10px 25px #ef444466}.lvs-video-wrapper:hover .lvs-play-btn{transform:translate(-50%,-50%) scale(1.1);background-color:red}.lvs-video-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;transform:translateY(0);transition:transform .3s ease}.lvs-video-wrapper:hover .lvs-video-footer{transform:translateY(4px)}.lvs-footer-left{display:flex;gap:12px}.lvs-action-circle{width:40px;height:40px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.lvs-action-circle:hover{background:#fff3;transform:scale(1.1)}.lvs-youtube-badge{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:100px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#fff;transition:all .2s ease}.lvs-youtube-badge:hover{background:#fff3}.lvs-big-text{position:absolute;bottom:32px;right:32px;font-family:Outfit,sans-serif;font-weight:900;font-size:56px;line-height:.9;text-align:right;color:#ffffffd9;text-shadow:0 8px 24px rgba(0,0,0,.5);pointer-events:none;z-index:1;transition:transform .5s ease,opacity .5s ease}.lvs-video-wrapper:hover .lvs-big-text{transform:scale(1.05);opacity:1}.lvs-big-text span{display:block;font-size:28px;color:#fb923c;letter-spacing:-.02em}@media (max-width: 968px){.lvs-row{grid-template-columns:1fr;gap:40px}}.lis-section{position:relative;width:100%;padding:100px 20px;background-color:#170d2b;background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff;overflow:hidden;font-family:Plus Jakarta Sans,sans-serif;transition:all .5s ease-in-out}.lis-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,#0f172a66,#0f172acc,#0f172af2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1}.lis-container{max-width:1200px;margin:0 auto;position:relative;z-index:10}.lis-nav{display:flex;justify-content:center;margin-bottom:80px;padding-top:20px}.lis-nav-pill{display:inline-flex;align-items:center;background:#0a06148c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(127,0,255,.25);border-radius:100px;padding:6px;gap:4px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.lis-nav-item{padding:12px 28px;border-radius:100px;font-size:13px;font-weight:700;color:#ffffff8c;cursor:pointer;transition:all .3s ease;white-space:nowrap;letter-spacing:.01em}.lis-nav-item:hover{color:#ffffffe6;background:color-mix(in srgb,var(--tab-color),transparent 88%)}.lis-nav-item.active{background:var(--active-color);color:#fff;box-shadow:0 4px 20px color-mix(in srgb,var(--active-color),transparent 55%),inset 0 1px #ffffff26;font-weight:800}.lis-content-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:80px;width:100%}.lis-grid-container{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .6s cubic-bezier(.4,0,.2,1)}.lis-grid-container.has-mockup{display:grid;grid-template-columns:450px 1fr;gap:60px;text-align:left;max-width:1200px}.lis-grid-container.has-mockup .lis-actions{justify-content:flex-start}.lis-grid-container.has-mockup .lis-subtitle{margin-left:0;margin-right:0}.lis-grid-container.has-mockup .lis-links-grid{justify-items:start;text-align:left}.lis-grid-container.has-mockup .lis-link-item{justify-content:flex-start}.lis-text-side{max-width:800px}.has-mockup .lis-text-side{max-width:100%}.lis-mockup-side{position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.lis-mockup-side .les-mockup-container{transform:rotateY(-10deg) rotateX(5deg);filter:drop-shadow(0 50px 100px rgba(0,0,0,.5))}.lis-title{font-family:Outfit,sans-serif;font-size:64px;font-weight:900;line-height:1.05;margin-bottom:24px;letter-spacing:-.04em;color:#fff}.has-mockup .lis-title{font-size:52px}.lis-title span{color:var(--active-color)}.lis-subtitle{font-size:18px;line-height:1.6;color:#ffffffd9;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.lis-actions{display:flex;justify-content:center;margin-bottom:60px}.lis-cta-btn{display:inline-flex;align-items:center;gap:12px;background:var(--active-color);color:#fff;padding:18px 40px;border-radius:100px;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.05em;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 color-mix(in srgb,var(--active-color),transparent 60%)}.lis-cta-btn:hover{transform:translateY(-4px);filter:brightness(1.1);box-shadow:0 20px 40px -10px color-mix(in srgb,var(--active-color),transparent 50%)}.lis-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:40px}.lis-link-item{display:flex;align-items:center;gap:10px;color:#fff9;font-size:13px;font-weight:600;transition:all .3s ease;justify-content:center}.lis-link-item:hover{color:#fff;transform:translateY(-2px)}.lis-link-dot{width:6px;height:6px;border-radius:50%;background:var(--active-color);box-shadow:0 0 10px var(--active-color)}@media (max-width: 1024px){.lis-grid-container.has-mockup{grid-template-columns:1fr;text-align:center}.lis-grid-container.has-mockup .lis-actions{justify-content:center}.lis-grid-container.has-mockup .lis-subtitle{margin:0 auto 40px}.lis-grid-container.has-mockup .lis-link-item{justify-content:center}.lis-mockup-side{margin-top:40px}}.lis-visuals-wrapper{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.lis-glass-card{width:100%;max-width:440px;background:linear-gradient(180deg,#fffffff2,#f8fafcf2);border-radius:32px;padding:32px;box-shadow:0 40px 80px #0003,0 0 0 1px #fff3 inset;position:relative;z-index:2;color:#0f172a}.lis-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,#0f172ae6,#0f172a99,#0f172a00);border-radius:32px 32px 0 0;z-index:-1;pointer-events:none}.lis-card-header{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:32px}.lis-card-title{font-family:Outfit,sans-serif;font-weight:700;font-size:18px}.lis-inner-box{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a;border:1px solid rgba(0,0,0,.05);margin-bottom:24px}.lis-issue-block{display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px dashed rgba(0,0,0,.1)}.lis-issue-icon{width:40px;height:40px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lis-issue-text h4{font-size:14px;font-weight:800;margin:0 0 4px}.lis-issue-text p{font-size:12px;color:#64748b;margin:0;line-height:1.5}.lis-actions-title{font-size:12px;font-weight:800;margin-bottom:12px}.lis-action-item{padding:16px;border-radius:12px;margin-bottom:8px}.lis-action-blue{background-color:#e0f2fe}.lis-action-yellow{background-color:#fef3c7}.lis-action-item h5{font-size:13px;font-weight:700;margin:0 0 4px;color:#0f172a}.lis-action-item p{font-size:11px;color:#475569;margin:0}.lis-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;color:#94a3b8}.lis-footer-icons{display:flex;gap:16px}.lis-icon-btn{cursor:pointer;transition:color .2s}.lis-icon-btn:hover{color:#0f172a}.lis-profile-circle{position:absolute;bottom:-20px;right:-40px;width:220px;height:220px;border-radius:50%;border:6px solid #4ade80;background-image:url(/assets/woman_profile.png);background-size:cover;background-position:center;box-shadow:0 20px 40px #0000004d;z-index:3}@media (max-width: 968px){.lis-grid{grid-template-columns:1fr;gap:80px}.lis-nav{overflow-x:auto;justify-content:flex-start;padding-bottom:16px}.lis-profile-circle{width:160px;height:160px;right:0}}.laip-section{font-family:Inter,sans-serif;color:#1a1a1a;background:#fff;overflow:hidden;padding:100px 0}.laip-container{max-width:1200px;margin:0 auto;padding:0 24px}.laip-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;min-height:80vh}.laip-hero-content{max-width:550px;text-align:left}.laip-brand-tag{display:flex;align-items:center;gap:8px;font-weight:800;font-size:24px;margin-bottom:32px;color:#0f172a}.laip-brand-ai{background:linear-gradient(135deg,#7f00ff,#e100ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;font-weight:900}.laip-title{font-size:68px;font-weight:600;line-height:1.1;letter-spacing:-.02em;margin-bottom:32px;color:#0f172a}.laip-title span{background:linear-gradient(135deg,#0052cc,#7f00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.laip-description{font-size:18px;line-height:1.6;color:#64748b;margin-bottom:48px;max-width:480px}.laip-hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.laip-btn-primary{background:#0052cc;color:#fff;padding:18px 36px;border-radius:100px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;text-decoration:none!important;border:none;cursor:pointer;font-family:inherit}.laip-btn-primary:hover{background:#0747a6;transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #0052cc40;color:#fff;text-decoration:none!important}.laip-btn-secondary{background:#f1f5f9;color:#0f172a;padding:18px 36px;border-radius:100px;font-weight:700;transition:all .3s ease;white-space:nowrap}.laip-btn-secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.laip-hero-visual{position:relative}.laip-blob-container{position:relative;width:100%;aspect-ratio:1.1;border-radius:40px;overflow:hidden;box-shadow:0 60px 120px #00000026;background:#f8fafc}.laip-blob-container img{width:100%;height:100%;object-fit:cover}.laip-video-trigger{position:absolute;bottom:40px;right:40px;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:14px 28px;border-radius:100px;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.laip-video-trigger:hover{background:#0f172a;transform:scale(1.05)}.laip-features{padding:120px 0}.laip-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.laip-feature-content h2{font-size:44px;font-weight:600;margin-bottom:24px;letter-spacing:-.02em;line-height:1.2}.laip-feature-description{font-size:19px;color:#64748b;margin-bottom:48px;line-height:1.6}.laip-accordion{display:flex;flex-direction:column;gap:16px}.laip-acc-item{border:1px solid #f1f5f9;background:#f8fafc;border-radius:20px;padding:24px 32px;cursor:pointer;transition:all .3s ease}.laip-acc-item.active{background:#fff;border-color:#0052cc;box-shadow:0 20px 50px #0052cc14}.laip-acc-header{display:flex;justify-content:space-between;align-items:center}.laip-acc-header h3{font-size:19px;font-weight:600;color:#0f172a}.laip-acc-content{margin-top:16px;font-size:16px;color:#64748b;line-height:1.7}.laip-mockup-display{position:relative;width:100%;aspect-ratio:1.1;border-radius:50px;display:flex;align-items:center;justify-content:center;padding:50px}.laip-mockup-card{background:#fff;width:100%;height:100%;border-radius:24px;box-shadow:0 40px 80px #0003;padding:32px;position:relative}.laip-ai-prompt{background:#f8fafc;border-radius:16px;padding:24px;margin-top:20px}.laip-ai-badge{display:inline-flex;align-items:center;gap:8px;background:#7f00ff;color:#fff;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700;margin-bottom:16px}@media (max-width: 1024px){.laip-hero,.laip-feature-grid{grid-template-columns:1fr;text-align:center;gap:60px}.laip-hero-content,.laip-feature-content{max-width:100%}.laip-hero-actions{justify-content:center}.laip-title{font-size:48px}}.lps-section{font-family:Inter,sans-serif;color:#0f172a;background:#fff;overflow:hidden;padding:120px 0}.lps-container{max-width:1200px;margin:0 auto;padding:0 24px}.lps-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.lps-reverse{grid-template-columns:1.1fr 1fr}.lps-hero-content{max-width:580px;text-align:left}.lps-brand-tag{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.lps-badge-green{background:#10b981;color:#fff;padding:2px 10px;border-radius:100px;display:flex;align-items:center}.lps-badge-purple{background:#6366f1;color:#fff;padding:2px 10px;border-radius:100px;display:flex;align-items:center}.lps-badge-orange{background:#f59e0b;color:#fff;padding:2px 10px;border-radius:100px;display:flex;align-items:center}.lps-title{font-family:Inter,sans-serif;font-size:68px;font-weight:600;line-height:1.1;letter-spacing:-.02em;margin-bottom:32px;color:#0f172a}.lps-title span{display:block;opacity:.8}.lps-description{font-size:18px;line-height:1.6;color:#64748b;margin-bottom:40px}.lps-hero-actions{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:32px}.lps-btn-primary{background:#690093;color:#fff;padding:18px 36px;border-radius:100px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;text-decoration:none!important;border:none;cursor:pointer;font-family:inherit}.lps-btn-primary:hover{background:#0747a6;transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #69009340;color:#fff;text-decoration:none!important}.lps-btn-secondary{background:#f1f5f9;color:#0f172a;padding:18px 36px;border-radius:100px;font-weight:700;transition:all .3s ease;white-space:nowrap}.lps-btn-secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.lps-video-trigger{position:absolute;bottom:40px;right:40px;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:14px 28px;border-radius:100px;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.lps-video-trigger:hover{background:#0f172a;transform:scale(1.05)}.lps-accordion{display:flex;flex-direction:column;gap:12px}.lps-acc-item{border:1px solid #e2e8f0;border-radius:20px;padding:24px;cursor:pointer;transition:all .3s ease}.lps-acc-item:hover{background:#f8fafc}.lps-acc-item.active{background:#fff;border-color:#690093;box-shadow:0 20px 50px #69009314}.lps-acc-header{display:flex;justify-content:space-between;align-items:center}.lps-acc-header h3{font-size:19px;font-weight:600;color:#0f172a}.lps-acc-icon{color:#94a3b8;transition:transform .3s ease}.lps-acc-item.active .lps-acc-icon{transform:rotate(180deg)}.lps-acc-body p{padding-top:16px;color:#64748b;line-height:1.7;font-size:16px}.lps-mockup-wrapper{width:100%;aspect-ratio:1.1;border-radius:60px 20px 100px 40px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 60px 120px #00000026}.lps-mockup-card{background:#fff;width:85%;border-radius:32px;padding:40px;box-shadow:0 40px 100px #00000026;position:relative}@media (max-width: 1024px){.lps-hero,.lps-reverse{grid-template-columns:1fr;gap:60px;text-align:center}.lps-mockup-wrapper{order:2}.lps-title{font-size:48px}.lps-brand-tag{margin-inline:auto}}.lcm-overlay{position:fixed;inset:0;background:#0a0a12b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.lcm-modal{background:linear-gradient(165deg,#fff,#f8f9ff);width:100%;max-width:480px;border-radius:32px;padding:48px;position:relative;box-shadow:0 30px 60px -12px #0000004d,0 18px 36px -18px #0000004d;border:1px solid rgba(255,255,255,.8)}.lcm-close{position:absolute;top:24px;right:24px;color:#94a3b8;background:#fff;border:1px solid #f1f5f9;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d}.lcm-close:hover{background:#f8fafc;color:#0f172a;transform:rotate(90deg) scale(1.1);box-shadow:0 10px 15px -3px #0000001a}.lcm-title{font-size:32px;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:-1px;line-height:1.1;font-family:Inter,sans-serif}.lcm-subtitle{font-size:16px;color:#64748b;margin-bottom:40px;line-height:1.6;font-family:Inter,sans-serif}.lcm-subtitle strong{color:#690093;font-weight:700}.lcm-form{display:flex;flex-direction:column;gap:20px}.lcm-input-group{display:flex;flex-direction:column;gap:8px}.lcm-input-group label{font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1px;margin-left:4px}.lcm-input-group input{padding:16px 20px;border-radius:16px;border:2px solid #f1f5f9;background:#fff;font-size:16px;color:#0f172a;outline:none;transition:all .3s ease;font-family:Inter,sans-serif;box-shadow:0 2px 4px #00000005 inset}.lcm-input-group input:focus{border-color:#690093;background:#fff;box-shadow:0 0 0 4px #6900931a;transform:translateY(-1px)}.lcm-input-group input::placeholder{color:#cbd5e1}.lcm-submit-btn{margin-top:12px;background:#25d366;color:#fff;border:none;padding:20px;border-radius:18px;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px #25d36666}.lcm-submit-btn:hover{background:#20bd5a;transform:translateY(-3px);box-shadow:0 20px 25px -5px #25d36666}.lcm-submit-btn:active{transform:translateY(-1px)}@media (max-width: 640px){.lcm-modal{padding:32px 24px;border-radius:24px}.lcm-title{font-size:26px}}.lpp-section{font-family:Inter,sans-serif;color:#1a1a1a;background:#fff;overflow:hidden;padding:100px 0}.lpp-container{max-width:1200px;margin:0 auto;padding:0 24px}.lpp-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.lpp-hero-content{max-width:580px;text-align:left}.lpp-brand-tag{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.lpp-brand-pdv{background:#690093;color:#fff;padding:2px 10px;border-radius:100px;display:flex;align-items:center}.lpp-title{font-family:Inter,sans-serif;font-size:68px;font-weight:600;line-height:1.1;letter-spacing:-.02em;margin-bottom:32px;color:#0f172a}.lpp-title span{color:#690093}.lpp-description{font-size:18px;line-height:1.6;color:#64748b;margin-bottom:40px}.lpp-hero-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.lpp-btn-primary{background:#690093;color:#fff;padding:16px 32px;border-radius:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:none;cursor:pointer;font-family:inherit}.lpp-btn-primary:hover{transform:translateY(-4px) scale(1.02);background:#0056bf;color:#fff;text-decoration:none!important}.lpp-btn-secondary{border:2px solid #e2e8f0;color:#0f172a;padding:16px 32px;border-radius:14px;font-weight:700;text-decoration:none;transition:all .2s ease}.lpp-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.lpp-hero-visual{position:relative}.lpp-blob-container{width:100%;aspect-ratio:1.1;border-radius:40px;overflow:hidden;position:relative;box-shadow:0 60px 120px #00000026}.lpp-blob-container img{width:100%;height:100%;object-fit:cover}.lpp-video-trigger{position:absolute;bottom:40px;right:40px;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:14px 28px;border-radius:100px;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.lpp-video-trigger:hover{background:#0f172a;transform:scale(1.05)}.lpp-floating-stat{position:absolute;top:40px;right:-20px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.4);min-width:180px}.lpp-feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;margin-top:120px}.lpp-feature-grid-reversed{grid-template-columns:1fr 1.2fr}.lpp-mockup-display-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.lpp-mockup-outer-container{width:100%;aspect-ratio:1.1;background:linear-gradient(135deg,#06f,#00d2ff);border-radius:60px;display:flex;align-items:center;justify-content:center;padding:40px}.lpp-mockup-inner-card{background:#fff;width:100%;height:85%;border-radius:32px;padding:32px;box-shadow:0 20px 40px #0000000d}.lpp-feature-content{text-align:left}.lpp-feature-content h2{font-family:Outfit,sans-serif;font-size:52px;font-weight:900;margin-bottom:24px;letter-spacing:-.04em;line-height:1.1}.lpp-feature-description{font-size:18px;color:#64748b;margin-bottom:40px;line-height:1.6}.lpp-accordion{display:flex;flex-direction:column;gap:12px}.lpp-acc-item{border:1px solid #f1f5f9;border-radius:20px;padding:24px;cursor:pointer;transition:all .3s ease;background:#f8fafc/50}.lpp-acc-item:hover{background:#f8fafc}.lpp-acc-item.active{border-color:#06f;background:#fff;box-shadow:0 10px 30px #0066ff0d}.lpp-acc-header{display:flex;justify-content:space-between;align-items:center}.lpp-acc-header h3{font-size:17px;font-weight:700;color:#0f172a}.lpp-acc-icon{color:#94a3b8;transition:transform .3s ease}.lpp-acc-item.active .lpp-acc-icon{transform:rotate(180deg);color:#06f}.lpp-acc-body p{padding-top:16px;color:#64748b;line-height:1.7;font-size:15px}@media (max-width: 1024px){.lpp-hero,.lpp-feature-grid,.lpp-feature-grid-reversed{grid-template-columns:1fr;gap:60px;text-align:center}.lpp-hero-actions{justify-content:center}.lpp-brand-tag{margin-inline:auto}.lpp-mockup-display-wrapper{order:1}.lpp-feature-content{order:2}}.lms-container{display:flex;flex-direction:column;height:100vh;background-color:#f8fafc;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.lms-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background-color:#1c1d1f;border-bottom:1px solid #3e4143;z-index:100}.lms-header-left{display:flex;align-items:center;gap:1.5rem}.lms-logo{height:28px}.lms-divider{width:1px;height:24px;background-color:#3e4143}.lms-course-title{font-size:.95rem;font-weight:700;color:#fff}.lms-header-right{display:flex;align-items:center;gap:1.5rem}.lms-header-action{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#fff;cursor:pointer}.lms-btn-share{background:none;border:1px solid #fff;color:#fff;padding:.5rem 1rem;border-radius:4px;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.lms-btn-options{background:none;border:1px solid #fff;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.lms-main-layout{display:flex;flex:1;overflow:hidden}.lms-content-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff}.lms-video-container-outer{width:100%;padding:2rem 1rem;display:flex;justify-content:center}.lms-video-container{width:100%;max-width:1000px;aspect-ratio:16 / 9;background-color:#000;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px #00000026;border:1px solid #e2e8f0}.lms-video-player{width:100%;height:100%;border:none}.lms-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#a485f9;color:#fff;opacity:1;transition:all .3s ease;box-shadow:0 10px 20px #0000004d;border:none;z-index:20;cursor:pointer}.lms-nav-arrow:hover:not(:disabled){background-color:#8b6ae0;transform:translateY(-50%) scale(1.1)}.lms-nav-arrow:disabled{display:none}.lms-nav-arrow.left{left:1rem}.lms-nav-arrow.right{right:1rem}.lms-tabs-container{padding:0 2rem;background-color:#fff}.lms-tabs-header{display:flex;border-bottom:1px solid #d1d7dc;position:sticky;top:0;background-color:#fff;z-index:5}.lms-tab{padding:1rem 1.5rem;font-size:.95rem;font-weight:700;color:#6a6f73;cursor:pointer;position:relative;border:none;background:none}.lms-tab.active{color:#1c1d1f}.lms-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#1c1d1f}.lms-tab-content{padding:2rem 0}.lms-tab-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.lms-sidebar{width:350px;background-color:#fff;border-left:1px solid #d1d7dc;display:flex;flex-direction:column;transition:width .3s ease}.lms-sidebar.closed{width:0;overflow:hidden;border-left:none}.lms-sidebar-header{padding:1rem 1.5rem;border-bottom:1px solid #d1d7dc;display:flex;justify-content:space-between;align-items:center}.lms-sidebar-title{font-weight:700;font-size:1.1rem}.lms-sidebar-content{flex:1;overflow-y:auto}.lms-section-header{width:100%;padding:1.25rem 1.5rem;background-color:#f7f9fa;border:none;border-bottom:1px solid #d1d7dc;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.lms-section-title{font-weight:700;font-size:1rem}.lms-section-item{padding:1rem 1.5rem;border-bottom:1px solid #d1d7dc;display:flex;gap:1rem;cursor:pointer;transition:background-color .2s}.lms-section-item:hover{background-color:#f7f9fa}.lms-section-item.active{background-color:#d1d7dc}.lms-checkbox{width:18px;height:18px;border:1px solid #1c1d1f;display:flex;align-items:center;justify-content:center;margin-top:2px}.lms-checkbox.checked{background-color:#1c1d1f;color:#fff}.lms-item-info{flex:1}.lms-item-title{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.lms-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6a6f73}@media (max-width: 1024px){.lms-sidebar{position:fixed;right:0;top:60px;height:calc(100vh - 60px);z-index:1000;box-shadow:-10px 0 30px #00000080;background-color:#fff}.lms-course-title{max-width:250px}.lms-video-container{max-width:90%}}@media (max-width: 768px){.lms-header{padding:0 .75rem;gap:.5rem}.lms-header-left{gap:.75rem;min-width:0}.lms-logo{height:24px}.lms-course-title{font-size:.85rem;max-width:150px}.lms-header-right{gap:.75rem}.lms-header-right .lms-header-action span,.lms-header-right .lms-btn-share span{display:none}.lms-header-action{gap:0}.lms-btn-share{padding:.5rem}.lms-sidebar{width:100%;max-width:100%;border-left:none}.lms-tabs-header{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.5rem}.lms-tab{padding:.75rem 1rem;font-size:.85rem;white-space:nowrap}.lms-tab-content{padding:1.5rem 1rem}.lms-tab-title{font-size:1.25rem}.lms-video-container-outer{padding:1rem .5rem}.lms-video-container{max-width:100%;border-radius:0;border:none}.lms-nav-arrow{width:2.5rem;height:2.5rem}.lms-nav-arrow.left{left:.5rem}.lms-nav-arrow.right{right:.5rem}}@media (max-width: 480px){.lms-header-left .lms-divider,.lms-header-left .lms-course-title{display:none}.lms-header-right{gap:.5rem}}.les-section{padding:120px 0;background-color:#fff;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}.les-container{max-width:1200px;margin:0 auto;padding:0 24px}.les-header{text-align:center;margin-bottom:100px}.les-main-title{font-family:Outfit,sans-serif;font-size:48px;font-weight:700;color:#1e293b;line-height:1.1;letter-spacing:-.04em;max-width:800px;margin:0 auto}.les-feature-block{display:flex;flex-direction:column;gap:60px;align-items:center;margin-bottom:120px}@media (min-width: 1024px){.les-feature-block{flex-direction:row;justify-content:space-between;gap:100px}.les-feature-block.reverse{flex-direction:row-reverse}}.les-content{flex:.8;max-width:460px}.les-visual{flex:1.5;position:relative;display:flex;justify-content:center;min-width:0}.les-title{font-family:Outfit,sans-serif;font-size:36px;font-weight:700;color:#1e293b;line-height:1.2;margin-bottom:32px}.les-title span{color:#06f}.les-list{list-style:none;padding:0;margin:0 0 40px}.les-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;font-size:16px;color:#64748b;line-height:1.5}.les-icon{color:#06f;flex-shrink:0;margin-top:4px}.les-cta{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background-color:#7f00ff;color:#fff;border-radius:99px;font-weight:800;text-decoration:none;transition:all .3s ease}.les-cta:hover{background-color:#6b00d7;transform:translateY(-2px);box-shadow:0 10px 20px -5px #7f00ff66}.les-mockup-container{width:100%;max-width:800px;border-radius:40px;padding:60px;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #7f00ff26;background:linear-gradient(135deg,#7f00ff,#6366f1)}.les-bg-green{background:linear-gradient(135deg,#4ade80,#22c55e)}.les-bg-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.les-bg-orange{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.les-window{background:#fff;border-radius:16px;box-shadow:0 20px 40px -10px #0003;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.les-window-header{height:32px;background:#f8fafc;display:flex;align-items:center;padding:0 12px;gap:6px}.les-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.les-window-body{padding:20px}.les-floating-card{position:absolute;background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 25px #0000001a;border:1px solid rgba(0,0,0,.05);animation:float 6s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.les-floating-card.sm{width:140px}.les-floating-card.md{width:220px}.les-mini-bar{height:8px;background:#f1f5f9;border-radius:4px;margin-bottom:8px}.les-mini-bar.short{width:60%}.les-mini-bar.long{width:100%}.les-mini-tag{font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;background:#f0fdf4;color:#16a34a}.les-image-wrapper{position:relative;width:100%;max-width:680px;border-radius:32px;overflow:hidden;box-shadow:0 40px 100px -20px #00000040;background:#0a0a0a;border:1px solid rgba(255,255,255,.1)}.les-main-img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}.les-image-wrapper:hover .les-main-img{transform:scale(1.05)}.les-img-accent{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 60%);pointer-events:none}.les-img-accent.purple{background:radial-gradient(circle at top right,rgba(127,0,255,.1),transparent 70%)}.les-img-accent.indigo{background:radial-gradient(circle at bottom left,rgba(79,70,229,.1),transparent 70%)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.toolbar-section{display:flex;align-items:center;gap:var(--space-4)}.toolbar-group{display:flex;align-items:center;gap:var(--space-2)}.toolbar-divider{width:1px;height:24px;background:var(--gray-300)}.toolbar-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.toolbar-btn:hover:not(.disabled){background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.toolbar-btn:active:not(.disabled){transform:translateY(0);box-shadow:none}.toolbar-btn.active{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.toolbar-btn.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.toolbar-btn.danger{color:var(--error-600);border-color:var(--error-300)}.toolbar-btn.danger:hover:not(.disabled){background:var(--error-50);border-color:var(--error-400);color:var(--error-700)}.toolbar-btn i{font-size:var(--text-sm)}.dirty-indicator{color:var(--warning-500);font-size:var(--text-lg);margin-left:var(--space-1)}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.user-role{font-size:var(--text-xs);color:var(--gray-600);background:var(--gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:scaleIn var(--transition-normal) ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.modal-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gray-900)}.modal-close{width:32px;height:32px;border:none;background:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6);border-top:1px solid var(--gray-200);background:var(--gray-50)}@media (max-width: 768px){.editor-toolbar{flex-direction:column;gap:var(--space-4);align-items:stretch}.toolbar-section{justify-content:center}.user-info{align-items:center}.toolbar-btn span{display:none}.toolbar-btn{padding:var(--space-3)}.modal-content{margin:var(--space-4);max-width:none}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.modal-footer{flex-direction:column}}@media (max-width: 480px){.editor-toolbar{padding:var(--space-3)}.toolbar-section{gap:var(--space-2)}.toolbar-group{gap:var(--space-1)}.toolbar-btn{padding:var(--space-2);min-width:40px;justify-content:center}}.component-palette{width:280px;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:100%}.palette-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.palette-header h3{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.palette-header p{margin:0;font-size:var(--text-sm);color:var(--gray-600)}.palette-grid{flex:1;padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.palette-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.palette-item:hover{border-color:var(--primary-300);background:var(--primary-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.palette-item:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.palette-item-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--text-lg);flex-shrink:0}.palette-item-content{flex:1;min-width:0}.palette-item-content h4{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.palette-item-content p{margin:0;font-size:var(--text-xs);color:var(--gray-600);line-height:1.4}.palette-item[draggable=true]{cursor:grab}.palette-item[draggable=true]:active{cursor:grabbing}@media (max-width: 768px){.component-palette{width:100%;height:auto;max-height:200px;border-right:none;border-bottom:1px solid var(--gray-200)}.palette-grid{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:var(--space-2)}.palette-item{min-width:120px;flex-direction:column;text-align:center;gap:var(--space-2)}.palette-item-icon{width:32px;height:32px;font-size:var(--text-base)}.palette-item-content h4{font-size:var(--text-xs)}.palette-item-content p{display:none}}.editor-canvas-container{flex:1;display:flex;flex-direction:column;background:var(--gray-50)}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--white);border-bottom:1px solid var(--gray-200)}.canvas-info{display:flex;gap:var(--space-4);align-items:center}.element-count{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.selected-element{font-size:var(--text-sm);color:var(--primary-600);font-weight:var(--font-medium);background:var(--primary-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.canvas-actions{display:flex;gap:var(--space-2)}.editor-canvas{flex:1;position:relative;background:var(--white);margin:var(--space-4);border-radius:var(--radius-xl);border:2px dashed var(--gray-300);overflow:auto;min-height:400px;transition:all var(--transition-normal)}.editor-canvas:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.editor-canvas.drag-over{border-color:var(--primary-500);background:var(--primary-50);border-style:solid}.editor-canvas.preview-mode{border-color:var(--gray-200);border-style:solid}.empty-canvas{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px}.empty-canvas-content{text-align:center;color:var(--gray-500);max-width:400px;padding:var(--space-8)}.empty-canvas-content i{font-size:var(--text-6xl);margin-bottom:var(--space-6);color:var(--gray-400)}.empty-canvas-content h3{margin:0 0 var(--space-4) 0;font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--gray-700)}.empty-canvas-content p{margin:0 0 var(--space-6) 0;font-size:var(--text-base);line-height:1.6}.empty-canvas-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--primary-50);border-radius:var(--radius-lg);color:var(--primary-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.empty-canvas-hint i{font-size:var(--text-lg);color:var(--primary-600)}.canvas-content{position:relative;min-height:100%;padding:var(--space-8)}.canvas-element{position:relative;display:inline-block}.element-controls{position:absolute;top:-40px;right:0;display:flex;gap:var(--space-1);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);z-index:10}.control-btn{width:32px;height:32px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:all var(--transition-fast)}.control-btn:hover{background:var(--gray-100);color:var(--gray-900)}.control-btn:first-child:hover{background:var(--error-50);color:var(--error-600)}.drop-indicator{position:absolute;inset:0;background:#3b82f61a;border:2px dashed var(--primary-500);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;z-index:20}.drop-indicator-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--primary-600)}.drop-indicator-content i{font-size:var(--text-4xl);color:var(--primary-500)}.drop-indicator-content span{font-size:var(--text-lg);font-weight:var(--font-semibold)}@media (max-width: 768px){.canvas-toolbar{flex-direction:column;gap:var(--space-3);align-items:stretch}.canvas-info,.canvas-actions{justify-content:center}.editor-canvas{margin:var(--space-2);min-height:300px}.canvas-content,.empty-canvas-content{padding:var(--space-4)}.empty-canvas-content i{font-size:var(--text-4xl)}.empty-canvas-content h3{font-size:var(--text-xl)}.element-controls{top:-35px}.control-btn{width:28px;height:28px}}.editor-canvas::-webkit-scrollbar{width:8px;height:8px}.editor-canvas::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px}.editor-canvas::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid #f9fafb;transition:all .2s ease}.editor-canvas::-webkit-scrollbar-thumb:hover{background:#9ca3af;border-color:#f3f4f6}.editor-canvas::-webkit-scrollbar-thumb:active{background:#6b7280}.editor-canvas{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.canvas-element{animation:fadeIn var(--transition-normal) ease-out}.property-panel{width:320px;background:var(--white);border-left:1px solid var(--gray-200);display:flex;flex-direction:column;height:100%}.panel-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.panel-header h3{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.element-info{display:flex;gap:var(--space-2);align-items:center}.element-type{background:var(--primary-100);color:var(--primary-800);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase}.element-id{background:var(--gray-100);color:var(--gray-600);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-family-mono)}.panel-content{flex:1;padding:var(--space-4);overflow-y:auto}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--gray-500)}.no-selection i{font-size:var(--text-4xl);margin-bottom:var(--space-4);color:var(--gray-400)}.no-selection p{margin:0;font-size:var(--text-sm);max-width:200px}.property-group{margin-bottom:var(--space-6)}.property-group h4{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.property-row{margin-bottom:var(--space-4)}.property-row label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.property-input,.property-select{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--white);transition:all var(--transition-fast)}.property-input:focus,.property-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.property-input::placeholder{color:var(--gray-400)}.color-input-group{display:flex;gap:var(--space-2)}.color-input-group .property-input{flex:1}.color-picker-btn{width:40px;height:40px;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.color-picker-btn:hover{border-color:var(--primary-500);transform:scale(1.05)}.color-picker-btn i{color:var(--gray-600);font-size:var(--text-sm)}.color-picker-modal{position:fixed;inset:0;z-index:var(--z-modal)}.color-picker-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.color-picker-container{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:400px;width:100%;animation:scaleIn var(--transition-normal) ease-out}.color-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.color-picker-header h4{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.close-btn{width:32px;height:32px;border:none;background:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all var(--transition-fast)}.close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.color-picker-actions{padding:var(--space-6);border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end}@media (max-width: 768px){.property-panel{width:100%;height:auto;max-height:300px;border-left:none;border-top:1px solid var(--gray-200)}.panel-content{padding:var(--space-3)}.color-picker-container{margin:var(--space-4);max-width:none}}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px;margin:8px 0}.panel-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid #f9fafb;transition:all .2s ease}.panel-content::-webkit-scrollbar-thumb:hover{background:#9ca3af;border-color:#f3f4f6}.panel-content::-webkit-scrollbar-thumb:active{background:#6b7280}.panel-content{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.editor-page{height:100vh;background:var(--gray-100);overflow:hidden}.editor-layout{display:flex;height:100%}.editor-sidebar{width:280px;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;overflow:hidden}.editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-workspace{flex:1;display:flex;overflow:hidden}@media (max-width: 1024px){.editor-sidebar{width:240px}}@media (max-width: 768px){.editor-layout{flex-direction:column}.editor-sidebar{width:100%;height:auto;max-height:200px;border-right:none;border-bottom:1px solid var(--gray-200)}.editor-sidebar:last-child{border-bottom:none;border-top:1px solid var(--gray-200);max-height:300px}}@media (max-width: 480px){.editor-sidebar{max-height:150px}.editor-sidebar:last-child{max-height:250px}}.editor-page.fullscreen{position:fixed;inset:0;z-index:9999}.editor-page.fullscreen .editor-sidebar{display:none}.editor-page.fullscreen .editor-main{width:100%}.editor-page{animation:fadeIn var(--transition-normal) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.editor-page::-webkit-scrollbar{width:8px;height:8px}.editor-page::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px}.editor-page::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid #f9fafb;transition:all .2s ease}.editor-page::-webkit-scrollbar-thumb:hover{background:#9ca3af;border-color:#f3f4f6}.editor-page::-webkit-scrollbar-thumb:active{background:#6b7280}.editor-page{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.admin-dashboard{padding:1.5rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.dashboard-header p{color:#6b7280;font-size:.875rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:flex-start;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-blue .stat-card-icon{background:#dbeafe;color:#2563eb}.stat-card-green .stat-card-icon{background:#d1fae5;color:#059669}.stat-card-purple .stat-card-icon{background:#e9d5ff;color:#7c3aed}.stat-card-orange .stat-card-icon{background:#fed7aa;color:#ea580c}.stat-card-teal .stat-card-icon{background:#ccfbf1;color:#0d9488}.stat-card-content{flex:1}.stat-card-title{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.stat-card-value{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem;line-height:1}.stat-card-subtitle{font-size:.75rem;color:#9ca3af}.dashboard-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.dashboard-section-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.dashboard-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background:#f9fafb}.status-published{border-left:4px solid #10b981}.status-unpublished{border-left:4px solid #ef4444}.status-users{border-left:4px solid #3b82f6}.status-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.status-label{font-size:.875rem;color:#6b7280}.dashboard-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background:#f9fafb;transition:background .2s}.dashboard-list-item:hover{background:#f3f4f6}.list-item-number{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.list-item-icon{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-item-content{flex:1}.list-item-content h4{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.list-item-meta{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.published{background:#d1fae5;color:#059669}.status-badge.unpublished{background:#fee2e2;color:#dc2626}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{inset:0;position:absolute}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.image-annotator{display:flex;flex-direction:row;width:100%;height:100%;background-color:#1a1a1a;color:#e5e5e5;overflow:hidden}.annotator-toolbar-left{width:200px;background-color:#262626;border-right:1px solid #333;display:flex;flex-direction:column;padding:.75rem;gap:1.25rem;flex-shrink:0;overflow-y:auto;position:relative;z-index:2}.annotator-workspace{flex:1;min-width:0;min-height:0;position:relative;z-index:0;background-color:#0f0f0f;display:flex;align-items:center;justify-content:center;overflow:hidden}.annotator-toolbar-right{width:80px;background-color:#262626;border-left:1px solid #333;display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:1rem;flex-shrink:0}.tool-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.tool-label{font-size:.75rem;text-transform:uppercase;color:#888;font-weight:600;margin-bottom:.5rem}.tool-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:6px;color:#ccc;cursor:pointer;transition:all .2s;width:100%;text-align:left;font-size:.85rem}.annotator-toolbar-right .tool-btn{justify-content:center;padding:.75rem;width:48px;height:48px}.text-format-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.text-format-buttons .tool-btn.icon-only{width:36px;height:36px;padding:.5rem}.text-font-size-input{width:100%;max-width:4rem;padding:.35rem .5rem;background:#333;border:1px solid #555;border-radius:4px;color:#e5e5e5;font-size:.85rem}.tool-btn:hover{background-color:#333;color:#fff}.tool-btn.active{background-color:#2563eb;color:#fff}.tool-btn.warning:hover{background-color:#dc2626;color:#fff}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.action-btn.confirm{background-color:#16a34a;color:#fff;margin-top:auto}.action-btn.confirm:hover{background-color:#15803d}.spacer{flex:1}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.tool-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.tool-btn-small{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;background:#333;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;transition:all .2s;font-size:.7rem}.tool-btn-small:hover{background-color:#444;color:#fff}.tool-btn-small.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.fill-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;cursor:pointer;font-size:.8rem;color:#ccc;padding:.5rem;background:#333;border-radius:6px}.fill-toggle input{cursor:pointer}.style-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#2a2a2a;border-radius:8px;border:1px solid #333}.style-label-small{font-size:.7rem;color:#888;text-transform:uppercase;font-weight:700}.color-control-wrapper{display:flex;align-items:center;gap:.75rem;position:relative}.color-preview-btn{width:32px;height:32px;border-radius:50%;border:2px solid #555;cursor:pointer;box-shadow:0 0 10px #00000080;transition:transform .2s,border-color .2s}.color-preview-btn:hover{transform:scale(1.1);border-color:#fff}.color-picker-popover{position:absolute;bottom:45px;left:0;z-index:9999}.color-picker-content{background:#2a2a2a;padding:1rem;border-radius:12px;border:1px solid #444;box-shadow:0 10px 40px #000c;display:flex;flex-direction:column;gap:1rem}.color-grid-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:.75rem;border-bottom:1px solid #444}.color-dot{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:transform .1s}.color-dot:hover{transform:scale(1.2)}.color-dot.active{border-color:#fff;box-shadow:0 0 0 2px #2563eb}.color-picker-cover{position:fixed;inset:0}.color-picker-content{background:#2a2a2a;padding:1rem;border-radius:12px;border:1px solid #444;box-shadow:0 10px 40px #000c;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:9999}.color-picker-content .color-grid-mini{justify-content:center;padding-bottom:.5rem;border-bottom:1px solid #444}.stroke-control{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.stroke-control input{width:100%;accent-color:#2563eb;cursor:pointer}.stroke-control .value-tag,.value-tag{font-size:.75rem;background:#444;padding:2px 6px;border-radius:4px;min-width:40px;text-align:center}.annotator-toolbar-right{width:72px;background-color:#262626;border-left:1px solid #333;display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:1rem;flex-shrink:0}.tool-btn.icon-only:disabled{opacity:.3;cursor:not-allowed}.annotator-workspace canvas{box-shadow:0 0 20px #00000080}.integrated-cropper-container{position:absolute;inset:20px;background:#000;display:flex;flex-direction:column;z-index:50;border-radius:12px;overflow:hidden;box-shadow:0 0 100px #000000e6;border:1px solid #444}.cropper-overlay-actions{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #444;border-radius:50px;z-index:100;box-shadow:0 10px 40px #0009}.aspect-select-mini{background:#333;border:1px solid #555;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;outline:none;cursor:pointer}.tool-btn.small{padding:.5rem 1rem;font-size:.8rem;width:auto;height:32px;display:flex;align-items:center;gap:.5rem;border-radius:16px;border:1px solid #333;background:#444;color:#fff;cursor:pointer}.tool-btn.small.confirm{background:#16a34a;border-color:#16a34a}.tool-btn.small.confirm:hover{background:#15803d}.image-annotator .color-picker-content .chrome-picker input,.image-annotator .color-picker-popover .chrome-picker input{background:#fff!important;color:#111!important;border:1px solid #ccc!important}@media (max-width: 1024px){.annotator-toolbar-left{width:160px;min-width:140px;padding:.5rem;gap:1rem}.annotator-toolbar-left .tool-label{font-size:.7rem}.annotator-toolbar-left .tool-btn-small,.annotator-toolbar-left .tool-btn{padding:.4rem .5rem;font-size:.8rem}}@media (max-width: 768px){.annotator-toolbar-left{width:140px;min-width:120px;padding:.4rem;gap:.75rem}.annotator-toolbar-left .tool-label{font-size:.65rem}.annotator-toolbar-left .style-section .stroke-control,.annotator-toolbar-left .style-label-small{font-size:.75rem}.annotator-toolbar-right{width:56px;padding:.5rem 0;gap:.5rem}.annotator-toolbar-right .tool-btn{width:40px;height:40px;padding:.5rem}}.step-media-uploader{display:flex;flex-direction:column;gap:.75rem}.step-media-uploader-header{display:flex;align-items:center;justify-content:space-between}.step-media-uploader-label{display:flex;align-items:center;gap:.375rem;font-weight:500;font-size:.875rem;color:#374151}.step-media-uploader-remove{display:flex;align-items:center;justify-content:center;padding:.375rem;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;color:#dc2626;transition:all .15s;flex-shrink:0}.step-media-uploader-remove:hover:not(:disabled){background:#fecaca;border-color:#fca5a5}.step-media-uploader-remove:disabled{opacity:.5;cursor:not-allowed}.step-media-uploader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;transition:all .2s;cursor:pointer;min-height:120px}.step-media-uploader-empty:hover{border-color:#6c2396;background:#faf5ff}.step-media-uploader-empty.drag-over{border-color:#6c2396;background:#f3e8ff;border-width:3px;transform:scale(1.02);box-shadow:0 4px 12px #6c239633}.step-media-uploader.dragging{position:relative}.step-media-uploader.dragging:before{content:"";position:absolute;inset:0;background:#6c23960d;border-radius:8px;z-index:1;pointer-events:none}.step-media-upload-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c2396,#5a008f);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #6c239633}.step-media-upload-button:hover:not(:disabled){background:linear-gradient(135deg,#5a008f,#4a0073);box-shadow:0 4px 6px #6c23964d;transform:translateY(-1px)}.step-media-upload-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.step-media-uploader-hint{margin-top:.5rem;font-size:.75rem;color:#6b7280;text-align:center}.step-media-file-input{display:none}.step-media-uploader-preview{position:relative;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb;min-height:150px;display:flex;align-items:center;justify-content:center}.step-media-preview-image{width:100%;height:auto;max-height:400px;min-height:150px;object-fit:contain;display:block;background:transparent}.step-media-preview-video-container{width:100%;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center}.step-media-preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280;gap:.5rem}.step-media-preview-error.hidden{display:none}.step-media-external-badge{position:absolute;top:.75rem;right:.75rem;padding:.35rem .85rem;background:#7c3aedf2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:6px;font-size:.75rem;font-weight:700;box-shadow:0 4px 6px -1px #0000001a;letter-spacing:.025em;z-index:10;display:flex;align-items:center;gap:.35rem;border:1px solid rgba(255,255,255,.2)}.step-media-url-input{margin-top:.5rem}.step-media-url-field{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1f2937;background:#fff;transition:all .2s}.step-media-url-field:focus{outline:none;border-color:#6c2396;box-shadow:0 0 0 3px #6c23961a}.step-media-url-button{margin-top:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;font-size:.8125rem;cursor:pointer;transition:all .15s;width:100%}.step-media-url-button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.step-media-url-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.step-media-url-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:100%;max-width:500px;max-height:90vh;overflow:auto;display:flex;flex-direction:column}.step-media-url-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.step-media-url-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.step-media-url-modal-close{display:flex;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s}.step-media-url-modal-close:hover{background:#f3f4f6;color:#374151}.step-media-url-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.step-media-url-modal-input-group{display:flex;flex-direction:column;gap:.5rem}.step-media-url-modal-input-group label{font-size:.875rem;font-weight:500;color:#374151}.step-media-url-modal-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#1f2937;transition:all .2s}.step-media-url-modal-input:focus{outline:none;border-color:#6c2396;box-shadow:0 0 0 3px #6c23961a}.step-media-url-modal-type-group{display:flex;flex-direction:column;gap:.5rem}.step-media-url-modal-type-group label{font-size:.875rem;font-weight:500;color:#374151}.step-media-url-modal-type-options{display:flex;gap:.75rem}.step-media-url-modal-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.step-media-url-modal-type-btn:hover{background:#f3f4f6;border-color:#d1d5db}.step-media-url-modal-type-btn.active{background:linear-gradient(135deg,#6c2396,#5a008f);border-color:#6c2396;color:#fff}.step-media-url-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb}.step-media-url-modal-cancel{padding:.625rem 1.25rem;background:transparent;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.step-media-url-modal-cancel:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.step-media-url-modal-submit{padding:.625rem 1.25rem;background:linear-gradient(135deg,#6c2396,#5a008f);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #6c239633}.step-media-url-modal-submit:hover:not(:disabled){background:linear-gradient(135deg,#5a008f,#4a0073);box-shadow:0 4px 6px #6c23964d;transform:translateY(-1px)}.step-media-url-modal-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.step-media-uploader-empty{padding:1.5rem}.step-media-upload-button{padding:.625rem 1.25rem;font-size:.8125rem}.step-media-preview-image,.step-media-preview-video{max-height:200px}.step-media-url-modal{max-width:100%}.step-media-url-modal-body{padding:1.25rem}.step-media-url-modal-type-options{flex-direction:column}}.tutorial-edit-page{padding:2rem;max-width:1400px;margin:0 auto;background-color:#f2f4f8;min-height:100vh;font-family:Inter,sans-serif}.edit-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.5rem}.edit-header h1{margin:0;font-size:2rem;font-weight:700;color:#1e293b;letter-spacing:-.03em}.tutorial-editor-layout{display:grid;grid-template-columns:1fr 360px;gap:2.5rem;align-items:start}.editor-main-content{display:flex;flex-direction:column;gap:2rem;min-width:0}.editor-sidebar{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:2rem}.editor-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px -10px #0000000d;padding:2rem;border:none}.editor-card h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem;padding-bottom:0;border-bottom:none;display:flex;align-items:center;gap:.75rem}.form-group{margin-bottom:1.5rem}.editor-form-label{display:block;font-size:.9rem;font-weight:600;color:#334155;margin-bottom:.75rem;letter-spacing:.01em}.editor-form-input,.editor-form-textarea,.editor-form-select{width:100%;padding:.875rem 1rem;border:1px solid #cbd5e1;border-radius:12px;background-color:#fff;font-size:.95rem;color:#1e293b;transition:all .2s ease;font-weight:500;appearance:none}.editor-form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.editor-form-input:focus,.editor-form-textarea:focus,.editor-form-select:focus{outline:none;background-color:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.editor-form-textarea{min-height:140px;line-height:1.6;resize:vertical}.sidebar-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.btn-save-primary{width:100%;padding:.875rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 12px #6366f14d}.btn-save-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-save-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;filter:grayscale(.5)}.btn-secondary{width:100%;padding:.75rem;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.publish-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:16px;cursor:pointer;border:1px solid transparent;transition:all .2s}.publish-toggle:hover{background:#f1f5f9}.publish-toggle input{width:1.5rem;height:1.5rem;accent-color:#7c3aed;cursor:pointer}.steps-placeholder{padding:5rem 2rem;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:24px;color:#94a3b8;text-align:center;font-weight:500}.step-form-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:2rem;box-shadow:0 10px 30px -10px #0000000d}.step-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.step-card-title{font-size:1.25rem;font-weight:700;color:#334155;display:flex;align-items:center;gap:.75rem;margin:0}.btn-icon-soft{padding:.75rem;border-radius:12px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon-soft:hover{background:#e2e8f0;color:#1e293b;transform:scale(1.05)}@media (max-width: 1024px){.tutorial-editor-layout{grid-template-columns:1fr}.editor-sidebar{position:static;order:-1}}@media (max-width: 768px){.tutorial-edit-page{padding:1rem}.edit-header h1{font-size:1.5rem}}.navbar-preview-container{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.navbar-preview-header{margin-bottom:1rem}.navbar-preview-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.preview-subtitle{margin:0;font-size:.875rem;color:#6b7280}.navbar-preview{background:linear-gradient(135deg,#fff,#faf5ff,#fff);border:1px solid rgba(212,179,255,.2);border-radius:8px;padding:1rem;min-height:80px}.category-navbar-menu-preview{display:flex;gap:16px;align-items:center;flex-wrap:wrap;min-height:48px}.sortable-menu{position:relative;display:inline-block}.sortable-menu.dragging{opacity:.5;z-index:1000;transform:scale(1.05);box-shadow:0 8px 24px #5a008f4d}.sortable-menu.editing{border:2px solid #3b82f6;border-radius:8px;padding:4px}.sortable-menu-header{display:flex;align-items:center;gap:8px;background:#ffffffe6;border:1px solid rgba(212,179,255,.3);border-radius:8px;padding:8px 12px;transition:all .2s ease;position:relative}.sortable-menu-header:hover{background:#fff;border-color:#d4b3ff80;box-shadow:0 2px 8px #d4b3ff33}.sortable-menu-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#5a008f,#6c2396);border-radius:8px 0 0 8px;opacity:0;transition:opacity .2s}.sortable-menu-header:hover:before{opacity:1}.drag-handle{display:flex;align-items:center;cursor:grab;color:#9ca3af;padding:4px;border:none;background:transparent;transition:all .2s;border-radius:4px}.drag-handle:active{cursor:grabbing;background:#d4b3ff33;transform:scale(1.1)}.drag-handle:hover{color:#5a008f;background:#d4b3ff1a}.menu-toggle{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;padding:0;font-size:.875rem;font-weight:500;color:#5a008f;flex:1}.menu-toggle:hover{color:#6c2396}.menu-inline-edit{flex:1;min-width:0;display:flex;align-items:center}.menu-label{white-space:nowrap}.chevron{transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.menu-actions{display:flex;gap:4px}.btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s}.btn-icon.danger:hover{background:#fee2e2;color:#dc2626}.btn-icon.success:hover{background:#d1fae5;color:#059669}.sortable-menu-content{position:absolute;top:calc(100% + 4px);left:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,179,255,.3);border-radius:12px;box-shadow:0 10px 40px #5a008f26;min-width:200px;z-index:1000;padding:8px;margin-top:4px}.menu-items-dropdown-preview{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.empty-items-message{padding:12px;text-align:center;color:#9ca3af;font-size:.875rem}.btn-add-item{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;margin-top:8px;background:#d4b3ff1a;border:1px dashed rgba(212,179,255,.5);border-radius:6px;color:#5a008f;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-add-item:hover{background:#d4b3ff33;border-color:#d4b3ffb3}.btn-add-menu{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:#d4b3ff1a;border:1px dashed rgba(212,179,255,.5);border-radius:8px;color:#5a008f;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-menu:hover{background:#d4b3ff33;border-color:#d4b3ffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d4b3ff33}.add-menu-form{margin-top:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.add-menu-form>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sortable-menu-item{display:flex;flex-direction:column;gap:0;padding:8px;background:#fffc;border:1px solid rgba(212,179,255,.2);border-radius:6px;transition:all .2s;margin-bottom:4px}.sortable-menu-item-row{display:flex;align-items:center;gap:8px;width:100%}.sortable-menu-item:hover{background:#fff;border-color:#d4b3ff66}.sortable-menu-item.dragging{opacity:.5;z-index:1001;transform:scale(1.02);box-shadow:0 4px 12px #5a008f33;background:#d4b3ff1a}.sortable-menu-item.editing{border-color:#3b82f6;background:#3b82f60d}.drag-handle-item{display:flex;align-items:center;cursor:grab;color:#9ca3af;padding:2px;border:none;background:transparent;transition:all .2s;border-radius:4px}.drag-handle-item:active{cursor:grabbing;background:#d4b3ff33;transform:scale(1.1)}.drag-handle-item:hover{color:#5a008f;background:#d4b3ff1a}.item-display{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.item-label{flex:1;font-size:.875rem;color:#374151;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.item-label:hover{background:#f3f4f6}.item-tutorial-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#d4b3ff33;color:#5a008f;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.item-tutorial-badge.warning{background:#fbbf2433;color:#d97706}.item-actions{display:flex;gap:4px}.btn-icon-small{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s}.btn-icon-small:hover{background:#f3f4f6;color:#374151}.btn-icon-small.danger:hover{background:#fee2e2;color:#dc2626}.item-edit-form{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.form-input-small{flex:1;padding:6px 10px;font-size:.875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;min-width:0}.form-input-small:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select-small{flex:1;padding:6px 10px;font-size:.875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;min-width:120px;max-width:200px}.form-select-small:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.item-edit-actions{display:flex;gap:4px}.menu-items-dropdown-preview::-webkit-scrollbar{width:8px}.menu-items-dropdown-preview::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px;margin:8px 0}.menu-items-dropdown-preview::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid #f9fafb;transition:all .2s ease}.menu-items-dropdown-preview::-webkit-scrollbar-thumb:hover{background:#9ca3af;border-color:#f3f4f6}.menu-items-dropdown-preview::-webkit-scrollbar-thumb:active{background:#6b7280}.menu-items-dropdown-preview{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.header-menu-manager{padding:1.5rem;max-width:1400px;margin:0 auto}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#5a008f,#6c2396);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5a008f4d}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#5a008f;border:1px solid rgba(212,179,255,.5);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#d4b3ff1a;border-color:#d4b3ffb3}.add-menu-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2rem}.form-input{padding:10px 14px;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;transition:all .2s}.form-input:focus{outline:none;border-color:#5a008f;box-shadow:0 0 0 3px #5a008f1a}.form-select{padding:10px 14px;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;transition:all .2s;cursor:pointer}.form-select:focus{outline:none;border-color:#5a008f;box-shadow:0 0 0 3px #5a008f1a}.form-actions{display:flex;gap:12px;justify-content:flex-end}.menus-list{display:flex;flex-direction:column;gap:1.5rem}.empty-state{padding:3rem;text-align:center;color:#9ca3af;font-size:1rem;background:#fff;border:2px dashed #e5e7eb;border-radius:12px}.menu-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.menu-card:hover{box-shadow:0 4px 12px #0000000d}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.menu-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.menu-actions{display:flex;gap:8px}.menu-edit-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.menu-items{display:flex;flex-direction:column;gap:1rem}.menu-items h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.menu-item{display:flex;gap:12px;align-items:center;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.menu-item .form-input{flex:1}.menu-item .form-select{flex:1;min-width:200px}.add-item-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px}.menu-items-preview{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.menu-items-preview ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.menu-items-preview li{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:.875rem;color:#374151}.badge{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#d4b3ff33;color:#5a008f}.badge.warning{background:#fbbf2433;color:#d97706}.text-muted{color:#9ca3af;font-size:.875rem;font-style:italic}.loading{padding:3rem;text-align:center;color:#6b7280;font-size:1rem}.inline-editor{display:flex;align-items:center;gap:8px}.inline-editor-input{flex:1;padding:6px 10px;font-size:.875rem;border:1px solid #3b82f6;border-radius:6px;background:#fff}.inline-editor-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.header-menu-manager{padding:1rem}.manager-header{flex-direction:column;align-items:flex-start;gap:1rem}.menu-item{flex-direction:column;align-items:stretch}.form-actions{flex-direction:column}}.tutorial-editor{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.editor-toolbar{display:flex;gap:.5rem;padding:.75rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap}.toolbar-group{display:flex;gap:.25rem;padding-right:.75rem;border-right:1px solid #e5e7eb}.toolbar-group:last-child{border-right:none}.toolbar-actions{margin-left:auto;border-right:none}.editor-toolbar button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s}.editor-toolbar button:hover{background:#e5e7eb;color:#374151}.editor-toolbar button.is-active{background:#3b82f6;color:#fff}.editor-toolbar button:disabled{opacity:.5;cursor:not-allowed}.btn-save{background:#3b82f6!important;color:#fff!important;padding:.5rem 1rem!important}.btn-save:hover{background:#2563eb!important}.tutorial-editor-content{min-height:400px;padding:1.5rem;outline:none}.tutorial-editor-content p{margin:.75rem 0}.tutorial-editor-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.tutorial-editor-content pre{background:#1e293b;color:#f1f5f9;padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.tutorial-editor-content code{background:#f1f5f9;padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.tutorial-editor-content pre code{background:transparent;padding:0}.category-navbar{position:fixed;top:12px;left:12px;right:12px;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 8px 32px #5a008f14,0 1px 2px #5a008f0a;z-index:1000;padding:10px 20px;transition:all .5s cubic-bezier(.4,0,.2,1);max-width:calc(100% - 24px);margin:0 auto}.category-navbar.scrolled{background:#ffffffd9;top:8px;box-shadow:0 12px 40px #5a008f1f,0 1px 2px #5a008f0d;border-color:#d4b3ff66}.category-navbar-inner{display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:2px 8px;overflow-x:hidden;overflow-y:visible;min-width:0;box-sizing:border-box}.category-back-to-tutorials-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#d4b3ff1a;border:1px solid rgba(212,179,255,.3);border-radius:12px;color:#5a008f;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0;white-space:nowrap}.category-back-to-tutorials-button:hover{background:#d4b3ff33;border-color:#d4b3ff80;transform:translateY(-2px);box-shadow:0 4px 12px #d4b3ff4d}.category-back-to-tutorials-text{display:inline}.category-navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;min-width:0;transition:all .3s ease;padding:4px 8px;border-radius:8px}.category-navbar-logo:hover{transform:scale(1.05);opacity:.9;text-decoration:none}.category-navbar-logo:hover .category-logo-line{text-decoration:none}.category-logo-image{width:40px;height:40px;object-fit:contain}.category-logo-text{display:flex;flex-direction:column;line-height:1.2;font-size:1.125rem;font-weight:700}.category-logo-line{color:#5a008f;display:block;white-space:nowrap;text-decoration:none;font-family:Outfit,sans-serif;letter-spacing:-.02em}.category-navbar-menu{display:flex;gap:12px;align-items:center;flex:1;min-width:0;justify-content:center;padding:2px 0}.category-navbar-menu::-webkit-scrollbar{display:none}.category-navbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0;margin-left:auto;position:relative;overflow:visible}.category-search-form{position:relative;display:flex;align-items:center;flex-shrink:1;min-width:0}.category-search-icon{position:absolute;left:12px;color:#5a008f80;font-size:.875rem;z-index:1;pointer-events:none}.category-search-input{padding:8px 12px 8px 36px;border-radius:20px;font-size:.875rem;background:#fffc;border:1px solid rgba(212,179,255,.3);color:#5a008f;width:200px;max-width:200px;min-width:120px;transition:all .3s ease;box-sizing:border-box}.category-search-input::placeholder{color:#5a008f80}.category-search-input:focus{outline:none;background:#fff;border-color:#d4b3ff99;width:250px;box-shadow:0 0 0 3px #d4b3ff33}.relative{position:relative}.user-menu{position:relative;z-index:1001}.user-menu .category-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;border:1px solid rgba(212,179,255,.3);box-shadow:0 10px 40px #5a008f26,0 2px 8px #5a008f0d;min-width:200px;width:100%;max-width:250px;z-index:1002;overflow:hidden;animation:slideDown .25s cubic-bezier(.4,0,.2,1);display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto}.category-user-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#d4b3ff1a;border:1px solid rgba(212,179,255,.3);border-radius:20px;color:#5a008f;font-size:.875rem;cursor:pointer;transition:all .3s ease}.category-user-button:hover{background:#d4b3ff33;border-color:#d4b3ff80}.category-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-chevron{font-size:.75rem;transition:transform .3s ease}.category-chevron.rotated{transform:rotate(180deg)}.category-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;border:1px solid rgba(212,179,255,.3);box-shadow:0 10px 40px #5a008f26,0 2px 8px #5a008f0d;min-width:200px;width:100%;max-width:250px;z-index:1002;overflow:hidden;animation:slideDown .25s cubic-bezier(.4,0,.2,1);display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto}.category-user-dropdown-portal{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;border:1px solid rgba(212,179,255,.3);box-shadow:0 10px 40px #5a008f26,0 2px 8px #5a008f0d;min-width:200px;width:max-content;max-width:250px;z-index:10005;overflow:hidden;animation:slideDown .25s cubic-bezier(.4,0,.2,1);display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.category-user-action{display:block;width:100%;padding:12px 16px;color:#5a008f;text-decoration:none;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(212,179,255,.2);background:transparent;border-left:none;border-right:none;border-top:none;text-align:left;cursor:pointer}.category-user-action:last-child{border-bottom:none}.category-user-action:hover{background:#d4b3ff26;color:#5a008f;transform:translate(4px) scale(1.01)}.category-user-action.logout{color:#dc2626}.category-user-action.logout:hover{background:#dc26261a;color:#b91c1c}.category-dropdown-item{display:block;padding:14px 20px;font-size:.875rem;color:#5a008f;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(212,179,255,.2);position:relative;overflow:hidden;opacity:0;transform:translate(-10px);animation:itemEnter .25s cubic-bezier(.4,0,.2,1) forwards}.category-dropdown-item:nth-child(1){animation-delay:.05s}.category-dropdown-item:nth-child(2){animation-delay:.1s}.category-dropdown-item:nth-child(3){animation-delay:.15s}.category-dropdown-item:nth-child(4){animation-delay:.2s}.category-dropdown-item:nth-child(5){animation-delay:.25s}@keyframes itemEnter{0%{opacity:0;transform:translate(-10px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.category-dropdown-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,179,255,.1),transparent);transition:left .5s ease}.category-dropdown-item:hover:before{left:100%}.category-dropdown-item:last-child{border-bottom:none}.category-dropdown-item:hover{background:#d4b3ff26;color:#5a008f;padding-left:24px;transform:translate(4px) scale(1.02);box-shadow:inset 4px 0 #d4b3ff99}.category-dropdown-item:active{transform:translate(2px) scale(.98);transition:all .1s ease}.category-dropdown-item.active{background:#d4b3ff40;color:#5a008f;font-weight:700;box-shadow:inset 4px 0 #d4b3ffcc}.category-login-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#d4b3ff14;border:1px solid rgba(212,179,255,.15);border-radius:8px;color:#5a008f66;text-decoration:none;cursor:pointer;transition:all .3s ease;opacity:.6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.category-login-button:hover{background:#d4b3ff26;border-color:#d4b3ff4d;color:#5a008fb3;opacity:1;transform:scale(1.1);box-shadow:0 2px 8px #d4b3ff33}.category-login-shield{width:18px;height:18px;transition:all .3s ease}.category-login-button:hover .category-login-shield{transform:rotate(5deg)}.category-mobile-menu-button{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:#d4b3ff1a;border:1px solid rgba(212,179,255,.3);border-radius:8px;color:#5a008f;cursor:pointer;transition:all .3s ease}.category-mobile-menu-button:hover{background:#d4b3ff33;border-color:#d4b3ff80}.category-mobile-menu{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:11000;animation:fadeIn .3s ease;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.category-mobile-menu-content{position:fixed;inset:0 0 0 auto;width:85%;max-width:320px;background:linear-gradient(135deg,#fff,#faf5ff,#fff);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(212,179,255,.2);padding:24px;overflow-y:auto;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #5a008f26;display:flex;flex-direction:column}.category-mobile-link{display:block;padding:14px 16px;color:#5a008f;text-decoration:none;font-size:.9rem;font-weight:500;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.category-mobile-link:hover,.category-mobile-link.active{background:#d4b3ff26;color:#5a008f}.category-mobile-link.sub{padding-left:32px;font-size:.85rem;color:#5a008fb3}.category-mobile-link.logout{color:#ff6b6b}.category-mobile-link.logout:hover{background:#ff6b6b1a;color:#ff5252}.category-mobile-dropdown{margin-bottom:12px}.category-mobile-dropdown-header{padding:12px 16px;color:#5a008f;font-weight:600;font-size:.9rem;border-bottom:1px solid rgba(212,179,255,.3);margin-bottom:8px}.category-mobile-search{position:relative;margin:20px 0}.category-mobile-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#5a008f80;font-size:1rem}.category-mobile-search-input{width:100%;padding:12px 16px 12px 44px;border-radius:12px;background:#ffffffe6;border:1px solid rgba(212,179,255,.3);color:#5a008f;font-size:.9rem}.category-mobile-search-input::placeholder{color:#5a008f80}.category-mobile-search-input:focus{outline:none;background:#fff;border-color:#d4b3ff99;box-shadow:0 0 0 3px #d4b3ff33}.category-mobile-user{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.category-mobile-user-info{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:12px;color:#5a008f;font-weight:600}.category-mobile-login-button{display:block;width:100%;padding:14px 16px;background:linear-gradient(135deg,#5a008f,#6c2396);border:1px solid rgba(90,0,143,.3);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease;margin-top:20px}.category-mobile-login-button:hover{background:linear-gradient(135deg,#6c2396,#7d3fa3);border-color:#5a008f80;box-shadow:0 4px 12px #5a008f4d}.category-nav-link{display:inline-flex;align-items:center;padding:8px 18px;border-radius:100px;font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(127,0,255,.15);flex-shrink:0;color:#7f00ff;background:#ffffff80;position:relative;overflow:hidden}.category-nav-link:hover{color:#fff;background:#7f00ff;transform:translateY(-1px);box-shadow:0 4px 15px #7f00ff33;border-color:#7f00ff}.category-nav-link.active{color:#fff;background:#7f00ff;border-color:#7f00ff;box-shadow:0 4px 15px #7f00ff40}.category-dropdown{position:relative;flex-shrink:0}.category-dropdown-button{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:100px;font-size:.9rem;font-weight:600;color:#4b5563;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-dropdown-button:hover{color:#7f00ff;background:#7f00ff0d}.category-dropdown-button:active{transform:translateY(-1px) scale(1.01);transition:all .1s ease}.category-dropdown-button:focus-visible{outline:2px solid #5a008f;outline-offset:2px;border-radius:12px}.category-nav-link:focus-visible{outline:2px solid #5a008f;outline-offset:2px;border-radius:12px}.category-dropdown-item:focus-visible{outline:2px solid #5a008f;outline-offset:-2px;border-radius:4px}.category-user-button:focus-visible{outline:2px solid #5a008f;outline-offset:2px;border-radius:20px}.category-user-action:focus-visible{outline:2px solid #5a008f;outline-offset:-2px;border-radius:4px}.category-dropdown-icon{width:20px;height:20px;color:#5a008f;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.category-dropdown-icon.rotated{transform:rotate(180deg)}.category-dropdown-button:hover .category-dropdown-icon{color:#5a008f}.category-dropdown-button:active .category-dropdown-icon{transform:scale(.95)}.category-dropdown-menu{width:224px;max-width:calc(100vw - 2rem);background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;border:1px solid rgba(212,179,255,.3);box-shadow:0 20px 40px #5a008f26,0 8px 16px #5a008f1a,0 2px 8px #5a008f0d;overflow:hidden;opacity:0;transform:translateY(-10px) scale(.95);animation:dropdownEnter .25s cubic-bezier(.4,0,.2,1) forwards;z-index:1001}.category-dropdown-menu.submenu-flyout{width:200px;min-width:180px;max-width:calc(100vw - 2rem);opacity:0;transform:translate(-10px) scale(.95);animation:flyoutEnter .25s cubic-bezier(.4,0,.2,1) forwards;z-index:1002}@media (max-width: 768px){.category-dropdown-menu.submenu-flyout{width:180px;min-width:160px}}@keyframes flyoutEnter{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.category-mobile-close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#d4b3ff1a;border:1px solid rgba(212,179,255,.3);border-radius:8px;color:#5a008f;cursor:pointer;transition:all .2s ease;z-index:10}.category-mobile-close-button:hover{background:#d4b3ff33;transform:scale(1.05)}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.dropdown-exit{animation:dropdownExit .2s cubic-bezier(.4,0,.2,1) forwards}@media (min-width: 640px) and (max-width: 767px){.category-navbar{padding:14px 12px}.category-navbar-inner{gap:8px;padding:0 4px}.category-navbar-menu{display:none}.category-logo-text{font-size:.95rem}.category-logo-image{width:36px;height:36px}.category-search-form,.category-user-name{display:none}.category-mobile-menu-button{display:flex}}@media (max-width: 639px){.category-navbar{top:0;padding:12px}.category-navbar-inner{gap:8px;padding:0 4px;justify-content:space-between}.category-navbar-menu,.category-back-to-tutorials-text{display:none}.category-back-to-tutorials-button{padding:6px 8px}.category-logo-text{display:none}.category-logo-image{width:32px;height:32px}.category-search-form,.category-user-name{display:none}.category-login-button{width:32px;height:32px;padding:0}.category-login-shield{width:16px;height:16px}.category-mobile-menu-button{display:flex;min-width:44px;min-height:44px}.category-nav-link,.category-dropdown-button{padding:6px 12px;font-size:.8rem;min-height:44px;color:#fff}.category-dropdown-menu{width:200px;max-width:calc(100vw - 1rem)}.category-dropdown-item{padding:12px 16px;font-size:.8rem;min-height:44px;display:flex;align-items:center}.category-mobile-link{min-height:44px;display:flex;align-items:center}}@media (min-width: 768px) and (max-width: 1023px){.category-navbar{top:0;padding:14px 12px}.category-navbar-inner{gap:8px;padding:0 4px}.category-navbar-menu,.category-logo-text{display:none}.category-search-input{width:120px;font-size:.8rem}.category-search-input:focus{width:150px}.category-search-form{flex-shrink:1;min-width:0}.category-mobile-menu-button{display:flex}.category-nav-link,.category-dropdown-button{padding:7px 14px;font-size:.85rem}.category-user-name{max-width:80px}}@media (min-width: 1024px) and (max-width: 1279px){.category-navbar{top:0;padding:16px}.category-navbar-inner{gap:10px;padding:0 6px}.category-navbar-menu{gap:6px;flex-wrap:wrap}.category-mobile-menu-button{display:none}.category-nav-link,.category-dropdown-button{padding:8px 14px;font-size:.85rem}.category-search-input{width:180px}.category-search-input:focus{width:220px}}@media (min-width: 1280px){.category-navbar{top:0;padding:16px 20px}.category-navbar-inner{gap:12px;max-width:1400px;margin:0 auto}.category-navbar-menu{gap:8px}.category-mobile-menu-button{display:none}.category-nav-link,.category-dropdown-button{padding:8px 16px;font-size:.875rem}}.category-navbar-inner::-webkit-scrollbar{height:8px}.category-navbar-inner::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px}.category-navbar-inner::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid #f9fafb;transition:all .2s ease}.category-navbar-inner::-webkit-scrollbar-thumb:hover{background:#9ca3af;border-color:#f3f4f6}.category-navbar-inner::-webkit-scrollbar-thumb:active{background:#6b7280}.category-navbar-inner{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}@media (max-width: 1024px){.category-dropdown-menu,.category-user-dropdown{backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}}@media (max-width: 768px){.category-nav-link,.category-dropdown-button,.category-dropdown-item,.category-user-action,.category-mobile-link{min-height:44px;display:flex;align-items:center}}.training-header{margin-bottom:0;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff);padding:2rem;border-radius:16px;box-shadow:0 1px 3px #0000000d}.training-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#6c2396,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.25rem;line-height:1.1;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(0,0,0,.05);position:relative}.training-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:4px;background:linear-gradient(90deg,#6c2396,#8b5cf6);border-radius:2px}.training-description{font-size:1.25rem;color:#4b5563;margin-bottom:1.75rem;line-height:1.8;font-weight:400;padding:1.25rem 1.5rem;background:#fff;border-left:4px solid #6c2396;border-radius:8px;box-shadow:0 1px 2px #0000000d}.training-meta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.training-meta span{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.875rem;font-weight:600;color:#374151;box-shadow:0 1px 2px #0000000d;transition:all .2s}.training-meta span svg{flex-shrink:0;opacity:.8}.training-meta span:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.training-meta span:hover svg{opacity:1}.training-category{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#c4b5fd;color:#6b21a8}.training-type{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.training-difficulty{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#92400e}.training-duration{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46}@media (max-width: 768px){.training-header{padding:1.25rem 1.25rem 1rem;margin-bottom:0;border-radius:12px}.training-title{font-size:1.75rem;margin-bottom:1rem}.training-description{font-size:1rem;padding:1rem;margin-bottom:1.25rem}.training-meta{gap:.5rem}.training-meta span{padding:.5rem .875rem;font-size:.8125rem}}@media (max-width: 480px){.training-header{padding:1rem;border-radius:8px}.training-title{font-size:1.5rem}.training-description{font-size:.9375rem;padding:.875rem}.training-meta{flex-direction:column;align-items:stretch}.training-meta span{justify-content:center}}.training-media{margin-bottom:1.5rem}.training-video{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:1.5rem}.training-video-player{width:100%!important;height:auto!important}.training-thumbnail{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:1.5rem}.training-thumbnail img{width:100%;height:auto;display:block;object-fit:cover}.training-videos-list{margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.training-videos-list-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.training-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.training-video-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;text-align:left;padding:0;display:flex;flex-direction:column}.training-video-item:hover{border-color:#6c2396;box-shadow:0 4px 6px -1px #6c239633;transform:translateY(-2px)}.training-video-item.active{border-color:#6c2396;background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.training-video-item-thumbnail{width:100%;aspect-ratio:16/9;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.training-video-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;font-weight:600}.training-video-item-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.training-video-item-title{font-size:.9375rem;font-weight:600;color:#1f2937;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.training-video-item-duration{font-size:.8125rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.training-media{margin-bottom:1rem}.training-video,.training-thumbnail{margin-bottom:1rem;border-radius:8px}.training-videos-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.training-media{margin-bottom:.75rem}.training-video,.training-thumbnail{margin-bottom:.75rem;border-radius:6px}}.training-viewer{max-width:100%;width:100%;margin:0;padding:0;background:#fff;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;height:100%;display:flex;flex-direction:column}.training-viewer-loading,.training-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{font-size:1.25rem;color:#6b7280}.training-viewer-content-wrapper{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:1.5rem;flex:1;min-height:0}.training-viewer-main{min-width:0;display:flex;flex-direction:column;gap:0}@media (max-width: 1024px){.training-viewer-content-wrapper{grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}}@media (max-width: 768px){.training-viewer{padding:0}.training-viewer-content-wrapper{gap:1rem;margin-top:.75rem}}.top-notification{position:fixed;top:0;left:0;right:0;z-index:10000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:1rem 1.5rem;text-align:center;font-weight:600;font-size:.95rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-100%);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out;pointer-events:none}.top-notification.show{transform:translateY(0);opacity:1}.top-notification.hide{transform:translateY(-100%);opacity:0}.training-actions{display:flex;align-items:center;gap:.5rem}.btn-edit,.btn-share{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;font-size:.875rem;font-weight:500;transition:all .2s;text-decoration:none;border:none;cursor:pointer;flex-shrink:0}.btn-edit svg,.btn-share svg{width:20px;height:20px}.btn-edit{background:linear-gradient(135deg,#6c2396,#5a008f);color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#5a008f,#4a0073);transform:scale(1.1);box-shadow:0 4px 6px -1px #6c23964d}.btn-share{background:#f3f4f6;color:#374151}.btn-share:hover{background:#e5e7eb;transform:scale(1.1);box-shadow:0 4px 6px -1px #0000001a}.training-modal-overlay{position:fixed;inset:0;background-color:#fff;z-index:9999;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;animation:fadeIn .2s ease-out}.training-modal-container{position:relative;background:#fff;border-radius:0;width:100%;height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;margin:0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.training-modal-header{position:sticky;top:0;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:1rem 1.5rem;z-index:10000;background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:0;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.training-modal-menu-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;color:#374151;transition:all .2s;flex-shrink:0}.training-modal-menu-button:hover{background:#e5e7eb;color:#1f2937;transform:scale(1.05)}.training-modal-menu-button svg{width:24px;height:24px}.training-modal-actions{display:flex;align-items:center;gap:.5rem;flex:1}.training-modal-actions .training-actions{display:flex;align-items:center;gap:.5rem;margin:0;padding:0}.training-modal-actions .btn-edit,.training-modal-actions .btn-share{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;font-size:.875rem;font-weight:500;transition:all .2s;text-decoration:none;border:none;cursor:pointer;flex-shrink:0}.training-modal-actions .btn-edit svg,.training-modal-actions .btn-share svg{width:20px;height:20px}.training-modal-actions .btn-edit{background:linear-gradient(135deg,#6c2396,#5a008f);color:#fff}.training-modal-actions .btn-edit:hover{background:linear-gradient(135deg,#5a008f,#4a0073);transform:scale(1.1);box-shadow:0 4px 6px -1px #6c23964d}.training-modal-actions .btn-share{background:#f3f4f6;color:#374151}.training-modal-actions .btn-share:hover{background:#e5e7eb;transform:scale(1.1);box-shadow:0 4px 6px -1px #0000001a}.training-modal-close{background:#ef4444;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #ef44444d,0 2px 4px -1px #ef444433;flex-shrink:0;margin-left:auto;color:#fff}.training-modal-close:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 6px 8px -1px #ef444466,0 4px 6px -1px #ef44444d}.training-modal-close:active{transform:scale(.95);background:#b91c1c}.training-modal-close svg{color:#fff;stroke-width:2.5}.training-modal-search{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.training-modal-content{padding:2rem;flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;min-height:0;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.training-modal-content::-webkit-scrollbar{width:8px}.training-modal-content::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px;margin:8px 0}.training-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid #f9fafb;transition:all .2s ease}.training-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af;border-color:#f3f4f6}.training-modal-content::-webkit-scrollbar-thumb:active{background:#6b7280}.training-modal-content .training-viewer{padding:0;max-width:100%}@media (max-width: 1024px){.training-modal-content{padding:1.5rem}.training-viewer-content-wrapper{grid-template-columns:1fr;gap:1.5rem}.training-viewer-sidebar{position:static}}@media (max-width: 768px){.training-modal-header{padding:.75rem 1rem;gap:.5rem}.training-modal-menu-button{width:44px;height:44px}.training-modal-menu-button svg{width:22px;height:22px}.training-modal-actions .btn-edit,.training-modal-actions .btn-share{width:44px;height:44px}.training-modal-actions .btn-edit svg,.training-modal-actions .btn-share svg{width:18px;height:18px}.training-modal-close{width:44px;height:44px}.training-modal-close svg{width:24px;height:24px}.training-modal-content{padding:1rem}.training-viewer-content-wrapper{gap:1rem;margin-top:1.5rem}.training-header{margin-bottom:1.5rem}.training-title{font-size:1.75rem}}@media (max-width: 480px){.training-modal-header{padding:.5rem .75rem}.training-modal-content{padding:.75rem}.training-title{font-size:1.5rem}.training-description{font-size:1rem}}.training-video-uploader{margin-top:1.5rem}.training-video-uploader-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.training-video-uploader-header label{font-weight:600;font-size:.875rem;color:#374151}.video-count{font-size:.75rem;color:#6b7280}.training-video-upload-zone{border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;background-color:#f9fafb;transition:all .2s;position:relative}.training-video-upload-zone.dragging{border-color:#3b82f6;background-color:#eff6ff}.training-video-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.training-video-upload-button:hover:not(:disabled){background-color:#2563eb}.training-video-upload-button:disabled{opacity:.5;cursor:not-allowed}.training-video-upload-hint{margin-top:.75rem;font-size:.75rem;color:#6b7280}.training-video-file-input{display:none}.training-videos-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.training-video-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.training-video-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.training-video-item-drag{color:#9ca3af;cursor:grab}.training-video-item-drag:active{cursor:grabbing}.training-video-item-preview{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#eff6ff;border-radius:6px;color:#3b82f6}.training-video-item-info{flex:1;min-width:0}.training-video-item-name{font-weight:500;font-size:.875rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-video-item-path{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-video-item-actions{display:flex;align-items:center;gap:.5rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.availability-calendar{display:flex;flex-direction:column;gap:1.5rem}.availability-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.availability-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.availability-header p{font-size:.875rem;color:#6b7280;margin:0}.availability-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.availability-section{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.availability-section h4{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.availability-list{display:flex;flex-direction:column;gap:.75rem}.availability-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.availability-item:hover{background:#f3f4f6;border-color:#d1d5db}.availability-item.inactive{opacity:.6;background:#fef3c7}.availability-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.availability-day{font-size:.875rem;font-weight:600;color:#1f2937}.day-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.availability-time{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#6b7280}.availability-actions{display:flex;gap:.5rem}.empty-state{padding:2rem;text-align:center;color:#9ca3af;font-size:.875rem}.loading{padding:2rem;text-align:center;color:#6b7280}input[type=time]::-webkit-datetime-edit-ampm-field{display:none}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0);cursor:pointer}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;width:20px;height:20px;position:absolute;right:.75rem;filter:brightness(0) saturate(100%) invert(40%) sepia(8%) saturate(1000%) hue-rotate(195deg) brightness(95%) contrast(90%)}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(7500%) hue-rotate(212deg) brightness(95%) contrast(95%)}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-clear-button{opacity:0}input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=date]::-webkit-datetime-edit-text{color:#6b7280;padding:0 .25rem}input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{color:#1f2937;padding:0 .125rem;font-weight:500}input[type=date]:focus::-webkit-datetime-edit-text,input[type=date]:focus::-webkit-datetime-edit-month-field,input[type=date]:focus::-webkit-datetime-edit-day-field,input[type=date]:focus::-webkit-datetime-edit-year-field{color:#3b82f6}.appointments-manager{padding:1.5rem}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.manager-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#374151;background:#f9fafb}.tab-button.active{color:#8b5cf6;border-bottom-color:#8b5cf6;font-weight:600}.manager-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.appointments-table{overflow-x:auto;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.appointments-table table{width:100%;border-collapse:collapse}.appointments-table th{background-color:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;border-bottom:1px solid #e5e7eb}.appointments-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#1f2937}.appointments-table tr:hover{background-color:#f9fafb}.appointments-table .empty-state{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.training-config-manager{padding:0}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.manager-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.config-types-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #e5e7eb}.type-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:#6b7280;font-weight:500;font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;position:relative}.type-tab:hover{color:#374151;background:#f9fafb}.type-tab.active{color:#6c2396;border-bottom-color:#6c2396;font-weight:600}.config-type-info{margin-bottom:1.5rem;padding:1rem 1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.875rem;line-height:1.6;font-weight:400}.config-type-info p{margin:0;color:#374151}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;color:#1f2937;background-color:#fff;transition:all .2s;box-sizing:"border-box"}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6c2396;box-shadow:0 0 0 3px #6c23961a}.form-group input:disabled,.form-group select:disabled{background:#f3f4f6;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer;accent-color:#6c2396}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.configs-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.configs-table table{width:100%;border-collapse:collapse}.configs-table thead{background:#f9fafb}.configs-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;letter-spacing:.025em;border-bottom:2px solid #e5e7eb;background:#f9fafb}.configs-table td{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1f2937}.configs-table tbody tr:hover{background:#f9fafb}.configs-table tbody tr.dragging{opacity:.5;background:#f3f4f6}.configs-table tbody tr.dragging td{cursor:grabbing!important}.configs-table .empty-state{text-align:center;color:#6b7280;padding:2rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:.5rem}.btn-primary,.btn-secondary,.btn-icon,.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb}.btn-icon{padding:.5rem;background:transparent;color:#6b7280;border:1px solid transparent}.btn-icon:hover{background:#f3f4f6;color:#374151}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 10px 25px #00000026}.modal-content h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-content p{margin:0 0 1.5rem;color:#6b7280}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.loading{text-align:center;padding:2rem;color:#6b7280}.editor-modal-overlay{position:fixed;inset:0;background:#fff;z-index:2000;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;will-change:opacity}@media (prefers-reduced-motion: reduce){.editor-modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.editor-modal-container{width:100%;height:100vh;background:#fff;color:#0f172a;border:none;border-radius:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;outline:none;will-change:transform,opacity;position:relative}.editor-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(15,23,42,.08);background:#fff;position:relative;z-index:1}.editor-modal-title-top{font-weight:700;font-size:18px;color:#0f172a;letter-spacing:-.02em}.editor-modal-title-sub{font-size:13px;color:#0f172abf;margin-top:4px;font-weight:500}.editor-modal-header-actions{display:flex;gap:10px;align-items:center}.editor-modal-close{width:40px;height:40px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#0f172a;will-change:transform,background}.editor-modal-close:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444;box-shadow:0 4px 12px #ef444426}.editor-modal-close:active{transform:scale(.95)}.editor-modal-close:focus-visible{outline:3px solid rgba(59,130,246,.4);outline-offset:2px;box-shadow:0 0 0 4px #3b82f61a}.editor-modal-body{display:flex;flex:1;overflow:hidden;min-height:0}.editor-modal-sidebar{width:120px;min-width:100px;background:#fff;border-right:0px solid rgba(15,23,42,.06);padding:32px 3px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;overflow-x:hidden;align-items:center;margin:8px}.editor-modal-sidebar::-webkit-scrollbar{display:none}.editor-modal-sidebar{-ms-overflow-style:none;scrollbar-width:none}.editor-modal-tab{border:none;background:transparent;border-radius:12px;padding:8px 4px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;color:#94a3b8;transition:color .2s ease,transform .2s ease;position:relative;will-change:transform,color;text-align:center;width:100%;max-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.editor-modal-tab:hover{background:transparent;color:#6c2396;transform:translateY(-2px)}.editor-modal-tab:active{transform:scale(.95)}.editor-modal-tab:focus-visible{outline:none}.editor-modal-tab.active{background:transparent;color:#6025be;font-weight:600;box-shadow:none}.editor-modal-tab svg{width:24px;height:24px;stroke-width:2px;transition:all .2s ease;opacity:.7}.editor-modal-tab:hover svg{opacity:1;stroke:#6c2396;transform:scale(1.1)}.editor-modal-tab.active svg{opacity:1;stroke:#6025be;transform:scale(1.05);filter:none}.editor-modal-tab-indicator{display:none}.editor-modal-content{flex:1;overflow:auto;padding:24px;background:#f6f7fb;scrollbar-gutter:stable both-edges;position:relative;color:#0f172a;min-width:0}.editor-modal-content::-webkit-scrollbar{width:8px}.editor-modal-content::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px;margin:8px 0}.editor-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid #f9fafb;transition:all .2s ease}.editor-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af;border-color:#f3f4f6}.editor-modal-content::-webkit-scrollbar-thumb:active{background:#6b7280}.editor-modal-content{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.editor-modal-content h3{font-size:18px;font-weight:600;color:#334155;margin-bottom:24px}.editor-form-group{margin-bottom:20px}.editor-form-label{display:block;font-size:14px;font-weight:500;color:#64748b;margin-bottom:8px}.editor-form-input,.editor-form-select,.editor-form-textarea{width:100%;padding:12px 16px;font-size:14px;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.editor-form-input:focus,.editor-form-select:focus,.editor-form-textarea:focus{outline:none;border-color:#6c2396;box-shadow:0 0 0 3px #6c23961a}.editor-form-input::placeholder{color:#94a3b8}.editor-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.editor-form-row{grid-template-columns:1fr}}.editor-modal-mode{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:#f8fafc;border:1px solid rgba(15,23,42,.12);position:relative}.editor-modal-mode-label{font-size:12px;color:#0f172a;padding-left:8px;font-weight:500}.editor-modal-mode-btn{border:1px solid transparent;background:transparent;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#0f172a;position:relative;z-index:1;will-change:transform,color}.editor-modal-mode-btn.active{background:#fff;border-color:#0f172a33;color:#0f172a;box-shadow:0 1px 3px #0000001a}.editor-modal-mode-btn:not(.active):hover{background:#0f172a0d;color:#0f172a}.editor-modal-mode-btn:focus-visible{outline:3px solid rgba(59,130,246,.4);outline-offset:2px}.editor-modal-unauth{padding:32px;text-align:center}.editor-modal-unauth h2{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:8px}.editor-modal-unauth p{font-size:14px;color:#0f172ab3}@media (max-width: 768px){.editor-modal-overlay{padding:0;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.editor-modal-container{width:100vw;height:100vh;border-radius:0;border:none;box-shadow:none}.editor-modal-container:before{display:none}.editor-modal-header{align-items:flex-start;gap:12px;flex-wrap:wrap;padding:16px 20px}.editor-modal-title-top{font-size:16px}.editor-modal-body{flex-direction:column}.editor-modal-sidebar{width:100%;min-width:100%;max-height:200px;border-right:none;border-bottom:1px solid rgba(15,23,42,.08);padding:12px;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;background:#f8fafc;border-bottom:2px solid #e2e8f0;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.editor-modal-sidebar:after{content:"";flex:0 0 12px}.editor-modal-tab{padding:10px 16px;font-size:13px;white-space:nowrap;flex-shrink:0;background:#fff;border:1px solid #e2e8f0;border-radius:20px;scroll-snap-align:start;box-shadow:0 1px 2px #0000000d}.editor-modal-tab.active{border-color:transparent;box-shadow:0 2px 4px #6c239640}.editor-modal-tab-indicator{inset:auto 0 0;width:100%;height:3px;transform:none;border-radius:2px 2px 0 0}.editor-modal-content{padding:16px}.editor-modal-close{width:36px;height:36px}.editor-modal-mode{flex-wrap:wrap;gap:4px}.editor-modal-mode-btn{padding:5px 10px;font-size:11px}}@media (prefers-reduced-motion: reduce){.editor-modal-tab,.editor-modal-close,.editor-modal-mode-btn{transition:none}.editor-modal-container:before{display:none}}.App{min-height:100vh;text-align:center}body{padding-top:70px}body.no-padding-top{padding-top:0!important}@media (max-width: 768px){body{padding-top:60px}body.no-padding-top{padding-top:0!important}}@media (max-width: 480px){body{padding-top:60px}body.no-padding-top{padding-top:0!important}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background:#0003}.custom-scrollbar.bg-slate-900::-webkit-scrollbar-thumb{background:#ffffff1a}.custom-scrollbar.bg-slate-900:hover::-webkit-scrollbar-thumb{background:#fff3}:root{--lukos-accent: #7D26CD;--lukos-bg: #FFFFFF;--lukos-card: #F8FAFC;--lukos-border: #E2E8F0;--lukos-text-primary: #0F172A;--lukos-text-secondary: #64748B;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--white: #ffffff;--black: #000000;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-family-primary: '"BTG Pactual Sans"', "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: '"BTG Pactual Sans"', "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--gray-900);background-color:var(--white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-bold);line-height:1.2;color:var(--gray-900);margin-bottom:var(--space-4);letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.text-premium-gradient{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading-geometric{font-family:var(--font-family-heading);font-weight:var(--font-black);letter-spacing:-.04em;line-height:1}.text-inter{font-family:var(--font-family-primary)}.text-outfit{font-family:var(--font-family-heading)}p{margin-bottom:var(--space-4);color:var(--gray-700)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-600);color:var(--white);border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--white);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background-color:transparent;color:var(--gray-700);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--gray-900)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:1.5;color:var(--gray-900);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--gray-400)}.input:disabled{background-color:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:var(--primary-100);color:var(--primary-800)}.badge-success{background-color:var(--success-50);color:var(--success-600)}.badge-warning{background-color:var(--warning-50);color:var(--warning-600)}.badge-error{background-color:var(--error-50);color:var(--error-600)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.grid{display:grid;gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-in-up{animation:slideInUp var(--transition-normal) ease-out}.animate-slide-in-down{animation:slideInDown var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.hidden-mobile{display:none}.visible-mobile,.hidden-tablet{display:block}.visible-tablet{display:none}.hidden-desktop{display:block}.visible-desktop{display:none}.p-responsive{padding:var(--space-4)}.m-responsive{margin:var(--space-4)}.gap-responsive{gap:var(--space-4)}.text-responsive-xl{font-size:clamp(var(--text-lg),4vw,var(--text-3xl))}.text-responsive-lg{font-size:clamp(var(--text-base),3vw,var(--text-2xl))}.text-responsive-md{font-size:clamp(var(--text-sm),2.5vw,var(--text-xl))}.grid-responsive{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-6)}.flex-responsive{display:flex;flex-direction:column;gap:var(--space-4)}.container-responsive{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.img-responsive{width:100%;max-width:100%;height:auto;object-fit:cover}.btn-responsive{width:100%;min-height:44px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);justify-content:center}.card-responsive{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all var(--transition-normal)}.overflow-responsive{overflow-x:hidden;overflow-y:auto}@media (max-width: 767px){.container,.container-responsive{padding:0 var(--space-3)}.grid-responsive{grid-template-columns:1fr;gap:var(--space-4)}.flex-responsive{flex-direction:column;gap:var(--space-3)}.btn-responsive{width:100%;padding:var(--space-4) var(--space-6)}.card-responsive{padding:var(--space-4)}.p-responsive{padding:var(--space-3)}.m-responsive{margin:var(--space-3)}.gap-responsive{gap:var(--space-3)}.hidden-mobile{display:none!important}.visible-mobile{display:block!important}}@media (min-width: 768px){.container,.container-responsive{padding:0 var(--space-6)}.grid-responsive{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.flex-responsive{flex-direction:row;gap:var(--space-6)}.btn-responsive{width:auto;min-width:120px}.card-responsive{padding:var(--space-6)}.hidden-tablet{display:none!important}.visible-tablet{display:block!important}.visible-mobile{display:none!important}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width: 1024px){.container,.container-responsive{padding:0 var(--space-8)}.grid-responsive{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.flex-responsive{flex-direction:row;gap:var(--space-8)}.btn-responsive{width:auto;min-width:140px}.card-responsive,.p-responsive{padding:var(--space-8)}.m-responsive{margin:var(--space-8)}.gap-responsive{gap:var(--space-8)}.hidden-desktop{display:none!important}.visible-desktop{display:block!important}.visible-tablet{display:none!important}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width: 1280px){.container,.container-responsive{max-width:1400px;padding:0 var(--space-10)}.grid-responsive{grid-template-columns:repeat(4,1fr);gap:var(--space-10)}.flex-responsive{gap:var(--space-10)}.card-responsive,.p-responsive{padding:var(--space-10)}.m-responsive{margin:var(--space-10)}.gap-responsive{gap:var(--space-10)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-color-scheme: dark){:root{--white: #ffffff;--black: #ffffff;--gray-50: #1e293b;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #cbd5e1;--gray-600: #e2e8f0;--gray-700: #f1f5f9;--gray-800: #f8fafc;--gray-900: #ffffff}}.page-container{min-height:100vh;padding:var(--space-8) var(--space-4);max-width:1200px;margin:0 auto;animation:fadeIn var(--transition-normal) ease-out}.page-header{text-align:center;margin-bottom:var(--space-12);animation:slideInDown var(--transition-normal) ease-out}.page-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:var(--text-lg);color:var(--gray-600);margin-bottom:var(--space-4);max-width:600px;margin-left:auto;margin-right:auto}.breadcrumb{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--gray-600);display:flex;align-items:center;gap:var(--space-2);justify-content:center}.breadcrumb a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--primary-700);text-decoration:underline}.page-content{margin-top:var(--space-8);animation:slideInUp var(--transition-normal) ease-out}.placeholder-content{text-align:center;padding:var(--space-12) var(--space-6);background:linear-gradient(135deg,var(--gray-50),var(--secondary-50));border-radius:var(--radius-2xl);border:2px dashed var(--gray-300);position:relative;overflow:hidden}.placeholder-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600),var(--primary-500));background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.placeholder-content h2{color:var(--gray-800);margin-bottom:var(--space-4);font-weight:var(--font-semibold)}.placeholder-content p{color:var(--gray-600);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.placeholder-card{background:var(--white);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;font-weight:var(--font-medium);color:var(--gray-700);border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden}.placeholder-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));transform:scaleX(0);transition:transform var(--transition-normal)}.placeholder-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.placeholder-card:hover:before{transform:scaleX(1)}.search-section{margin-bottom:var(--space-8);animation:slideInDown var(--transition-normal) ease-out}.search-input{width:100%;max-width:600px;padding:var(--space-4) var(--space-6);border:2px solid var(--gray-300);border-radius:var(--radius-xl);font-size:var(--text-base);margin:0 auto;display:block;background:var(--white);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a,var(--shadow-md);transform:translateY(-1px)}.search-input::placeholder{color:var(--gray-400);font-weight:var(--font-normal)}.filters-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.filters-section h3{margin-bottom:1rem;color:#495057}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filters-grid select{padding:.5rem;border:1px solid #ffffff;border-radius:4px;background:#fff}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.tutorial-actions{margin:2rem 0}.tutorial-info{margin-top:2rem}.info-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:left;max-width:400px;margin:0 auto}.info-card h3{margin-bottom:1rem;color:#495057}.info-card p{margin-bottom:.5rem;color:#6c757d}.about-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.about-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center}.about-card h3{color:#495057;margin-bottom:1rem}.about-card p{color:#6c757d;line-height:1.6}.search-results{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:2rem}@media (max-width: 768px){.page-container{padding:1rem .5rem}.page-header h1{font-size:2rem}.placeholder-grid,.filters-grid,.about-sections{grid-template-columns:1fr}}