@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--bg:#07111f;--bg-soft:#0c1728;--bg-ink:#101d32;--panel:rgba(12,23,40,.72);--panel-strong:rgba(14,28,48,.92);--line:hsla(0,0%,100%,.08);--line-strong:hsla(0,0%,100%,.14);--text:#eef4ff;--text-secondary:#9fb0ca;--muted:#9fb0ca;--muted-strong:#c4d0e2;--cream:#f6efe5;--red:#f64a42;--gold:#ffbf75;--blue:#2a56d4;--green:#34d399;--shadow:0 30px 90px rgba(0,0,0,.35);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--radius-xs:10px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(246,74,66,.18),transparent 28%),radial-gradient(circle at 85% 10%,rgba(42,86,212,.22),transparent 22%),linear-gradient(180deg,#06101d,#091322);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.38),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.38),transparent 88%);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{line-height:1.1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible{outline:2px solid rgba(42,86,212,.55);outline-offset:3px}.btn-primary{background:linear-gradient(135deg,#ff5d4d,#f23535);color:#fff;box-shadow:0 12px 30px rgba(242,53,53,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(242,53,53,.4)}.btn-secondary{background:hsla(0,0%,100%,.06);color:var(--cream);border-color:hsla(0,0%,100%,.12)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.btn-ghost{background:hsla(0,0%,100%,.05);color:var(--text);border-color:hsla(0,0%,100%,.08)}.btn-ghost:hover{background:hsla(0,0%,100%,.1)}.btn-small{padding:.55rem 1rem;font-size:.85rem}.btn-danger{background:rgba(246,74,66,.15);color:#ff6b6b;border-color:rgba(246,74,66,.2)}.btn-danger:hover{background:rgba(246,74,66,.25)}.btn-success{background:rgba(52,211,153,.15);color:#34d399;border-color:rgba(52,211,153,.2)}.btn-google:hover{background:hsla(0,0%,100%,.05)}.glass-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:1.5rem}.card{position:relative;overflow:hidden;border-radius:26px;border:1px solid hsla(0,0%,100%,.08);background:linear-gradient(180deg,hsla(0,0%,100%,.065),hsla(0,0%,100%,.02)),rgba(7,16,30,.95);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);border-color:hsla(0,0%,100%,.15);box-shadow:0 20px 50px rgba(0,0,0,.28)}.card:active{transform:translateY(-2px) scale(.995)}.has-spotlight{position:relative}.has-spotlight:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .22s ease;background:radial-gradient(520px circle at var(--spot-x,50%) var(--spot-y,35%),hsla(0,0%,100%,.1),hsla(0,0%,100%,.04) 35%,transparent 60%);mix-blend-mode:screen}.has-spotlight:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){.btn,.card,.has-spotlight:before{transition:none!important;animation:none!important}}.progress-bar{height:6px;border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.08)}.progress-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6a59,#ffb975);transition:width .3s ease}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-label{font-size:.85rem;font-weight:500;color:var(--muted-strong)}.form-input,.form-select,.form-textarea{padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04);color:var(--text);font-size:.95rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--blue)}.form-textarea{resize:vertical;min-height:100px}.form-select option{background:var(--bg);color:var(--text)}.chip{display:inline-flex;align-items:center;padding:.4rem .7rem;border-radius:999px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07);font-size:.78rem;color:var(--muted-strong)}.chip-active{background:linear-gradient(135deg,rgba(246,74,66,.22),rgba(255,191,117,.12));color:#fff;border-color:hsla(0,0%,100%,.16)}.badge{padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge-green{background:rgba(52,211,153,.15);color:#34d399}.badge-red{background:rgba(246,74,66,.15);color:#ff6b6b}.badge-blue{background:rgba(42,86,212,.15);color:#6b9fff}.badge-gold{background:rgba(255,191,117,.15);color:#ffbf75}.section-label{color:#ffb9b2;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;justify-content:space-between;gap:1.5rem;padding:1rem 2rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(5,12,22,.75);border-bottom:1px solid hsla(0,0%,100%,.05)}.navbar,.navbar-brand{display:flex;align-items:center}.navbar-brand{gap:.8rem;text-decoration:none}.navbar-logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.11);display:grid;place-items:center;overflow:hidden}.navbar-logo img{width:30px;height:30px;object-fit:contain}.navbar-title{font-size:1.05rem;font-weight:700;letter-spacing:.01em}.navbar-nav{display:flex;align-items:center;gap:1.2rem}.navbar-link{color:var(--muted);font-size:.92rem;font-weight:500;transition:color .2s ease;padding:.4rem 0}.navbar-link.active,.navbar-link:hover{color:var(--text)}.navbar-actions{display:flex;align-items:center;gap:.8rem}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;background:rgba(5,12,22,.9);border-right:1px solid var(--line);padding:1.5rem 0;display:flex;flex-direction:column}.admin-sidebar-brand{display:flex;align-items:center;gap:.8rem;padding:0 1.25rem 1.5rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.admin-sidebar-nav{display:flex;flex-direction:column;gap:.2rem;padding:0 .75rem;flex:1 1}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);color:var(--muted);font-size:.9rem;font-weight:500;transition:all .2s ease;text-decoration:none}.admin-nav-item:hover{background:hsla(0,0%,100%,.05);color:var(--text)}.admin-nav-item.active{background:rgba(246,74,66,.12);color:#ff8a80}.admin-content{padding:2rem;overflow-y:auto}.dashboard-content{max-width:1400px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:800;margin-bottom:.3rem}.page-header p{color:var(--muted);font-size:1rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.25rem;gap:1.25rem}.course-category-stack{display:flex;flex-direction:column;gap:2.5rem}.course-category-section{display:flex;flex-direction:column;gap:1rem}.course-category-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.course-category-stack>.course-category-section:not(:first-child){border-top:1px solid hsla(0,0%,100%,.08);padding-top:2.25rem;margin-top:.25rem}.course-card{cursor:pointer}.course-card-media{height:180px;overflow:hidden;border-bottom:1px solid hsla(0,0%,100%,.08);position:relative}.course-card-media img{width:100%;height:100%;object-fit:cover}.course-card-body{padding:1.15rem;display:flex;flex-direction:column;gap:.6rem}.course-card-body h3{font-size:1.15rem;font-weight:700}.course-card-body p{color:var(--muted);font-size:.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-footer{display:flex;align-items:center;justify-content:space-between}.course-card-chips{display:flex;flex-wrap:wrap;gap:.4rem}.video-container{position:relative;width:100%;padding-top:56.25%;border-radius:var(--radius-lg);overflow:hidden;background:#000;border:1px solid hsla(0,0%,100%,.08)}.video-container .video-overlay,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-overlay{z-index:2;pointer-events:none;background:transparent}.video-container:after{content:"";position:absolute;top:0;right:0;width:180px;height:60px;z-index:3;background:#000;pointer-events:none}.lesson-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:1.5rem;gap:1.5rem;align-items:start}.lesson-main{gap:1.5rem}.lesson-main,.lesson-sidebar{display:flex;flex-direction:column}.lesson-sidebar{gap:1rem;position:-webkit-sticky;position:sticky;top:5rem}.lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.notes-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.note-item{padding:.85rem;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06)}.note-timestamp{color:var(--gold);font-size:.78rem;font-weight:600;cursor:pointer}.note-content{color:var(--muted-strong);font-size:.88rem;margin-top:.3rem}.note-actions{display:flex;gap:.5rem;margin-top:.4rem}.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);transition:background .2s ease}.attachment-item:hover{background:hsla(0,0%,100%,.06)}.attachment-info{display:flex;flex-direction:column;gap:.15rem}.attachment-name{font-size:.9rem;font-weight:500}.attachment-meta{font-size:.78rem;color:var(--muted)}.file-badge{padding:.3rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;background:linear-gradient(135deg,rgba(246,74,66,.24),rgba(255,191,117,.18));border:1px solid hsla(0,0%,100%,.11);color:#fff1ef}.landing-hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;position:relative}.landing-hero h1{font-size:clamp(3rem,6vw,5.5rem);font-weight:900;letter-spacing:-.04em;line-height:.95;margin-bottom:1.2rem}.landing-hero h1 span{color:var(--cream)}.landing-hero p{font-size:1.15rem;color:var(--muted-strong);max-width:600px;margin:0 auto 2rem}.landing-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-features{padding:5rem 2rem;max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2.5rem}.feature-card{padding:2rem;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease}.feature-card:hover{transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.feature-card p{color:var(--muted);font-size:.92rem}.landing-courses{padding:5rem 2rem;max-width:1200px;margin:0 auto}.landing-pricing{padding:5rem 2rem;text-align:center}.pricing-card{max-width:480px;margin:2rem auto 0;padding:2.5rem;border-radius:var(--radius-xl);background:var(--panel-strong);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pricing-amount{font-size:4rem;font-weight:900;margin:1rem 0}.pricing-amount span{font-size:1.5rem;color:var(--muted)}.pricing-features{list-style:none;text-align:left;margin:1.5rem 0;display:flex;flex-direction:column;gap:.75rem}.pricing-features li{color:var(--muted-strong);font-size:.95rem;padding-left:1.5rem;position:relative}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.landing-reviews{padding:4rem 0 5rem;overflow:hidden;position:relative}.landing-reviews:after,.landing-reviews:before{content:"";position:absolute;top:0;bottom:0;width:min(12vw,160px);z-index:2;pointer-events:none}.landing-reviews:before{left:0;background:linear-gradient(90deg,#07111f,transparent)}.landing-reviews:after{right:0;background:linear-gradient(270deg,#07111f,transparent)}.reviews-marquee{display:flex;flex-direction:column;gap:1rem}.reviews-track{display:flex;gap:1rem;will-change:transform;animation:reviewsSlide 36s linear infinite}.reviews-track-reverse{animation-name:reviewsSlideReverse;animation-delay:-18s}.reviews-track:hover{animation-play-state:paused}.reviews-group{display:flex;gap:1rem;flex:0 0 auto}.review-image-tile{width:min(74vw,380px);height:240px;flex:0 0 auto;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:hsla(0,0%,100%,.04);box-shadow:0 18px 50px rgba(0,0,0,.26)}.review-image-tile img{width:100%;height:100%;object-fit:cover}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1 1}.app-footer{padding:2.25rem 2rem;border-top:1px solid var(--line);background:rgba(5,12,22,.75);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-footer .muted,.footer-links{color:var(--muted);font-size:.88rem}.footer-links{display:flex;gap:1rem}.footer-links a:hover{color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{padding:1.5rem}.stat-value{font-size:2rem;font-weight:800}.stat-label{color:var(--muted);font-size:.85rem;margin-top:.2rem}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line)}.data-table th{font-size:.82rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.data-table tr:hover td{background:hsla(0,0%,100%,.02)}.review-image-preview{overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--line);background:hsla(0,0%,100%,.04)}.review-image-preview img{width:100%;max-height:220px;object-fit:cover}.sections-list{display:flex;flex-direction:column;gap:1rem}.section-block{border-radius:var(--radius-lg);border:1px solid var(--line);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--line)}.section-header h3{font-size:1rem;font-weight:600}.lessons-list{display:flex;flex-direction:column}.lesson-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid hsla(0,0%,100%,.04);transition:background .2s ease}.lesson-row:last-child{border-bottom:none}.lesson-row:hover{background:hsla(0,0%,100%,.02)}.lesson-row-info{display:flex;align-items:center;gap:.75rem}.lesson-row-actions{display:flex;gap:.4rem}.lesson-row-locked{cursor:not-allowed;opacity:.65}.lesson-row-locked,.lesson-row-locked:hover{background:hsla(0,0%,100%,.015)}.lesson-lock{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.55);flex-shrink:0;font-size:.8rem}.curriculum-list{display:flex;flex-direction:column;gap:.5rem}.curriculum-section-title{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:.5rem 0}.curriculum-lesson{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:var(--radius-xs);font-size:.88rem;color:var(--muted-strong);transition:all .2s ease;cursor:pointer;text-decoration:none}.curriculum-lesson:hover{background:hsla(0,0%,100%,.05);color:var(--text)}.curriculum-lesson.active{background:rgba(246,74,66,.12);color:#ff8a80}.curriculum-lesson.completed{color:var(--green)}.lesson-check{width:18px;height:18px;border-radius:50%;border:2px solid hsla(0,0%,100%,.15);flex-shrink:0;display:grid;place-items:center;font-size:.65rem}.lesson-check.done{background:var(--green);border-color:var(--green);color:#000}.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:2rem}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:2rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{font-size:1.3rem;font-weight:700}.modal-close{width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.05);border:1px solid var(--line);color:var(--text);cursor:pointer;display:grid;place-items:center;font-size:1.1rem;transition:background .2s ease}.modal-close:hover{background:hsla(0,0%,100%,.1)}.toast{position:fixed;bottom:2rem;right:2rem;z-index:300;padding:1rem 1.5rem;border-radius:var(--radius-md);background:var(--panel-strong);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideUp .3s ease;font-size:.92rem;max-width:400px}.toast-success{border-color:rgba(52,211,153,.3)}.toast-error{border-color:rgba(246,74,66,.3)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.auth-card{width:100%;max-width:440px;padding:2.5rem;background:var(--panel-strong);border:1px solid var(--line-strong);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card h1{font-size:1.8rem;font-weight:800;margin-bottom:.3rem}.auth-card .subtitle{color:var(--muted);margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--muted);font-size:.85rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;border-bottom:1px solid hsla(0,0%,100%,.1)}.auth-divider span{padding:0 1rem}.auth-footer{margin-top:1.5rem;text-align:center;color:var(--muted);font-size:.88rem}.auth-footer a{color:var(--cream);font-weight:500}.auth-error{padding:.75rem 1rem;border-radius:var(--radius-sm);background:rgba(246,74,66,.1);border:1px solid rgba(246,74,66,.2);color:#ff8a80;font-size:.88rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes reviewsSlide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes reviewsSlideReverse{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.animate-fade{animation:fadeIn .5s ease}.animate-rise{animation:fadeRise .6s ease both}@media (max-width:1100px){.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static}}@media (max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.navbar{padding:1rem;flex-wrap:wrap}.courses-grid{grid-template-columns:1fr}}@media (max-width:600px){.landing-hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}.admin-content,.dashboard-content{padding:1rem}.review-image-tile{height:190px}}.content-toggle{display:inline-flex;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:999px;padding:.3rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.content-toggle button{padding:.6rem 1.5rem;border-radius:999px;border:none;background:transparent;color:var(--muted);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:.01em}.content-toggle button.active{background:linear-gradient(135deg,rgba(246,74,66,.22),rgba(255,191,117,.14));color:var(--text);box-shadow:0 4px 16px rgba(246,74,66,.18),inset 0 1px 0 hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);transform:scale(1.02)}.content-toggle button:hover:not(.active){color:var(--muted-strong);background:hsla(0,0%,100%,.05)}.content-toggle button:active{transform:scale(.97)}.slide-viewer{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-lg);overflow:hidden;border:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:center}.slide-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.slide-nav{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);gap:1rem;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.1)}.slide-nav,.slide-nav button{display:flex;align-items:center}.slide-nav button{background:transparent;border:none;color:#fff;cursor:pointer;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background .2s ease}.slide-nav button:hover:not(:disabled){background:hsla(0,0%,100%,.1)}.slide-nav button:disabled{opacity:.3;cursor:not-allowed}.slide-counter{color:#fff;font-size:.85rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}