@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}.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}.lvs-section{background:#fff;padding:120px 0 40px;color:#0f172a;font-family:Inter,sans-serif;position:relative;overflow:hidden;scroll-margin-top:80px}.lvs-container{max-width:1200px;margin:0 auto;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-subtitle{font-size:11px;font-weight:900;letter-spacing:.2em;color:#8200ff;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:16px}.lvs-subtitle:before,.lvs-subtitle:after{content:"";width:40px;height:2px;background:#8200ff;border-radius:2px;opacity:.2}.lvs-title{font-family:Inter,sans-serif;font-size:72px;font-weight:900;line-height:.9;margin-bottom:16px;letter-spacing:-.05em;color:#0f172a}.lvs-highlight{color:#8200ff;font-weight:800;position:relative;display:inline-block}.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:#6900931a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#690093}.lvs-description{color:#94a3b8;font-size:15px;line-height:1.6;margin-bottom:32px}.lvs-btn{display:inline-block;background-color:#690093;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-container{position:relative;width:100%;max-width:1100px;margin:0 auto;border-radius:48px;background:#fff;padding:16px;border:1px solid #f1f5f9;box-shadow:0 40px 100px #00000014}.lvs-video-frame{width:100%;aspect-ratio:16 / 9;border-radius:36px;overflow:hidden;position:relative;background:#000}.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%)}.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}}.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}}