.section-header{margin-bottom:var(--padding-container);padding-left:var(--padding-section-sm);padding-right:var(--padding-section-sm)}@media (min-width:768px){.section-header{padding-left:var(--padding-section-md);padding-right:var(--padding-section-md)}}@media (min-width:1024px){.section-header{padding-left:var(--padding-section-xl);padding-right:var(--padding-section-xl)}}.section-header--left{text-align:left}.section-header--center{text-align:center}.section-header--right{text-align:right}.section-header-title{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles);margin-bottom:var(--margin-sm)}.section-header-subtitle{font-size:var(--text-body-lg);color:var(--muted);line-height:var(--leading-tight);margin-bottom:var(--margin-lg)}.section-header-actions{gap:var(--gap-md);margin-top:var(--margin-lg);align-items:center;display:flex}.section-header--center .section-header-actions{justify-content:center}.section-header--left .section-header-actions{justify-content:flex-start}.section-header--right .section-header-actions{justify-content:flex-end}
.doc-layout{grid-template-columns:280px 1fr;gap:0;min-height:calc(100vh - 64px);display:grid}.doc-layout-sidebar{border-right:1px solid var(--border);padding:var(--padding-section-md)var(--gap-xl);background:var(--bg);height:calc(100vh - 64px);position:sticky;top:64px;overflow-y:auto}.doc-layout-content{width:100%}.doc-nav-section{margin-bottom:var(--gap-xl)}.doc-nav-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-md);padding:var(--gap-sm)0;transition:var(--transition-colors);cursor:pointer;text-decoration:none;display:block}.doc-nav-title:hover{color:var(--primary)}.doc-nav-list{margin:0;padding:0;list-style:none}.doc-nav-list li{margin-bottom:var(--gap-sm)}.doc-nav-link{padding:var(--gap-sm)var(--gap-md);color:var(--text);border-radius:var(--radius-xs);transition:var(--transition-colors);font-size:var(--text-body);text-decoration:none;display:block}.doc-nav-link:hover{background-color:var(--surface);color:var(--titles)}.doc-nav-link:active,.doc-nav-link[aria-current=page]{background-color:var(--primary);color:var(--bg);font-weight:var(--font-medium)}@media (max-width:768px){.doc-layout{grid-template-columns:1fr}.doc-layout-sidebar{display:none}}
.grid{display:grid}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.grid--gap-sm{gap:var(--gap-sm)}.grid--gap-md{gap:var(--gap-md)}.grid--gap-lg{gap:var(--gap-lg)}.grid--gap-xl{gap:var(--gap-xl)}.grid-item--span-1{grid-column:span 1}.grid-item--span-2{grid-column:span 2}.grid-item--span-3{grid-column:span 3}.grid-item--span-4{grid-column:span 4}.grid-item--span-6{grid-column:span 6}.grid-item--span-12{grid-column:span 12}
.masonry{-moz-column-count:1;column-count:1}.masonry--cols-2{-moz-column-count:2;column-count:2}.masonry--cols-3{-moz-column-count:3;column-count:3}.masonry--cols-4{-moz-column-count:4;column-count:4}.masonry--gap-sm{-moz-column-gap:var(--gap-sm);column-gap:var(--gap-sm)}.masonry--gap-md{-moz-column-gap:var(--gap-md);column-gap:var(--gap-md)}.masonry--gap-lg{-moz-column-gap:var(--gap-lg);column-gap:var(--gap-lg)}.masonry>*{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--gap-md)}@media (max-width:768px){.masonry--cols-3,.masonry--cols-4{-moz-column-count:2;column-count:2}}@media (max-width:480px){.masonry{-moz-column-count:1;column-count:1}}
.split{gap:var(--gap-md);display:flex}.split--horizontal{flex-direction:row}.split--vertical{flex-direction:column}.split--ratio-1-1 .split-left,.split--ratio-1-1 .split-right,.split--ratio-1-2 .split-left{flex:1}.split--ratio-1-2 .split-right,.split--ratio-2-1 .split-left{flex:2}.split--ratio-2-1 .split-right,.split--ratio-1-3 .split-left{flex:1}.split--ratio-1-3 .split-right,.split--ratio-3-1 .split-left{flex:3}.split--ratio-3-1 .split-right{flex:1}@media (max-width:768px){.split--horizontal{flex-direction:column}}
.project-header{padding:var(--gap-xl)}.project-header-content{justify-content:space-between;align-items:flex-start;display:flex}.project-header-info{flex:1}.project-header-title-row{align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-sm);flex-wrap:wrap;display:flex}.project-header-title{color:var(--titles);margin:0;font-size:1.25rem;font-weight:600}.project-header-badge{font-size:.875rem}.project-header-type--artiste{background:var(--primary-muted);color:var(--primary)}.project-header-type--beatmaker{color:var(--info);background:#3b82f626}.project-header-type--studio{color:var(--success);background:#22c55e26}.project-header-type--producteur{color:var(--warning);background:#f59e0b26}.project-header-status--draft{color:var(--muted);background:#6b728026}.project-header-status--active{color:var(--success);background:#22c55e26}.project-header-status--archived{color:var(--warning);background:#f59e0b26}.project-header-description{color:var(--muted);margin:0 0 var(--gap-md);font-size:.875rem;line-height:1.4}.project-header-meta{align-items:center;gap:var(--gap-md);color:var(--muted);font-size:.75rem;display:flex}.project-header-meta-item{display:inline-block}.project-header-actions{align-items:center;gap:var(--gap-sm);flex-shrink:0;display:flex}.project-header-action{padding:var(--gap-sm)var(--gap-md);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:none;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:flex}.project-header-action:hover{color:var(--titles);background:#ffffff1a}.project-header-action-icon{width:1rem;height:1rem}
.prose{color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--gap-xl)}.prose:last-child{margin-bottom:0}.prose h2{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--titles);margin-top:var(--gap-xl);margin-bottom:var(--gap-md)}.prose h3{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin-top:var(--gap-lg);margin-bottom:var(--gap-sm)}.prose h4{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-top:var(--gap-md);margin-bottom:var(--gap-sm)}.prose p{margin-bottom:var(--gap-md)}.prose ul,.prose ol{margin-bottom:var(--gap-md);padding-left:var(--gap-lg)}.prose li{margin-bottom:var(--gap-sm)}.prose strong{font-weight:var(--font-semibold);color:var(--titles)}.prose a{color:var(--primary);text-decoration:underline}.prose a:hover{opacity:.8}.prose code{background-color:var(--surface);border-radius:var(--radius-xs);color:var(--titles);padding:.125rem .375rem;font-family:monospace;font-size:.875em}.prose pre{background-color:var(--surface);padding:var(--gap-md);border-radius:var(--radius-sm);margin-bottom:var(--gap-md);overflow-x:auto}.prose pre code{background-color:#0000;padding:0}.prose blockquote{border-left:4px solid var(--primary);padding-left:var(--gap-md);margin-left:0;margin-bottom:var(--gap-md);color:var(--muted);font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--gap-xl)0}.prose table{border-collapse:collapse;width:100%;margin-bottom:var(--gap-md)}.prose th,.prose td{padding:var(--gap-sm)var(--gap-md);border:1px solid var(--border);text-align:left}.prose th{background-color:var(--surface);font-weight:var(--font-semibold);color:var(--titles)}
.code-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.code-block-header{padding:var(--gap-sm)var(--gap-md);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.code-block-language{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);text-transform:uppercase}.code-block-pre{padding:var(--gap-md);font-family:var(--font-mono);font-size:var(--text-small);line-height:var(--leading-relaxed);margin:0;overflow-x:auto}.code-block-code{display:block}.code-block-line{gap:var(--gap-md);display:flex}.code-block-line-number{text-align:right;min-width:2em;color:var(--muted);-webkit-user-select:none;user-select:none;display:inline-block}.code-block-line-content{flex:1}
.markdown{color:var(--text);line-height:var(--leading-relaxed)}.markdown h1,.markdown h2,.markdown h3{color:var(--titles);font-weight:var(--font-semibold);margin-top:var(--gap-xl);margin-bottom:var(--gap-md)}.markdown h1{font-size:var(--text-h1)}.markdown h2{font-size:var(--text-h2)}.markdown h3{font-size:var(--text-h3)}.markdown strong{font-weight:var(--font-semibold);color:var(--titles)}.markdown em{font-style:italic}.markdown code{font-family:var(--font-mono);font-size:var(--text-small);background:var(--surface);border-radius:var(--radius-xs);border:1px solid var(--border);padding:.2em .4em}.markdown a{color:var(--primary);transition:var(--transition-colors);text-decoration:none}.markdown a:hover{text-decoration:underline}
.legal-page{max-width:850px;margin:0 auto}.legal-page-header{border-bottom:2px solid var(--border);text-align:center;margin-bottom:4rem;padding-bottom:2rem}.legal-page-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:var(--font-bold);color:var(--titles);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 1rem}.legal-page-meta{font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.legal-page-content{flex-direction:column;gap:3.5rem;display:flex}.legal-section{border-bottom:1px solid var(--border);flex-direction:column;gap:1.5rem;padding-bottom:3rem;display:flex}.legal-section:last-child{border-bottom:none;padding-bottom:0}.legal-section-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:var(--font-bold);color:var(--titles);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 .5rem}.legal-section-content{color:var(--text);white-space:pre-line;font-size:1.0625rem;line-height:1.75}.legal-section-items{flex-direction:column;gap:1rem;margin:1.5rem 0;padding-left:0;list-style:none;display:flex}.legal-section-item{color:var(--text);padding-left:2rem;font-size:1.0625rem;line-height:1.75;position:relative}.legal-section-item:before{content:"→";color:var(--primary);font-weight:var(--font-bold);font-size:1.25rem;position:absolute;top:.125rem;left:0}.legal-section-item strong{color:var(--titles);font-weight:var(--font-bold)}.legal-section-contact{color:var(--text);background-color:var(--muted-bg);border-radius:var(--radius-lg);border-left:4px solid var(--primary);margin-top:1.5rem;padding:1.5rem;font-size:1rem;line-height:1.75;box-shadow:0 1px 3px #0000001a}.legal-section-content a,.legal-section-contact a,.legal-section-item a{color:var(--primary);text-underline-offset:2px;transition:var(--transition-all);font-weight:var(--font-medium);text-decoration:underline}.legal-section-content a:hover,.legal-section-contact a:hover,.legal-section-item a:hover{opacity:.8;text-decoration-thickness:2px}@media (max-width:768px){.legal-page{max-width:100%}.legal-page-header{margin-bottom:var(--gap-xl);padding-bottom:var(--gap-lg)}.legal-page-title{font-size:var(--text-h2)}.legal-section{gap:var(--gap-md);padding-bottom:var(--gap-lg)}.legal-section-title{font-size:var(--text-h4)}.legal-section-content{font-size:var(--text-small)}.legal-section-item{font-size:var(--text-small);padding-left:var(--gap-lg)}}
.hero{width:100%;min-height:100vh;padding:calc(var(--padding-section-xl) + 4rem)var(--padding-container)var(--padding-section-xl)var(--padding-container);border-bottom:1px solid var(--border);align-items:center;display:flex;position:relative}.hero--with-bg{border-bottom:none}.hero-overlay{background:linear-gradient(to top,var(--bg),color-mix(in srgb,var(--bg)30%,transparent));position:absolute;inset:0}.hero-container{z-index:10;width:100%;max-width:80rem;margin:0 auto;position:relative}.hero-content{width:100%}.hero-content--center{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-content--left{text-align:left}.hero-content--split{gap:var(--gap-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-text{gap:var(--gap-md);flex-direction:column;display:flex}.hero-eyebrow{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--primary);margin-bottom:var(--margin-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero-title{font-size:clamp(var(--text-h1),8vw,var(--text-display-sm));line-height:var(--leading-none);font-weight:var(--font-bold);color:var(--titles);max-width:50rem;margin-bottom:var(--margin-sm);letter-spacing:var(--tracking-tight)}.hero-subtitle{font-size:var(--text-body-lg);line-height:var(--leading-tight);font-weight:var(--font-normal);color:var(--text);margin-bottom:var(--margin-lg);opacity:.9;max-width:42rem}.hero-actions{gap:var(--gap-md);flex-wrap:wrap;align-items:center;display:flex}.hero-content--center .hero-actions{justify-content:center}.hero-image{min-height:200px;margin-top:var(--margin-xl)}.hero-content--split .hero-image{margin-top:0}.hero--grid-image{border-bottom:none;min-height:70vh;padding:0}.hero--grid-image .hero-container{max-width:100%;padding:0}.hero-content--grid-image{grid-template-columns:1fr 1fr;align-items:stretch;gap:0;min-height:70vh;display:grid}.hero-image--cover{background:var(--bg-muted);justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}.hero-image--cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.hero-text--padded{justify-content:center;gap:var(--gap-lg);padding:var(--padding-section-sm)var(--padding-section-sm);flex-direction:column;display:flex}.hero-text--padded>:first-child{align-self:flex-start}@media (max-width:1024px){.hero{padding:calc(var(--padding-section-lg) + 4rem)var(--padding-container)var(--padding-section-lg)var(--padding-container)}.hero--grid-image{padding:0}.hero-content--grid-image{grid-template-columns:45fr 55fr}}@media (max-width:768px){.hero{padding:calc(var(--padding-section-md) + 4rem)var(--padding-section-sm)var(--padding-section-md)var(--padding-section-sm)}.hero--grid-image{padding:0}.hero-subtitle{font-size:var(--text-body)}.hero-actions .btn--lg{padding:var(--gap-sm)var(--gap-lg);font-size:var(--text-small)}.hero-content--split{gap:var(--gap-lg);grid-template-columns:1fr}.hero--grid-image{min-height:auto}.hero-content--grid-image{grid-template-columns:1fr;min-height:auto}.hero-image--cover{height:40vh;min-height:40vh}}
.cta-section{padding:var(--space-section-lg)var(--padding-container);text-align:center;background-color:none}.cta-container{max-width:var(--max-width-container);margin:0 auto}.cta-content--text-only{align-items:center;gap:var(--gap-md);flex-direction:column;display:flex}.cta-content--text-only .section-header{margin-bottom:0}.cta-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.cta-content--with-image{gap:var(--gap-xl);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:768px){.cta-content--with-image{grid-template-columns:1fr 1fr}.cta-content--reverse{direction:rtl}.cta-content--reverse>*{direction:ltr}}.cta-text{gap:var(--gap-lg);flex-direction:column;display:flex}.cta-image{justify-content:center;align-items:center;display:flex}@media (max-width:768px){.cta-actions .btn--lg{padding:var(--gap-sm)var(--gap-md);font-size:var(--text-small)}}
.content-split{gap:var(--gap-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.content-split-image{border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.content-split-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.content-split-content{gap:var(--gap-md);flex-direction:column;display:flex}.content-split-title{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles);line-height:var(--leading-none)}.content-split-subtitle{font-size:var(--text-body-lg);color:var(--text);line-height:var(--leading-tight)}.content-split-features{gap:var(--gap-sm);margin:0;margin-bottom:var(--gap-md);flex-direction:column;padding:0;list-style:none;display:flex}.content-split-feature{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);align-items:center;gap:var(--gap-md);display:flex}.content-split-actions{gap:var(--gap-md);flex-wrap:wrap;display:flex}@media (max-width:768px){.content-split{gap:var(--gap-xl);grid-template-columns:1fr}.content-split-image{order:-1}.content-split-actions .btn--lg{padding:var(--gap-sm)var(--gap-lg);font-size:var(--text-small)}}
.faq-container{gap:var(--gap-md);flex-direction:column;max-width:48rem;margin:0 auto;display:flex}.faq-item{background-color:var(--surface);border-radius:var(--radius-lg);border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.faq-item:before{content:"";background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary)2%,transparent),transparent 85%);pointer-events:none;z-index:0;width:140%;height:140%;position:absolute;top:-40%;right:-40%}.faq-question{z-index:1;padding:var(--gap-xl)var(--padding-section-sm);text-align:left;width:100%;font-size:var(--text-body-lg);font-weight:var(--font-medium);color:var(--titles);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;transition:all .2s;display:flex;position:relative}.faq-question:hover{background-color:var(--bg)}.faq-icon{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0;transition:transform .2s}.faq-icon--open{transform:rotate(180deg)}.faq-answer{z-index:1;padding:0 var(--padding-section-sm)var(--gap-xl)var(--padding-section-sm);color:var(--text);line-height:var(--leading-tight);font-size:var(--text-body);background-color:var(--surface);position:relative}.faq-answer p{margin:0}
.logo-cloud,.logo-cloud-grid{gap:var(--gap-xl);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.logo-cloud-item{opacity:.8;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.logo-cloud-item:hover{opacity:1}.logo-cloud-image{-o-object-fit:contain;object-fit:contain;height:2rem}
.testimonials-grid{gap:var(--gap-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{padding:var(--gap-lg);background-color:var(--bg);border-radius:var(--radius-sm);text-align:center;box-sizing:border-box;border:none;flex-direction:column;width:100%;min-height:300px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.testimonial-card{padding:var(--gap-xl)}}.testimonials-grid .testimonial-card{max-width:800px;margin:0 auto}.testimonial-quote{font-size:var(--text-body);color:var(--text);line-height:var(--leading-tight);margin:0 0 var(--gap-lg)0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;padding:0;font-style:italic;display:block}@media (min-width:768px){.testimonial-quote{font-size:var(--text-h4);line-height:var(--leading-tight)}}.testimonial-author{align-items:center;gap:var(--gap-md);flex-direction:column;display:flex}.testimonial-avatar{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;width:2.25rem;height:2.25rem}.testimonial-avatar--placeholder{background-color:var(--surface)}.testimonial-info{gap:var(--gap-xs);flex-direction:column;display:flex}.testimonial-info h4{font-size:var(--text-h4);color:var(--titles);margin-bottom:var(--gap-xs);font-weight:600}.testimonial-info p{color:var(--muted);font-size:.75rem}.testimonial-name{color:var(--titles);font-weight:500}.testimonial-role{color:var(--muted);font-size:.75rem}.testimonials-carousel{overflow:hidden}.testimonials-carousel .carousel-item{flex:0 0 100%;min-width:0}.testimonials-carousel .testimonial-card{min-width:0;max-width:100%;margin:0;position:relative;left:auto;right:auto}.testimonials-carousel .testimonial-quote{box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;max-width:100%}@media (max-width:767.98px){.testimonials-carousel .testimonial-card{min-height:unset}}@media (min-width:768px){.testimonials-carousel .testimonial-card{max-width:800px;margin:0 auto}}.testimonials-carousel .testimonial-avatar,.testimonials-grid--no-avatar .testimonial-avatar{display:none}
.stats-grid{gap:var(--gap-xl);grid-template-columns:1fr;display:grid}.stats-grid--2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stats-grid--3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid--4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-item,.stat-card{text-align:center;padding:var(--gap-xl);background:var(--surface);border-radius:var(--radius-md);border:none;transition:all .3s}.stat-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.stat-value{font-size:clamp(var(--text-h1),5vw,var(--text-display-sm));font-weight:var(--font-bold);color:var(--primary);margin-bottom:var(--gap-md);line-height:var(--leading-none);letter-spacing:var(--tracking-tight)}.stat-label{font-size:var(--text-body-lg);font-weight:var(--font-medium);color:var(--titles);margin-bottom:var(--gap-xs);opacity:.9}.stat-sublabel{font-size:var(--text-small);color:var(--muted);line-height:var(--leading-tight)}@media (max-width:768px){.stats-grid--2,.stats-grid--3,.stats-grid--4{grid-template-columns:1fr}}
.steps{width:100%;padding:var(--padding-section-md)var(--gap-md);margin:0 auto}.steps-container{max-width:80rem;margin:0 auto}.steps-header{margin-bottom:var(--gap-md);text-align:center}.steps-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--gap-md)}@media (min-width:768px){.steps-title{font-size:var(--text-h2)}}.steps-subtitle{font-size:var(--text-lg);color:var(--muted);margin:0}.steps-list{gap:var(--padding-section-sm);flex-direction:column;display:flex}@media (min-width:768px){.steps-list{gap:var(--padding-section-xl)}}.steps-list--horizontal{gap:var(--padding-section-md);flex-direction:column}.steps-list--horizontal .step-item{text-align:center;flex-direction:column;align-items:center}@media (min-width:768px){.steps-list--horizontal{gap:var(--padding-section-xl);flex-direction:row}.steps-list--horizontal .step-item{flex:1}}.step-item{gap:var(--gap-md);align-items:flex-start;display:flex}.step-number{background-color:var(--primary);width:3rem;height:3rem;color:var(--on-primary);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content{padding-top:var(--gap-xs);flex:1}.step-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--gap-sm)}.step-description{color:var(--text);margin:0;line-height:1.6}
.pricing-strip{width:100%;padding:var(--padding-section-md)var(--gap-md);background-color:var(--surface);margin:0 auto}.pricing-strip-container{text-align:center;max-width:60rem;margin:0 auto}.pricing-strip-title{color:var(--titles);margin-bottom:var(--gap-md);font-size:1.5rem;font-weight:600}.pricing-strip-description{color:var(--muted);margin-bottom:var(--gap-xl)}.pricing-strip-content{align-items:center;gap:var(--gap-xl);flex-direction:column;display:flex}@media (min-width:768px){.pricing-strip-content{flex-direction:row;justify-content:center}}.pricing-strip-price{align-items:baseline;gap:var(--gap-sm);display:flex}.pricing-strip-amount{color:var(--primary);font-size:2.5rem;font-weight:700}.pricing-strip-period{color:var(--muted);font-size:1rem}.pricing-strip-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}
.newsletter{background-color:var(--primary);color:var(--on-primary);padding:var(--space-section-lg)var(--padding-container);text-align:center}.newsletter-section{background:linear-gradient(135deg,var(--primary)0%,#4a90e2 100%);padding:var(--padding-section-md)0;text-align:center;margin:var(--padding-section-md)0}.newsletter-container{max-width:32rem;margin:0 auto}.newsletter-title{color:var(--on-primary);margin-bottom:var(--gap-md);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.newsletter-description{color:var(--on-primary);opacity:.9;margin-bottom:var(--gap-xl);max-width:28rem;margin-left:auto;margin-right:auto;font-size:1rem}.newsletter-form{gap:var(--gap-md);flex-direction:column;max-width:24rem;margin:0 auto;display:flex}@media (min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);box-sizing:border-box;flex:1;padding:.75rem 1rem;font-size:.875rem;transition:border-color .2s}.newsletter-input:focus{border-color:var(--primary);outline:none}.newsletter-button{background-color:var(--primary);color:var(--on-primary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:opacity .2s}.newsletter-button:hover{opacity:.9}
.contact-block{width:100%;padding:var(--padding-section-md)var(--gap-md);margin:0 auto}.contact-block-container{gap:var(--padding-section-sm);grid-template-columns:1fr;max-width:80rem;margin:0 auto;display:grid}@media (min-width:768px){.contact-block-container{gap:var(--padding-section-md);grid-template-columns:1fr 1fr}}.contact-block-content{gap:var(--gap-xl);flex-direction:column;display:flex}.contact-block-title{color:var(--titles);margin-bottom:var(--gap-md);font-size:1.875rem;font-weight:600}.contact-block-description{color:var(--text);margin-bottom:var(--gap-xl);line-height:1.6}.contact-block-info{gap:var(--gap-md);flex-direction:column;display:flex}.contact-block-item{align-items:center;gap:var(--gap-md);display:flex}.contact-block-icon{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}.contact-block-text{color:var(--text)}.contact-block-form{background-color:var(--surface);padding:var(--gap-xl);border-radius:var(--radius-lg);border:1px solid var(--border)}
.feature-grid{gap:var(--gap-xl);display:grid}.feature-grid--cols-2,.feature-grid--cols-3,.feature-grid--cols-4{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.feature-grid--cols-2,.feature-grid--cols-3,.feature-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-grid--cols-3{grid-template-columns:repeat(3,1fr)}.feature-grid--cols-4{grid-template-columns:repeat(4,1fr)}}.feature-grid-item{gap:var(--gap-sm);background:var(--surface);padding:var(--gap-xl);border-radius:var(--radius-md);flex-direction:column;display:flex}.feature-grid-item--center{text-align:center;align-items:center}.feature-grid-icon{font-size:var(--text-h2);color:var(--primary)}.feature-grid-icon img{-o-object-fit:contain;object-fit:contain;width:4rem;height:4rem}.feature-grid-title{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--titles);margin:0}.feature-grid-description{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-relaxed);margin:0}
.comparison{overflow-x:auto}.comparison-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%}.comparison-header{padding:var(--gap-md)var(--gap-lg);text-align:left;font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);background:var(--surface);border-bottom:1px solid var(--border)}.comparison-row{border-bottom:1px solid var(--border)}.comparison-row:last-child{border-bottom:none}.comparison-feature{padding:var(--gap-md)var(--gap-lg);font-size:var(--text-body);color:var(--titles);font-weight:var(--font-medium)}.comparison-value{padding:var(--gap-md)var(--gap-lg);text-align:left;font-size:var(--text-body);color:var(--muted)}.comparison-row:hover{background:var(--surface)}
.content-split:has(.avnir-sphere-container){overflow:visible}.content-split:has(.avnir-sphere-container) .content-split-media{border-radius:0;overflow:visible}.avnir-sphere-container{perspective:1000px;justify-content:center;align-items:center;width:100%;min-height:31.25rem;padding:3.125rem;display:flex;position:relative;overflow:visible!important}.gradient-avnir{aspect-ratio:1;filter:blur(3.125rem)brightness(1.25);mix-blend-mode:screen;z-index:2;background:conic-gradient(#ff2d55,#ff9d00,#2fad66,#5cb9f2,#9802eb,#ff2d55);border-radius:50%;width:15rem;height:15rem;animation:15s linear infinite avnir-spin;position:relative}@keyframes avnir-spin{0%{transform:rotate(0)scale(1.02)}to{transform:rotate(360deg)scale(1.02)}}.orbiter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carrier{position:absolute}.orbiter--avnir .carrier{animation:30s linear infinite orbit-horizontal}.orbiter--jacques .carrier{animation:30s linear -15s infinite orbit-horizontal}.planet{border-radius:var(--radius-md);width:4rem;height:4rem;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex}.orbiter--avnir .planet{animation:30s linear infinite orbit-depth}.orbiter--jacques .planet{animation:30s linear -15s infinite orbit-depth}.planet-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.planet--avnir,.planet--jacques{background:var(--bg)}@keyframes orbit-horizontal{0%{transform:translate(11rem)translateY(0)}25%{transform:translate(0)translateY(-3rem)}50%{transform:translate(-11rem)translateY(0)}75%{transform:translate(0)translateY(3rem)}to{transform:translate(11rem)translateY(0)}}@keyframes orbit-depth{0%{z-index:3;transform:scale(1.3)}25%{z-index:2;transform:scale(.9)}50%{z-index:1;transform:scale(.7)}75%{z-index:2;transform:scale(.9)}to{z-index:3;transform:scale(1.3)}}@media (max-width:48rem){.avnir-sphere-container{min-height:30rem;padding:var(--gap-2xl)var(--gap-lg);padding-top:4rem;padding-bottom:4rem}.gradient-avnir{filter:blur(2.5rem)brightness(1.25)}@keyframes orbit-horizontal{0%{transform:translate(7rem)translateY(0)}25%{transform:translate(0)translateY(-2rem)}50%{transform:translate(-7rem)translateY(0)}75%{transform:translate(0)translateY(2rem)}to{transform:translate(7rem)translateY(0)}}.sphere-logo{width:4rem;height:4rem}.sphere-logo-text{font-size:var(--text-h3)}}
.brand-hero{isolation:isolate;border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.brand-hero-bg{z-index:0;position:absolute;inset:0}.brand-hero-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.brand-hero-overlay{background:var(--bg);z-index:1;position:absolute;inset:0}.brand-hero-content{z-index:10;width:100%;max-width:var(--container-max-width,1200px);padding:var(--space-48)var(--space-24);text-align:center;margin:0 auto;position:relative}@media (min-width:768px){.brand-hero{min-height:70vh}.brand-hero-content{padding:var(--space-64)var(--space-32)}}@media (min-width:1024px){.brand-hero{min-height:80vh}.brand-hero-content{padding:var(--space-80)var(--space-48)}}
.price{align-items:baseline;gap:var(--gap-sm);color:var(--foreground);font-weight:600;display:inline-flex}.price-currency{color:var(--muted-foreground);margin-right:var(--gap-xs);font-size:.875em;font-weight:500}.price-amount{color:var(--foreground);font-size:1em;font-weight:700}.price-original{color:var(--muted-foreground);font-size:.875em;font-weight:400;text-decoration:line-through}.price--sm{font-size:.875rem}.price--md{font-size:1rem}.price--lg{font-size:1.5rem}.price:has(.price-original) .price-amount{color:var(--destructive)}.price--sale,.price--sale .price-amount{color:var(--destructive)}
.mini-cart,.mini-cart-trigger{position:relative}.mini-cart-badge{background-color:var(--primary);min-width:1.25rem;height:1.25rem;color:var(--bg);border-radius:var(--radius-full);padding:0 var(--gap-xs);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:-.5rem;right:-.5rem}.mini-cart-panel{top:calc(100% + var(--gap-sm));background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);width:20rem;box-shadow:var(--shadow-lg);z-index:50;position:absolute;right:0}.mini-cart-header{padding:var(--gap-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.mini-cart-title{color:var(--foreground);font-size:.875rem;font-weight:600}.mini-cart-close{cursor:pointer;padding:var(--gap-xs);color:var(--muted-foreground);background:0 0;border:none;transition:color .2s}.mini-cart-close:hover{color:var(--foreground)}.mini-cart-items{max-height:20rem;padding:var(--gap-md);overflow-y:auto}.mini-cart-item{gap:var(--gap-md);padding-bottom:var(--gap-md);margin-bottom:var(--gap-md);border-bottom:1px solid var(--border);display:flex}.mini-cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mini-cart-item-image{border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;background-color:var(--muted);flex-shrink:0;width:3rem;height:3rem}.mini-cart-item-placeholder{border-radius:var(--radius-sm);background-color:var(--muted);width:3rem;height:3rem;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mini-cart-item-content{flex:1;min-width:0}.mini-cart-item-name{color:var(--foreground);margin-bottom:var(--gap-xs);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.mini-cart-item-variant{color:var(--muted-foreground);margin-bottom:var(--gap-sm);font-size:.75rem}.mini-cart-item-footer{justify-content:space-between;align-items:center;display:flex}.mini-cart-quantity{align-items:center;gap:var(--gap-sm);display:flex}.mini-cart-quantity-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--muted-foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mini-cart-quantity-btn:hover{border-color:var(--primary);color:var(--foreground)}.mini-cart-quantity-value{color:var(--foreground);text-align:center;min-width:2rem;font-size:.875rem}.mini-cart-item-price{color:var(--foreground);font-size:.875rem;font-weight:600}.mini-cart-item-remove{cursor:pointer;padding:var(--gap-xs);color:var(--destructive);background:0 0;border:none;transition:opacity .2s}.mini-cart-item-remove:hover{opacity:.8}.mini-cart-empty{padding:var(--padding-section-sm)var(--gap-xl);text-align:center}.mini-cart-empty-icon{width:4rem;height:4rem;margin:0 auto var(--gap-md);color:var(--muted-foreground)}.mini-cart-empty-text{color:var(--muted-foreground);font-size:.875rem}.mini-cart-footer{padding:var(--gap-md);border-top:1px solid var(--border)}.mini-cart-total{margin-bottom:var(--gap-md);justify-content:space-between;align-items:center;display:flex}.mini-cart-total-label{color:var(--foreground);font-size:.875rem;font-weight:500}.mini-cart-total-amount{color:var(--foreground);font-size:1.125rem;font-weight:700}
.variants-swatches{gap:var(--gap-md);flex-direction:column;display:flex}.variants-swatches-label{color:var(--foreground);font-size:.875rem;font-weight:500}.variants-swatches-group{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.swatch{border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;width:2.5rem;height:2.5rem;transition:all .2s;position:relative}.swatch:hover{border-color:var(--primary);transform:scale(1.05)}.swatch--active{border-color:var(--primary);box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.swatch--disabled{opacity:.3;cursor:not-allowed;position:relative}.swatch--disabled:after{content:"";background-color:var(--destructive);height:1px;position:absolute;top:50%;left:-10%;right:-10%;transform:rotate(-45deg)}.swatch--size{width:auto;min-width:2.5rem;height:2.5rem;padding:0 var(--gap-md);color:var(--foreground);background-color:var(--background);justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.swatch--size:hover{background-color:var(--accent)}.swatch--size.swatch--active{background-color:var(--primary);color:var(--bg)}.swatch--size.swatch--disabled{background-color:var(--muted);color:var(--muted-foreground)}.swatch--text{width:auto;min-width:4rem;height:2.5rem;padding:0 var(--gap-md);color:var(--foreground);background-color:var(--background);border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:.875rem;display:flex}.swatch--text:hover{background-color:var(--accent)}.swatch--text.swatch--active{background-color:var(--primary);color:var(--bg);border-color:var(--primary)}.swatch--image{width:3rem;height:3rem;padding:0;overflow:hidden}.swatch--image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.media-gallery{gap:var(--gap-md);display:grid}.media-gallery-main{aspect-ratio:1;border-radius:var(--radius-lg);background-color:var(--muted);width:100%;position:relative;overflow:hidden}.media-gallery-main-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.media-gallery-nav{bottom:var(--gap-md);gap:var(--gap-sm);padding:var(--gap-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);background-color:#00000080;display:flex;position:absolute;left:50%;transform:translate(-50%)}.media-gallery-nav-btn{width:2rem;height:2rem;color:var(--foreground);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.media-gallery-nav-btn:hover{background-color:#ffffff1a}.media-gallery-thumbnails{gap:var(--gap-sm);grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));display:grid}.media-gallery-thumbnail{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;transition:all .2s;position:relative;overflow:hidden}.media-gallery-thumbnail:hover{border-color:var(--primary)}.media-gallery-thumbnail--active{border-color:var(--primary);box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.media-gallery-thumbnail-image{-o-object-fit:cover;object-fit:cover;background-color:var(--muted);width:100%;height:100%}.media-gallery-zoom{top:var(--gap-md);right:var(--gap-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--foreground);cursor:pointer;background-color:#00000080;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute}.media-gallery-zoom:hover{background-color:#000000b3}.media-gallery-fullscreen{z-index:100;padding:var(--gap-xl);background-color:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-gallery-fullscreen-image{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.media-gallery-fullscreen-close{top:var(--gap-md);right:var(--gap-md);border-radius:var(--radius-full);width:3rem;height:3rem;color:var(--foreground);cursor:pointer;background-color:#ffffff1a;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute}.media-gallery-fullscreen-close:hover{background-color:#fff3}
.checkout-steps{padding:var(--gap-xl)0;justify-content:space-between;align-items:center;display:flex}.checkout-step{align-items:center;gap:var(--gap-sm);flex-direction:column;flex:1;display:flex;position:relative}.checkout-step-indicator{border-radius:var(--radius-full);background-color:var(--muted);width:2.5rem;height:2.5rem;color:var(--muted-foreground);z-index:2;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.checkout-step--active .checkout-step-indicator{background-color:var(--primary);color:var(--bg)}.checkout-step--completed .checkout-step-indicator{background-color:var(--success);color:var(--bg)}.checkout-step-label{color:var(--muted-foreground);text-align:center;font-size:.875rem;font-weight:500}.checkout-step--active .checkout-step-label,.checkout-step--completed .checkout-step-label{color:var(--foreground)}.checkout-step-connector{background-color:var(--border);z-index:1;height:2px;position:absolute;top:1.25rem;left:50%;right:-50%}.checkout-step:last-child .checkout-step-connector{display:none}.checkout-step--completed .checkout-step-connector{background-color:var(--success)}@media (max-width:768px){.checkout-steps{flex-direction:column;align-items:stretch}.checkout-step{padding:var(--gap-md)0;flex-direction:row;justify-content:flex-start}.checkout-step-indicator{flex-shrink:0}.checkout-step-label{text-align:left;flex:1}.checkout-step-connector{width:2px;height:100%;inset:auto auto -50% 1.25rem}.checkout-step:last-child .checkout-step-connector{display:none}}
.faceted-search{gap:var(--gap-xl);flex-direction:column;display:flex}.faceted-search-header{padding-bottom:var(--gap-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.faceted-search-title{color:var(--foreground);font-size:1rem;font-weight:600}.faceted-search-clear{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:underline}.faceted-search-clear:hover{opacity:.8}.faceted-search-facet{gap:var(--gap-md);flex-direction:column;display:flex}.faceted-search-facet-title{color:var(--foreground);margin-bottom:var(--gap-sm);font-size:.875rem;font-weight:600}.faceted-search-facet-options{gap:var(--gap-sm);flex-direction:column;display:flex}.faceted-search-option{align-items:center;gap:var(--gap-sm);cursor:pointer;display:flex}.faceted-search-option-checkbox{flex-shrink:0}.faceted-search-option-label{color:var(--foreground);cursor:pointer;flex:1;font-size:.875rem}.faceted-search-option-count{color:var(--muted-foreground);font-size:.75rem}.faceted-search-range{gap:var(--gap-md);flex-direction:column;display:flex}.faceted-search-range-slider{background-color:var(--muted);border-radius:var(--radius-full);width:100%;height:4px;position:relative}.faceted-search-range-track{background-color:var(--primary);border-radius:var(--radius-full);height:100%;position:absolute}.faceted-search-range-values{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.faceted-search-range-input{padding:var(--gap-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background);color:var(--foreground);text-align:center;flex:1;font-size:.875rem}.faceted-search-active{gap:var(--gap-sm);padding:var(--gap-md);background-color:var(--muted);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.faceted-search-active-filter{align-items:center;gap:var(--gap-xs);padding:var(--gap-xs)var(--gap-sm);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font-size:.75rem;display:inline-flex}.faceted-search-active-filter-remove{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.faceted-search-active-filter-remove:hover{color:var(--destructive)}
.mega-menu{position:relative}.mega-menu-trigger{align-items:center;gap:var(--gap-xs);color:var(--titles);cursor:pointer;font-size:var(--text-body);font-weight:var(--font-semibold);transition:color var(--transition-base);background:0 0;border:none;padding:0;text-decoration:none;display:flex}.mega-menu-trigger:hover,.mega-menu-trigger--active{color:var(--primary)}.mega-menu-panel{width:100%;margin-top:var(--gap-sm);background-color:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xl);z-index:50;padding:var(--gap-md)5%;position:fixed;top:4rem;left:0;right:0}.mega-menu-content{gap:var(--gap-md);grid-template-columns:2fr 1fr;display:grid}.mega-menu-sections{gap:var(--gap-md);grid-template-columns:repeat(2,1fr);display:grid}.mega-menu-section{gap:var(--gap-md);flex-direction:column;display:flex}.mega-menu-section-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary)}.mega-menu-links{gap:var(--gap-sm);flex-direction:column;display:flex}.mega-menu-link{align-items:center;gap:var(--gap-sm);padding:var(--gap-sm);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);transition:all var(--transition-base);text-decoration:none;display:flex}.mega-menu-link:hover{color:var(--primary);background-color:#0000}.mega-menu-link:hover .mega-menu-link-title{color:var(--primary)}.mega-menu-link-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.mega-menu-link-content{flex:1}.mega-menu-link-title{font-weight:var(--font-medium);color:var(--titles)}.mega-menu-link-description{font-size:var(--text-xs);color:var(--muted);line-height:var(--leading-tight)}.mega-menu-featured{gap:var(--gap-md);padding:var(--gap-md);background-color:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;display:flex}.mega-menu-featured-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary)}.mega-menu-featured-items{gap:var(--gap-sm);flex-direction:column;display:flex}.mega-menu-featured-item{gap:var(--gap-sm);padding:var(--gap-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-base);text-decoration:none;display:flex}.mega-menu-featured-item:hover{background-color:var(--surface)}.mega-menu-featured-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:80px;height:60px}.mega-menu-featured-content{flex:1;min-width:0}.mega-menu-featured-item-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--gap-xs);line-height:var(--leading-tight)}.mega-menu-featured-item-description{font-size:var(--text-xs);color:var(--muted);line-height:var(--leading-tight);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.mega-menu{display:none!important}}
.product-card{background:var(--surface);border-radius:var(--radius-md);transition:var(--transition-transform);border:none;flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-image-wrapper{aspect-ratio:1;background:var(--surface);position:relative;overflow:hidden}.product-card-image-wrapper--widescreen{aspect-ratio:16/9}.product-card-badge{top:var(--gap-sm);right:var(--gap-sm);padding:var(--gap-xs)var(--gap-sm);background:var(--primary);color:var(--bg);font-size:var(--text-small);font-weight:var(--font-semibold);border-radius:var(--radius-xs);z-index:10;position:absolute}.product-card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:var(--transition-transform)}.product-card:hover .product-card-image{transform:scale(1.05)}.product-card-content{padding:var(--gap-md);gap:var(--gap-sm);flex-direction:column;display:flex}.product-card-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin:0}.product-card-description{font-size:var(--text-body);color:var(--muted);margin:0;line-height:1.6}.product-card-pricing{align-items:center;gap:var(--gap-sm);display:flex}.product-card-price{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--primary)}.product-card-original-price{font-size:var(--text-body);color:var(--muted);text-decoration:line-through}.product-card-button{width:100%;margin-top:var(--gap-sm)}
.reviews{gap:var(--gap-xl);flex-direction:column;display:flex}.reviews-summary{align-items:center;gap:var(--gap-lg);padding:var(--gap-lg);background:var(--surface);border-radius:var(--radius-sm);display:flex}.reviews-average{align-items:center;gap:var(--gap-md);display:flex}.reviews-average-score{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--titles)}.reviews-average-stars{gap:var(--gap-xs);display:flex}.reviews-total{font-size:var(--text-body);color:var(--muted)}.reviews-list{gap:var(--gap-lg);flex-direction:column;display:flex}.review-item{padding:var(--gap-lg);border:1px solid var(--border);border-radius:var(--radius-sm)}.review-header{margin-bottom:var(--gap-sm);justify-content:space-between;align-items:flex-start;display:flex}.review-author{align-items:center;gap:var(--gap-sm);display:flex}.review-author-name{font-weight:var(--font-semibold);color:var(--titles)}.review-verified{font-size:var(--text-small);color:var(--primary);padding:var(--gap-xs)var(--gap-sm);background:var(--surface);border-radius:var(--radius-xs)}.review-date{font-size:var(--text-small);color:var(--muted)}.review-rating{gap:var(--gap-xs);margin-bottom:var(--gap-sm);display:flex}.review-star{font-size:var(--text-h4);color:var(--muted)}.review-star--filled{color:var(--warning)}.review-comment{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed);margin:0}
.wishlist-button{transition:var(--transition-transform);position:relative}.wishlist-button:hover{transform:scale(1.1)}.wishlist-button--active .wishlist-icon{animation:.3s ease-in-out heartbeat}.wishlist-icon{font-size:var(--text-h3);display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}
.access-banner__action{margin-top:var(--space-12)}
.activity-feed{gap:var(--gap-md);flex-direction:column;display:flex}.activity-item{gap:var(--gap-md);padding:var(--gap-md);border-radius:var(--radius-sm);transition:var(--transition-colors);display:flex}.activity-item:hover{background:var(--surface)}.activity-icon{background:var(--surface);border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--text-h4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-content{gap:var(--gap-xs);flex-direction:column;flex:1;display:flex}.activity-text{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed)}.activity-user{font-weight:var(--font-semibold);color:var(--titles)}.activity-action{color:var(--text)}.activity-target{font-weight:var(--font-medium);color:var(--primary)}.activity-timestamp{font-size:var(--text-small);color:var(--muted)}
.api-keys-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--gap-xl)}.api-keys-header{margin-bottom:var(--gap-xl);justify-content:space-between;align-items:center;display:flex}.api-keys-header-content h3{color:var(--foreground);margin-bottom:var(--gap-xs);font-size:1.125rem;font-weight:600}.api-keys-header-content p{color:var(--muted-foreground);font-size:.875rem}.api-keys-empty{text-align:center;padding:var(--padding-section-sm)0}.api-keys-empty-icon{width:4rem;height:4rem;margin:0 auto var(--gap-md);color:var(--muted-foreground)}.api-keys-empty h4{color:var(--foreground);margin-bottom:var(--gap-sm);font-size:1rem;font-weight:500}.api-keys-empty p{color:var(--muted-foreground);margin-bottom:var(--gap-md);font-size:.875rem}.api-keys-list{gap:var(--gap-md);flex-direction:column;display:flex}.api-key-item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-md)}.api-key-content{margin-bottom:var(--gap-md);justify-content:space-between;align-items:flex-start;display:flex}.api-key-info{flex:1;min-width:0}.api-key-header{align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-sm);display:flex}.api-key-name{color:var(--foreground);font-size:1rem;font-weight:500}.api-key-code-wrapper{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-sm);display:flex}.api-key-code{background-color:var(--muted);color:var(--muted-foreground);padding:var(--gap-xs)var(--gap-sm);border-radius:var(--radius-sm);font-family:monospace;font-size:.875rem}.api-key-permissions{gap:var(--gap-xs);margin-bottom:var(--gap-sm);flex-wrap:wrap;display:flex}.api-key-meta{color:var(--muted-foreground);font-size:.75rem}.api-key-actions{gap:var(--gap-sm);display:flex}.api-keys-form{gap:var(--gap-md);flex-direction:column;display:flex}.api-keys-form-field label{color:var(--foreground);margin-bottom:var(--gap-sm);font-size:.875rem;font-weight:500;display:block}.api-keys-permissions-list{gap:var(--gap-sm);flex-direction:column;display:flex}.api-keys-permission-item{align-items:center;gap:var(--gap-sm);cursor:pointer;display:flex}.api-keys-permission-item input[type=checkbox]{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:#0000}.api-keys-permission-item span{color:var(--foreground);text-transform:capitalize;font-size:.875rem}.api-keys-form-actions{gap:var(--gap-md);padding-top:var(--gap-md);display:flex}
.billing-history{overflow-x:auto}.billing-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%}.billing-table-header{padding:var(--gap-md);text-align:left;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);background:var(--surface);border-bottom:1px solid var(--border)}.billing-table-row{border-bottom:1px solid var(--border);transition:var(--transition-colors)}.billing-table-row:hover{background:var(--surface)}.billing-table-row:last-child{border-bottom:none}.billing-table-cell{padding:var(--gap-md);font-size:var(--text-body);color:var(--text)}.billing-status{padding:var(--gap-xs)var(--gap-sm);font-size:var(--text-small);font-weight:var(--font-medium);border-radius:var(--radius-xs);text-transform:capitalize;display:inline-block}.billing-status--paid{background:var(--success);color:var(--bg)}.billing-status--pending{background:var(--warning);color:var(--bg)}.billing-status--failed{background:var(--destructive);color:var(--on-primary)}
.chapter-card__content{padding:var(--space-16)}.chapter-card__badge{margin-bottom:var(--space-12)}.chapter-card__title{margin-bottom:var(--space-xs);line-height:1.3}.chapter-card__description{margin-bottom:var(--space-12);line-height:1.6}.chapter-card__stats{gap:var(--space-12);margin-bottom:var(--space-12);display:flex}.chapter-card__stat{gap:var(--space-xs);flex-direction:column;display:flex}.chapter-card__progress{margin-bottom:var(--space-12)}.chapter-card__progress-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.chapter-card__progress-footer{margin-top:var(--space-xs)}
.chapter-list-item{padding:var(--space-16);align-items:center;gap:var(--space-16);display:flex}.chapter-list-item__number{border-radius:var(--radius-full);background-color:var(--primary);width:40px;height:40px;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chapter-list-item__number--completed{background-color:var(--success);color:var(--on-success)}.chapter-list-item__content{flex:1;min-width:0}.chapter-list-item__title{margin-bottom:var(--space-4);font-size:var(--text-base);font-weight:600}.chapter-list-item__duration{font-size:var(--text-sm);color:var(--muted-foreground);margin:0}
.dashboard-progress-card{flex-direction:column;height:100%;display:flex}.dashboard-progress-header{align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-lg);display:flex}.dashboard-progress-emoji{font-size:32px}.dashboard-progress-current,.dashboard-progress-bar-container{margin-bottom:var(--gap-lg)}.dashboard-progress-bar-header{margin-bottom:var(--gap-xs);justify-content:space-between;align-items:center;display:flex}.dashboard-progress-bar-wrapper{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.dashboard-progress-bar-fill{background-color:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.dashboard-progress-cta{margin-top:auto}.dashboard-stats-grid{gap:var(--gap-lg);flex-direction:column;display:flex}.dashboard-stats-card{gap:var(--gap-sm);flex-direction:column;display:flex}.dashboard-stats-card__header{align-items:center;gap:var(--gap-sm);display:flex}.dashboard-stats-card__icon{font-size:24px}.dashboard-stats-card__value{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--titles)}.dashboard-stats-card__label{font-size:var(--text-small);color:var(--text-muted)}.dashboard-theme-card-content{gap:var(--gap-lg);flex-direction:column;flex:1;display:flex}.dashboard-theme-badge{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-sm);display:flex}.dashboard-theme-description{flex:1;line-height:1.6}.dashboard-theme-stats{gap:var(--gap-lg);padding-top:var(--gap-md);border-top:1px solid var(--border);display:flex}.dashboard-theme-stat{gap:var(--gap-xs);flex-direction:column;display:flex}.dashboard-theme-progress{gap:var(--gap-sm);flex-direction:column;display:flex}.dashboard-theme-progress-header{justify-content:space-between;align-items:center;display:flex}
.lesson-header{margin-bottom:var(--gap-lg);padding-bottom:var(--gap-lg);border-bottom:1px solid var(--border)}.lesson-breadcrumb{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-md);flex-wrap:wrap;display:flex}.lesson-breadcrumb-link{transition:var(--transition-colors);text-decoration:none}.lesson-breadcrumb-link:hover{color:var(--primary)}.section-title{margin-bottom:var(--gap-lg);align-items:center;gap:var(--gap-sm);display:flex}.section-title-icon{font-size:1.5rem;line-height:1}.concepts-grid ul{gap:var(--gap-md);flex-direction:column;padding:0;list-style:none;display:flex}.concepts-grid li{background-color:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:var(--gap-lg);transition:var(--transition-all)}.concepts-grid li:hover{border-left-width:6px;transform:translate(2px)}.concepts-grid strong{color:var(--primary);font-size:var(--text-h4);font-weight:var(--font-bold);margin-bottom:var(--gap-xs);display:block}.concepts-grid li>:last-child{margin-bottom:0}
.lesson-card{padding:var(--gap-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.lesson-card--locked{cursor:not-allowed;opacity:.6}.lesson-card:hover:not(.lesson-card--locked){border-color:var(--primary)}.lesson-card-content{align-items:center;gap:var(--gap-md);flex:1;display:flex}.lesson-card-number{background-color:var(--bg-muted);width:2.5rem;height:2.5rem;color:var(--text-muted);font-weight:var(--font-bold);font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-card-number--completed{color:var(--primary)}.lesson-card-info{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;flex:1;display:flex}.lesson-card-title{margin:0}.lesson-card-icon{color:var(--primary);flex-shrink:0;font-size:1.5rem}.lesson-card-icon--locked{color:var(--text-muted)}
.lesson-content-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--gap-xl);margin-bottom:var(--gap-xl)}.lesson-content-card__header{align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-lg);padding-bottom:var(--gap-md);border-bottom:1px solid var(--border);display:flex}.lesson-content-card__icon{font-size:2rem;line-height:1}.lesson-content-card__title{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles);margin:0}.lesson-content-card__content{color:var(--text);line-height:var(--leading-relaxed)}.lesson-content-card--objectifs{border-left:4px solid var(--primary);background:linear-gradient(to right,rgba(var(--primary-rgb),.05)0%,var(--surface)50%)}.lesson-content-card--objectifs .lesson-content-card__icon,.lesson-content-card--objectifs .lesson-content-card__title{color:var(--primary)}.lesson-content-card--concepts{background:linear-gradient(to right,#ffc10714 0%,var(--surface)100%);border:1px solid var(--border);border-left:4px solid var(--warning)}.lesson-content-card--concepts .lesson-content-card__icon,.lesson-content-card--concepts .lesson-content-card__title{color:var(--warning)}.lesson-content-card--concepts .lesson-content-card__header{border-bottom-color:var(--border)}.lesson-content-card--concepts .lesson-content-card__content ul{gap:var(--gap-lg);flex-direction:column;padding-left:0;list-style:none;display:flex}.lesson-content-card--concepts .lesson-content-card__content li{padding:var(--gap-md);background-color:var(--bg-subtle);border-radius:var(--radius-sm);border-left:3px solid var(--warning)}.lesson-content-card--concepts .lesson-content-card__content strong{color:var(--warning);font-size:var(--text-h4);margin-bottom:var(--gap-xs);font-weight:var(--font-bold);display:block}.lesson-content-card--exemples{border-left:3px solid var(--success)}.lesson-content-card--exemples .lesson-content-card__icon{color:var(--success)}.lesson-content-card--recap{background-color:var(--surface);border:1px solid var(--border);border-left:4px solid var(--success)}.lesson-content-card--recap .lesson-content-card__icon,.lesson-content-card--recap .lesson-content-card__title{color:var(--success)}.lesson-content-card--recap .lesson-content-card__header{border-bottom-color:var(--border)}.lesson-content-card--recap .lesson-content-card__content ul{padding-left:0;list-style:none}.lesson-content-card--recap .lesson-content-card__content li{padding-left:var(--gap-lg);margin-bottom:var(--gap-sm);position:relative}.lesson-content-card--recap .lesson-content-card__content li:before{content:"✓";color:var(--success);font-weight:var(--font-bold);position:absolute;left:0}.lesson-content-card--quiz{border:2px dashed var(--border);background-color:var(--bg-subtle)}.lesson-content-card--quiz .lesson-content-card__icon{color:var(--text)}.lesson-content-card__content.prose{max-width:none}.lesson-content-card__content.prose>*+*{margin-top:var(--gap-md)}.lesson-content-card__content.prose h3{font-size:var(--text-h4);margin-top:var(--gap-lg);margin-bottom:var(--gap-sm)}.lesson-content-card__content.prose ul,.lesson-content-card__content.prose ol{padding-left:var(--gap-xl)}.lesson-content-card__content.prose li{margin-bottom:var(--gap-xs)}.lesson-content-card__content.prose code{font-family:var(--font-mono);background-color:var(--bg);border-radius:var(--radius-sm);color:var(--primary);padding:.125rem .375rem;font-size:.9em}
.lesson-navigation{justify-content:space-between;align-items:center;gap:var(--gap-md);padding:var(--gap-lg)0;margin-top:var(--margin-xl);border-top:1px solid var(--border);display:flex}.lesson-navigation__prev,.lesson-navigation__next{flex:1;max-width:300px}.lesson-navigation__prev[disabled],.lesson-navigation__next[disabled]{opacity:.4;cursor:not-allowed}@media (max-width:768px){.lesson-navigation{gap:var(--gap-sm);flex-direction:column}.lesson-navigation__prev,.lesson-navigation__next{width:100%;max-width:none}}
.lesson-progress{margin-bottom:var(--gap-xl)}.lesson-progress__header{margin-bottom:var(--gap-md)}.lesson-progress__label{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-xs);display:block}.lesson-progress__count{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--text);margin-bottom:var(--gap-xs);display:block}.lesson-progress__percentage{font-size:var(--text-small);color:var(--text-muted);display:block}
.lexicon-panel{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--gap-lg)}.lexicon-panel__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-md)}.lexicon-panel__empty{font-size:var(--text-small);color:var(--text-muted);font-style:italic}.lexicon-panel__list{gap:var(--gap-xs);flex-direction:column;display:flex}.lexicon-panel__item{border-bottom:1px solid var(--border);padding:var(--gap-sm)0}.lexicon-panel__item:last-child{border-bottom:none}.lexicon-panel__term{cursor:pointer;font-size:var(--text-small);font-weight:var(--font-medium);color:var(--primary);-webkit-user-select:none;user-select:none;padding:var(--gap-xs);border-radius:var(--radius-sm);transition:var(--transition-colors);list-style:none}.lexicon-panel__term::-webkit-details-marker{display:none}.lexicon-panel__term:before{content:"▸";margin-right:var(--gap-xs);transition:transform .2s;display:inline-block}.lexicon-panel__item[open] .lexicon-panel__term:before{transform:rotate(90deg)}.lexicon-panel__term:hover{background-color:var(--bg-subtle)}.lexicon-panel__definition{font-size:var(--text-small);color:var(--text);padding:var(--gap-sm)var(--gap-md);margin-top:var(--gap-xs);line-height:1.6}
.quiz{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--gap-xl)}.quiz__loading,.quiz__error,.quiz__empty{text-align:center;padding:var(--gap-xl)}.quiz-header{margin-bottom:var(--gap-xl);padding-bottom:var(--gap-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.quiz-title{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles);margin:0}.quiz-progress{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-muted);padding:var(--gap-xs)var(--gap-md);background-color:var(--bg-subtle);border-radius:var(--radius-full)}.quiz-question{margin-bottom:var(--gap-xl)}.quiz-question-text{font-size:var(--text-h4);font-weight:var(--font-medium);color:var(--titles);margin-bottom:var(--gap-lg);line-height:var(--leading-relaxed)}.quiz-options{gap:var(--gap-md);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--gap-md);padding:var(--gap-lg);background-color:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all);text-align:left;font-family:inherit;font-size:var(--text-body);color:var(--text);width:100%;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--primary);background-color:var(--bg-subtle);transform:translate(2px)}.quiz-option:disabled{cursor:not-allowed}.quiz-option--selected{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.quiz-option--correct{border-color:var(--success);background-color:#22c55e1a}.quiz-option--incorrect{border-color:var(--destructive);background-color:#ef44441a}.quiz-option-checkbox,.quiz-option-radio{flex-shrink:0}.quiz-option-checkbox-icon,.quiz-option-radio-icon{color:var(--primary);font-size:1.5rem;line-height:1}.quiz-option-text{line-height:var(--leading-relaxed);flex:1}.quiz-option-feedback{font-size:1.5rem;font-weight:var(--font-bold);flex-shrink:0}.quiz-option--correct .quiz-option-feedback{color:var(--success)}.quiz-option--incorrect .quiz-option-feedback{color:var(--destructive)}.quiz-explanation{margin-top:var(--gap-lg);padding:var(--gap-lg);background:linear-gradient(to right,#ffc10714 0%,var(--surface)100%);border-left:4px solid var(--warning);border-radius:var(--radius-sm)}.quiz-explanation strong{color:var(--warning);margin-bottom:var(--gap-sm);display:block}.quiz-explanation p{color:var(--text);line-height:var(--leading-relaxed);margin:0}.quiz-actions{padding-top:var(--gap-lg);border-top:1px solid var(--border);justify-content:flex-end;display:flex}.quiz--completed{text-align:center;padding:var(--gap-2xl)}.quiz-results{align-items:center;gap:var(--gap-xl);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.quiz-results-header{align-items:center;gap:var(--gap-md);flex-direction:column;display:flex}.quiz-results-icon{filter:drop-shadow(0 4px 8px #0000001a);font-size:5rem;line-height:1}.quiz-results-icon--success{animation:.8s ease-in-out bounce-scale}.quiz-results-icon--warning{animation:.5s ease-in-out shake}.quiz-results-title{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--titles);margin:0}.quiz-results-main-score{align-items:center;gap:var(--gap-lg);padding:var(--gap-xl)var(--gap-2xl);background:linear-gradient(135deg,var(--bg-subtle)0%,var(--surface)100%);border-radius:var(--radius-lg);flex-direction:column;width:100%;display:flex;box-shadow:0 2px 8px #00000014}.quiz-results-score{align-items:baseline;gap:var(--gap-md);font-weight:var(--font-bold);display:flex}.quiz-results-score-value{color:var(--primary);font-size:5rem;line-height:1;font-weight:var(--font-black)}.quiz-results-score-separator,.quiz-results-score-total{font-size:var(--text-h1);color:var(--text-muted)}.quiz-results-percentage{font-size:var(--text-h2);font-weight:var(--font-bold);padding:var(--gap-sm)var(--gap-xl);border-radius:var(--radius-full);background-color:var(--bg-subtle)}.quiz-results-percentage--success{color:var(--success);background-color:#22c55e1a}.quiz-results-percentage--warning{color:var(--warning);background-color:#ffc1071a}.quiz-results-stats{gap:var(--gap-lg);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.quiz-results-stat{align-items:center;gap:var(--gap-sm);padding:var(--gap-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.quiz-results-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quiz-results-stat--success{border-color:var(--success);background:linear-gradient(to bottom,#22c55e0d,var(--surface))}.quiz-results-stat--error{border-color:var(--destructive);background:linear-gradient(to bottom,#ef44440d,var(--surface))}.quiz-results-stat-icon{font-size:2rem;line-height:1}.quiz-results-stat--success .quiz-results-stat-icon{color:var(--success)}.quiz-results-stat--error .quiz-results-stat-icon{color:var(--destructive)}.quiz-results-stat-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.quiz-results-stat-value{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles)}.quiz-results-progress-bar{background-color:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:12px;position:relative;overflow:hidden}.quiz-results-progress-fill{border-radius:var(--radius-full);height:100%;transition:width 1s ease-out;position:relative;overflow:hidden}.quiz-results-progress-fill--success{background:linear-gradient(90deg,var(--success),var(--primary))}.quiz-results-progress-fill--warning{background:linear-gradient(90deg,var(--warning),var(--destructive))}.quiz-results-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.quiz-results-message{width:100%;padding:var(--gap-lg);background-color:var(--bg-subtle);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.quiz-results-message p{color:var(--text);line-height:var(--leading-relaxed);font-size:var(--text-base);margin:0}.quiz-results-message strong{color:var(--titles)}.quiz-results-actions{gap:var(--gap-md);width:100%;margin-top:var(--gap-md);justify-content:center;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce-scale{0%,to{transform:scale(1)translateY(0)}25%{transform:scale(1.1)translateY(-10px)}50%{transform:scale(.95)translateY(0)}75%{transform:scale(1.05)translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.quiz{padding:var(--gap-lg)}.quiz-header{align-items:flex-start;gap:var(--gap-sm);flex-direction:column}.quiz--completed{padding:var(--gap-lg)}.quiz-results{gap:var(--gap-lg)}.quiz-results-icon{font-size:4rem}.quiz-results-title{font-size:var(--text-h2)}.quiz-results-main-score{padding:var(--gap-lg)var(--gap-xl)}.quiz-results-score-value{font-size:3.5rem}.quiz-results-score-separator,.quiz-results-score-total{font-size:var(--text-h2)}.quiz-results-percentage{font-size:var(--text-h3);padding:var(--gap-xs)var(--gap-lg)}.quiz-results-stats{gap:var(--gap-md);grid-template-columns:1fr}.quiz-results-stat{padding:var(--gap-md)}.quiz-results-stat-value{font-size:var(--text-h3)}}
.table-of-contents{margin-bottom:var(--gap-xl)}.table-of-contents__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-md);padding:var(--gap-sm)0}.table-of-contents__list{margin:0;padding:0;list-style:none}.table-of-contents__item{margin-bottom:var(--gap-sm)}.table-of-contents__link{padding:var(--gap-sm)var(--gap-md);color:var(--text);border-radius:var(--radius-xs);font-size:var(--text-body);transition:var(--transition-colors);text-decoration:none;display:block}.table-of-contents__link:hover{background-color:var(--surface);color:var(--titles)}.table-of-contents__link:active,.table-of-contents__item--active .table-of-contents__link{background-color:var(--primary);color:var(--bg);font-weight:var(--font-medium)}
.credit-balance--sm{padding:var(--gap-md)}.credit-balance--lg{padding:var(--gap-xl)}.credit-balance--critical{background:#ef44440d;border-color:#ef444480}.credit-balance--low{background:#f59e0b0d;border-color:#f59e0b80}.credit-balance-header{margin-bottom:var(--gap-md);justify-content:space-between;align-items:center;display:flex}.credit-balance-title{align-items:center;gap:var(--gap-sm);display:flex}.credit-balance-indicator{border-radius:50%;width:.5rem;height:.5rem}.credit-balance-indicator--good{background:var(--success)}.credit-balance-indicator--low{background:var(--warning)}.credit-balance-indicator--critical{background:var(--destructive)}.credit-balance-heading{color:var(--titles);margin:0;font-weight:500}.credit-balance--sm .credit-balance-heading{font-size:.875rem}.credit-balance--lg .credit-balance-heading{font-size:1.125rem}.credit-balance-buy-button{font-size:.75rem}.credit-balance-display{margin-bottom:var(--gap-md)}.credit-balance-numbers{align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--gap-sm);display:flex}.credit-balance-current{font-weight:700}.credit-balance--sm .credit-balance-current{font-size:1.25rem}.credit-balance--md .credit-balance-current{font-size:1.5rem}.credit-balance--lg .credit-balance-current{font-size:1.875rem}.credit-balance-current--good{color:var(--titles)}.credit-balance-current--low{color:var(--warning)}.credit-balance-current--critical{color:var(--destructive)}.credit-balance-total{color:var(--muted)}.credit-balance--sm .credit-balance-total{font-size:.75rem}.credit-balance--md .credit-balance-total,.credit-balance--lg .credit-balance-total{font-size:.875rem}.credit-balance-progress{height:.5rem}.credit-balance--sm .credit-balance-progress{height:.375rem}.credit-balance--lg .credit-balance-progress{height:.75rem}.credit-balance-info{gap:var(--gap-sm);flex-direction:column;display:flex}.credit-balance-row{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.credit-balance--sm .credit-balance-row{font-size:.75rem}.credit-balance--md .credit-balance-row,.credit-balance--lg .credit-balance-row{font-size:.875rem}.credit-balance-alert{align-items:center;gap:var(--gap-sm);padding:var(--gap-sm);border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444433;display:flex}.credit-balance--sm .credit-balance-alert{font-size:.75rem}.credit-balance--md .credit-balance-alert,.credit-balance--lg .credit-balance-alert{font-size:.875rem}.credit-balance-alert-icon{width:1rem;height:1rem;color:var(--destructive);flex-shrink:0}.credit-balance-alert-text{color:var(--destructive)}
.dashboard-kpi-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.dashboard-kpi-card{padding:var(--gap-lg);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s}.dashboard-kpi-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.dashboard-kpi-header{margin-bottom:var(--gap-md);justify-content:space-between;align-items:center;display:flex}.dashboard-kpi-title{color:var(--muted-foreground);font-size:.875rem;font-weight:500}.dashboard-kpi-icon{width:1.25rem;height:1.25rem;color:var(--muted-foreground)}.dashboard-kpi-value{color:var(--foreground);margin-bottom:var(--gap-sm);font-size:2rem;font-weight:700;line-height:1}.dashboard-kpi-change{align-items:center;gap:var(--gap-xs);font-size:.875rem;font-weight:500;display:inline-flex}.dashboard-kpi-change--positive{color:var(--success)}.dashboard-kpi-change--negative{color:var(--destructive)}.dashboard-kpi-change--neutral{color:var(--muted-foreground)}
.formation-card__badges{gap:var(--gap-sm);margin-bottom:var(--gap-md);display:flex}.card__description{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.formation-card__meta{align-items:center;gap:var(--gap-sm);margin-top:var(--gap-md);font-size:var(--text-small);color:var(--muted);flex-wrap:wrap;display:flex}.formation-card__progress-text{color:var(--primary);font-weight:var(--font-semibold)}.formation-card__button{margin-top:var(--gap-lg);width:100%}.formation-card__progress{padding:0 var(--padding-md)var(--padding-md);margin-top:auto}.formation-card__progress-bar{background-color:var(--surface);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.formation-card__progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .3s}
.import-export-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--gap-xl)}.import-export-header{margin-bottom:var(--gap-xl)}.import-export-header h3{color:var(--foreground);margin-bottom:var(--gap-sm);font-size:1.125rem;font-weight:600}.import-export-header p{color:var(--muted-foreground);font-size:.875rem}.import-export-grid{gap:var(--gap-xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.import-export-grid{grid-template-columns:1fr 1fr}}.import-export-section{gap:var(--gap-md);flex-direction:column;display:flex}.import-export-section h4{color:var(--foreground);margin-bottom:var(--gap-md);font-size:.875rem;font-weight:500}.import-export-form{gap:var(--gap-md);flex-direction:column;display:flex}.import-export-field label{color:var(--muted-foreground);margin-bottom:var(--gap-sm);font-size:.75rem;font-weight:500;display:block}.import-export-count{color:var(--muted-foreground);font-size:.75rem}.import-export-status{gap:var(--gap-sm);flex-direction:column;display:flex}.import-export-status-text{font-size:.75rem}.import-export-status-text--success{color:var(--success)}.import-export-status-text--error{color:var(--destructive)}.import-export-status-text--muted{color:var(--muted-foreground)}.import-export-help{margin-top:var(--gap-xl);padding:var(--gap-md);background-color:var(--muted);border-radius:var(--radius-sm)}.import-export-help h5{color:var(--foreground);margin-bottom:var(--gap-sm);font-size:.875rem;font-weight:500}.import-export-help ul{gap:var(--gap-xs);color:var(--muted-foreground);flex-direction:column;font-size:.75rem;display:flex}.import-export-help strong{color:var(--foreground);font-weight:600}
.invite-members-form{gap:var(--gap-md);flex-direction:column;display:flex}.invite-members-input-group{gap:var(--gap-sm);display:flex}.invite-members-list{gap:var(--gap-sm);margin-top:var(--gap-md);flex-direction:column;display:flex}.invite-member-item{padding:var(--gap-md);background-color:var(--muted);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}
.kanban{gap:var(--gap-lg);padding:var(--gap-md);display:flex;overflow-x:auto}.kanban-column{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;display:flex}.kanban-column-header{padding:var(--gap-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.kanban-column-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin:0}.kanban-column-count{font-size:var(--text-small);color:var(--muted);background:var(--bg);padding:var(--gap-xs)var(--gap-sm);border-radius:var(--radius-xs)}.kanban-column-content{padding:var(--gap-md);gap:var(--gap-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kanban-card{padding:var(--gap-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-transform)}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card-header{justify-content:space-between;align-items:flex-start;gap:var(--gap-sm);margin-bottom:var(--gap-sm);display:flex}.kanban-card-title{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles);flex:1;margin:0}.kanban-card-priority{font-size:var(--text-small);padding:var(--gap-xs)var(--gap-sm);border-radius:var(--radius-xs);text-transform:capitalize}.kanban-card-priority--low{background:var(--surface);color:var(--muted)}.kanban-card-priority--medium{background:var(--warning);color:var(--bg)}.kanban-card-priority--high{background:var(--destructive);color:var(--on-primary)}.kanban-card-description{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin:0 0 var(--gap-sm)0}.kanban-card-assignee{font-size:var(--text-small);color:var(--muted)}
.notification-center{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;max-width:400px;max-height:600px;display:flex}.notification-center-header{padding:var(--gap-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.notification-center-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin:0}.notification-center-list{flex:1;overflow-y:auto}.notification-center-empty{padding:var(--gap-xl);text-align:center;color:var(--muted)}.notification-item{gap:var(--gap-md);padding:var(--gap-md);border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition-colors);display:flex}.notification-item:hover,.notification-item--unread{background:var(--surface)}.notification-item--info{border-left:3px solid var(--primary)}.notification-item--success{border-left:3px solid var(--success)}.notification-item--warning{border-left:3px solid var(--warning)}.notification-item--error{border-left:3px solid var(--destructive)}.notification-content{flex:1}.notification-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--gap-xs)}.notification-message{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--gap-xs)}.notification-timestamp{font-size:var(--text-small);color:var(--muted)}.notification-close{flex-shrink:0}
.plan-picker-container{width:100%}.plan-picker-container>.toggle-button{margin-bottom:var(--gap-xl)}.plan-picker-grid{gap:var(--gap-xl);grid-template-columns:1fr;display:grid;overflow:visible}@media (min-width:48rem){.plan-picker-grid{gap:var(--gap-xl);grid-template-columns:repeat(3,1fr)}.plan-picker-grid--two-cols{grid-template-columns:repeat(2,1fr);max-width:56rem;margin:0 auto}}.plan-picker-card{background-color:var(--surface);padding:var(--gap-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all);flex-direction:column;height:100%;display:flex;position:relative}.plan-picker-card--popular{box-shadow:0 0 0 .125rem var(--primary)}.plan-picker-card--selected{box-shadow:0 0 0 .125rem color-mix(in srgb,var(--primary)50%,transparent)}.plan-picker-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.plan-picker-badge-content{padding:var(--gap-sm)var(--gap-sm);background-color:var(--primary);color:var(--on-primary);font-size:var(--text-tiny);font-weight:var(--font-medium);border-radius:var(--radius-full);border:none;display:inline-block}.plan-picker-header{text-align:center;margin-bottom:var(--gap-xl)}.plan-picker-name{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--gap-sm)}.plan-picker-description{color:var(--muted-foreground);font-size:var(--text-small);margin-bottom:var(--gap-md)}.plan-picker-price{margin-bottom:var(--gap-sm)}.plan-picker-price-amount{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--primary)}.plan-picker-price-period{color:var(--muted-foreground);font-size:var(--text-h4);font-weight:var(--font-bold)}.plan-picker-price-note{margin-top:var(--gap-sm);justify-content:center;display:flex}.plan-picker-features{gap:var(--gap-md);margin-bottom:var(--gap-xl);flex-direction:column;flex:1;display:flex}.plan-picker-feature{align-items:flex-start;gap:var(--gap-sm);font-size:var(--text-small);display:flex}.plan-picker-feature-icon{width:1.5rem;height:1.5rem;color:var(--primary);margin-top:calc(var(--gap-xs)/2);flex-shrink:0}.plan-picker-feature-text{color:var(--muted-foreground)}.plan-picker-cta{width:100%;margin-top:var(--gap-md)}
.pricing-table{gap:var(--gap-xl);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));max-width:80rem;margin:0 auto;display:grid}.pricing-card{padding:var(--gap-xl);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;transition:all .2s;display:flex}.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.pricing-card--featured{border-color:var(--primary);box-shadow:var(--shadow-lg);position:relative}.pricing-card-badge{padding:var(--gap-xs)var(--gap-md);background-color:var(--primary);color:var(--bg);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.pricing-card-header{margin-bottom:var(--gap-xl)}.pricing-card-name{color:var(--foreground);margin-bottom:var(--gap-sm);font-size:1.25rem;font-weight:600}.pricing-card-description{color:var(--muted-foreground);font-size:.875rem;line-height:var(--leading-tight)}.pricing-card-price{margin-bottom:var(--gap-xl)}.pricing-card-amount{color:var(--foreground);font-size:3rem;font-weight:700;line-height:1}.pricing-card-period{color:var(--muted-foreground);font-size:1rem}.pricing-card-features{margin-bottom:var(--gap-xl);flex:1}.pricing-card-feature{align-items:flex-start;gap:var(--gap-sm);padding:var(--gap-sm)0;color:var(--foreground);font-size:.875rem;display:flex}.pricing-card-feature-icon{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}
.roles-matrix{overflow-x:auto}.roles-matrix-table{border-collapse:collapse;width:100%}.roles-matrix-header{background-color:var(--muted);text-align:left;padding:var(--gap-md);border-bottom:1px solid var(--border);font-size:.875rem;font-weight:600}.roles-matrix-cell{padding:var(--gap-md);border-bottom:1px solid var(--border);text-align:center}.roles-matrix-permission{color:var(--foreground);text-align:left;font-size:.875rem}
.saved-views-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--gap-md)}.saved-views-header{margin-bottom:var(--gap-md);justify-content:space-between;align-items:center;display:flex}.saved-views-header h3{color:var(--foreground);margin-bottom:var(--gap-xs);font-size:.875rem;font-weight:500}.saved-views-header p{color:var(--muted-foreground);font-size:.75rem}.saved-views-empty{text-align:center;padding:var(--gap-xl)0}.saved-views-empty-icon{width:3rem;height:3rem;margin:0 auto var(--gap-md);color:var(--muted-foreground)}.saved-views-empty p{color:var(--muted-foreground);margin-bottom:var(--gap-md);font-size:.875rem}.saved-views-empty p:last-of-type{font-size:.75rem}.saved-views-list{gap:var(--gap-sm);flex-direction:column;display:flex}.saved-view-card{padding:var(--gap-md);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.saved-view-card:hover{border-color:var(--border-hover)}.saved-view-card--active{border-color:var(--primary);background-color:color-mix(in srgb,var(--primary)5%,transparent)}.saved-view-content{flex:1;min-width:0}.saved-view-header{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-xs);display:flex}.saved-view-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.saved-view-meta{align-items:center;gap:var(--gap-sm);color:var(--muted-foreground);font-size:.75rem;display:flex}.saved-view-actions{align-items:center;gap:var(--gap-xs);display:flex}.saved-views-form{gap:var(--gap-md);flex-direction:column;display:flex}.saved-views-form-field label{color:var(--foreground);margin-bottom:var(--gap-sm);font-size:.875rem;font-weight:500;display:block}.saved-views-filters-preview{background-color:var(--muted);padding:var(--gap-md);border-radius:var(--radius-sm)}.saved-views-filters-preview p{color:var(--muted-foreground);margin-bottom:var(--gap-sm);font-size:.75rem}.saved-views-filters-list{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.saved-views-form-actions{gap:var(--gap-md);padding-top:var(--gap-md);display:flex}
.usage-metrics{gap:var(--gap-lg);flex-direction:column;display:flex}.usage-metric{gap:var(--gap-sm);flex-direction:column;display:flex}.usage-metric-header{justify-content:space-between;align-items:center;display:flex}.usage-metric-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles)}.usage-metric-value{font-size:var(--text-small);color:var(--muted)}.usage-metric-bar{background:var(--surface);border-radius:var(--radius-full);height:8px;overflow:hidden}.usage-metric-progress{background:var(--primary);height:100%;width:var(--usage-percentage);transition:width .3s}.usage-metric-progress--near{background:var(--warning)}.usage-metric-progress--over{background:var(--destructive)}.usage-metric-percentage{font-size:var(--text-small);color:var(--muted);text-align:right}
.error-page{min-height:100vh;padding:var(--gap-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-page-code{color:var(--primary);margin-bottom:var(--gap-md);font-size:6rem;font-weight:700;line-height:1}.error-page-title{color:var(--foreground);margin-bottom:var(--gap-md);font-size:2rem;font-weight:600}.error-page-description{color:var(--muted-foreground);max-width:32rem;margin-bottom:var(--gap-xl);font-size:1rem;line-height:1.6}.error-page-actions{gap:var(--gap-md);flex-wrap:wrap;justify-content:center;display:flex}.theme-toggle{border-radius:var(--radius-md);background-color:var(--background);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:inline-flex}.theme-toggle:hover{background-color:var(--accent);border-color:var(--primary)}.theme-toggle-icon{width:1.25rem;height:1.25rem;color:var(--foreground)}.brand-theme-selector{gap:var(--gap-md);padding:var(--gap-md);background-color:var(--muted);border-radius:var(--radius-md);display:flex}.brand-swatch{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:2rem;height:2rem;transition:all .2s}.brand-swatch:hover{transform:scale(1.1)}.brand-swatch--active{border-color:var(--foreground);box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--foreground)}.loading-boundary{min-height:20rem;padding:var(--padding-section-sm);justify-content:center;align-items:center;display:flex}.loading-boundary-spinner{border:3px solid var(--muted);border-top-color:var(--primary);border-radius:var(--radius-full);width:3rem;height:3rem;animation:1s linear infinite spin}.loading-boundary-text{margin-top:var(--gap-md);color:var(--muted-foreground);font-size:.875rem}








.prompt-editor{gap:var(--gap-md);flex-direction:column;display:flex}.prompt-editor-toolbar{justify-content:space-between;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.prompt-editor-actions{align-items:center;gap:var(--gap-sm);display:flex}.prompt-editor-button{font-size:.75rem}.prompt-editor-icon{width:1rem;height:1rem;margin-right:var(--gap-xs)}.prompt-editor-stats{color:var(--muted);font-size:.75rem}.prompt-editor-presets,.prompt-editor-history{max-height:15rem;overflow-y:auto}.prompt-editor-panel-title{color:var(--titles);margin:0 0 var(--gap-md);font-size:.875rem;font-weight:500}.prompt-editor-category{margin-bottom:var(--gap-md)}.prompt-editor-category:last-child{margin-bottom:0}.prompt-editor-category-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--gap-sm);font-size:.75rem;font-weight:500}.prompt-editor-preset-list,.prompt-editor-history-list{gap:var(--gap-sm);flex-direction:column;display:flex}.prompt-editor-preset,.prompt-editor-history-item{text-align:left;width:100%;padding:var(--gap-md);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:none;transition:all .2s}.prompt-editor-preset:hover,.prompt-editor-history-item:hover{background:#ffffff1a}.prompt-editor-preset-header,.prompt-editor-history-header{margin-bottom:var(--gap-sm);justify-content:space-between;align-items:flex-start;display:flex}.prompt-editor-preset-name{color:var(--titles);margin:0;font-size:.875rem;font-weight:500}.prompt-editor-preset:hover .prompt-editor-preset-name{color:var(--primary)}.prompt-editor-preset-tags{gap:var(--gap-xs);display:flex}.prompt-editor-tag{color:var(--muted);background:#ffffff1a;font-size:.75rem}.prompt-editor-preset-text,.prompt-editor-history-text{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.prompt-editor-history-item:hover .prompt-editor-history-text{color:var(--primary)}.prompt-editor-history-date{color:var(--muted);font-size:.75rem}.prompt-editor-history-badge{color:var(--success);background:#22c55e26;font-size:.75rem}.prompt-editor-save-title{color:var(--titles);margin:0 0 var(--gap-md);font-size:.875rem;font-weight:500}.prompt-editor-save-form{gap:var(--gap-sm);display:flex}.prompt-editor-save-input{padding:var(--gap-sm)var(--gap-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--titles);flex:1;font-size:.875rem}.prompt-editor-save-input::placeholder{color:var(--muted)}.prompt-editor-save-input:focus{border-color:var(--primary);outline:none}.prompt-editor-main{position:relative}.prompt-editor-textarea{resize:none;min-height:7.5rem}.prompt-editor-generate{bottom:var(--gap-md);right:var(--gap-md);position:absolute}.prompt-editor-generate-button{box-shadow:var(--shadow-4)}.prompt-editor-spinner{width:1rem;height:1rem;margin-right:var(--gap-sm);animation:1s linear infinite spin}.prompt-editor-spinner-track{opacity:.25}.prompt-editor-spinner-fill{opacity:.75}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.model-selector{gap:var(--gap-md);flex-direction:column;display:flex}.model-card{cursor:pointer;position:relative}.model-card:hover{border-color:#ffffff1a}.model-card--selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary)20%,transparent)}.model-card--disabled{opacity:.5;cursor:not-allowed}.model-card-header{margin-bottom:var(--gap-md);justify-content:space-between;align-items:flex-start;display:flex}.model-card-info{flex:1}.model-card-title-row{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-xs);flex-wrap:wrap;display:flex}.model-card-name{color:var(--titles);margin:0;font-size:.875rem;font-weight:500}.model-card-badge{font-size:.75rem}.model-type--audio{color:var(--info);background:#3b82f626}.model-type--vocal{background:var(--primary-muted);color:var(--primary)}.model-type--instrumental{color:var(--success);background:#22c55e26}.model-type--mastering{color:var(--warning);background:#f59e0b26}.model-quality--standard{color:var(--muted);background:#6b728026}.model-quality--premium{color:var(--warning);background:#f59e0b26}.model-quality--pro{color:var(--destructive);background:#ef444426}.model-badge--beta{color:var(--info);background:#3b82f626}.model-badge--unavailable{color:var(--destructive);background:#ef444426}.model-card-description{color:var(--muted);margin:0 0 var(--gap-sm);font-size:.75rem;line-height:1.4}.model-card-meta{color:var(--muted);font-size:.75rem}.model-card-pricing{text-align:right;flex-shrink:0}.model-card-price{color:var(--titles);font-size:.875rem;font-weight:500}.model-card-unit{color:var(--muted);font-size:.75rem}.model-card-capabilities{margin-bottom:var(--gap-md)}.model-card-capabilities-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--gap-sm);font-size:.75rem;font-weight:500}.model-card-capabilities-list{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.model-capability{padding:var(--gap-xs)var(--gap-sm);color:var(--muted);border-radius:var(--radius-sm);background:#ffffff0d;font-size:.75rem}.model-card-selected{top:var(--gap-md);right:var(--gap-md);position:absolute}.model-card-checkmark{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.model-card-check-icon{color:#fff;width:.75rem;height:.75rem}.model-selector-empty{text-align:center;padding:var(--gap-xl)var(--gap-md)}.model-selector-empty-text{color:var(--muted);font-size:.875rem}
.asset-tile{cursor:pointer;position:relative}.asset-tile--selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary)20%,transparent)}.asset-tile--clickable:hover{border-color:#ffffff1a}.asset-tile-media{margin-bottom:var(--gap-md);position:relative}.asset-tile-image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);background:#ffffff0d;width:100%}.asset-tile-placeholder{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.asset-tile-icon{width:1.25rem;height:1.25rem;font-size:1.5rem}.asset-tile-icon--audio{color:var(--info)}.asset-tile-icon--video{color:var(--primary)}.asset-tile-icon--image{color:var(--success)}.asset-tile-icon--document{color:var(--warning)}.asset-tile-icon--preset{color:var(--destructive)}.asset-tile-status{top:var(--gap-sm);right:var(--gap-sm);font-size:.75rem;position:absolute}.asset-status--processing{color:var(--info);background:#3b82f626}.asset-status--ready{color:var(--success);background:#22c55e26}.asset-status--error{color:var(--destructive);background:#ef444426}.asset-status--draft{color:var(--muted);background:#6b728026}.asset-tile-play{opacity:0;border-radius:var(--radius-sm);cursor:pointer;background:#00000080;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.asset-tile:hover .asset-tile-play{opacity:1}.asset-tile-play-icon{color:#fff;width:2rem;height:2rem;padding:var(--gap-sm);background:#fff3;border-radius:50%}.asset-tile-content{gap:var(--gap-sm);flex-direction:column;display:flex}.asset-tile-header{justify-content:space-between;align-items:flex-start;display:flex}.asset-tile-name{color:var(--titles);text-overflow:ellipsis;white-space:nowrap;padding-right:var(--gap-sm);flex:1;margin:0;font-size:.875rem;font-weight:500;overflow:hidden}.asset-tile-type{flex-shrink:0;font-size:.75rem}.asset-tile-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.asset-tile-details,.asset-tile-date{color:var(--muted)}.asset-tile-actions{top:var(--gap-sm);left:var(--gap-sm);opacity:0;gap:var(--gap-xs);transition:opacity .2s;display:flex;position:absolute}.asset-tile:hover .asset-tile-actions{opacity:1}.asset-tile-action{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s;display:flex}.asset-tile-action:hover{background:#000000b3}.asset-tile-action--delete:hover{background:#ef4444b3}.asset-tile-action-icon{width:1rem;height:1rem}
.login-form{gap:var(--gap-md);flex-direction:column;width:100%;max-width:28rem;display:flex}.login-form-header{text-align:center;margin-bottom:var(--gap-sm)}.login-form-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--gap-xs)}.login-form-subtitle{font-size:var(--text-small);color:var(--muted)}.login-form-error{align-items:center;gap:var(--gap-sm);padding:var(--gap-md);background-color:var(--error);color:var(--error-foreground);border-radius:var(--radius-md);font-size:var(--text-small);display:flex}.login-form-error .icon{flex-shrink:0;width:1.25rem;height:1.25rem}.login-form-social{gap:var(--gap-sm);flex-direction:column;display:flex}.login-form-social-btn{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--gap-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);display:flex}.login-form-social-btn:hover:not(:disabled){background-color:var(--muted);border-color:var(--muted-foreground)}.login-form-social-btn:disabled{opacity:.5;cursor:not-allowed}.login-form-social-btn .icon{width:1.25rem;height:1.25rem}.login-form-divider{text-align:center;margin:var(--gap-md)0;position:relative}.login-form-divider:before{content:"";background-color:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.login-form-divider span{padding:0 var(--gap-md);background-color:var(--bg);color:var(--muted);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:.05em;display:inline-block;position:relative}.login-form-fields{gap:var(--gap-md);flex-direction:column;display:flex}.login-form-field{gap:var(--gap-xs);flex-direction:column;display:flex}.login-form-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--foreground)}.login-form-label-row{justify-content:space-between;align-items:center;display:flex}.login-form-password{position:relative}.login-form-password-toggle{right:var(--gap-sm);padding:var(--gap-xs);color:var(--muted);cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-sm);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.login-form-password-toggle:hover:not(:disabled){color:var(--foreground);background-color:var(--muted)}.login-form-password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-form-password-toggle .icon{width:1.25rem;height:1.25rem}.login-form-remember{align-items:center;display:flex}.login-form-checkbox{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);color:var(--foreground);cursor:pointer;display:flex}.login-form-checkbox input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.login-form-submit{justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;display:flex}.login-form-submit .icon{width:1.25rem;height:1.25rem}.login-form-footer{text-align:center;font-size:var(--text-small);color:var(--muted)}.login-form-footer-text{margin-right:var(--gap-xs)}.login-form-link{color:var(--primary);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;text-decoration:none}.login-form-link:hover:not(:disabled){text-decoration:underline}.login-form-link:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}
.register-form{gap:var(--gap-md);flex-direction:column;width:100%;max-width:28rem;display:flex}.register-form-header{text-align:center;margin-bottom:var(--gap-sm)}.register-form-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--gap-xs)}.register-form-subtitle{font-size:var(--text-small);color:var(--muted)}.register-form-error{align-items:center;gap:var(--gap-sm);padding:var(--gap-md);background-color:var(--error);color:var(--error-foreground);border-radius:var(--radius-md);font-size:var(--text-small);display:flex}.register-form-error .icon{flex-shrink:0;width:1.25rem;height:1.25rem}.register-form-social{gap:var(--gap-sm);flex-direction:column;display:flex}.register-form-social-btn{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--gap-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);display:flex}.register-form-social-btn:hover:not(:disabled){background-color:var(--muted);border-color:var(--muted-foreground)}.register-form-social-btn:disabled{opacity:.5;cursor:not-allowed}.register-form-social-btn .icon{width:1.25rem;height:1.25rem}.register-form-divider{text-align:center;margin:var(--gap-md)0;position:relative}.register-form-divider:before{content:"";background-color:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.register-form-divider span{padding:0 var(--gap-md);background-color:var(--bg);color:var(--muted);font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:.05em;display:inline-block;position:relative}.register-form-fields{gap:var(--gap-md);flex-direction:column;display:flex}.register-form-field{gap:var(--gap-xs);flex-direction:column;display:flex}.register-form-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--foreground)}.register-form-field-error{font-size:var(--text-tiny);color:var(--error)}.register-form-password{position:relative}.register-form-password-toggle{right:var(--gap-sm);padding:var(--gap-xs);color:var(--muted);cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-sm);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.register-form-password-toggle:hover:not(:disabled){color:var(--foreground);background-color:var(--muted)}.register-form-password-toggle:disabled{opacity:.5;cursor:not-allowed}.register-form-password-toggle .icon{width:1.25rem;height:1.25rem}.register-form-password-strength{align-items:center;gap:var(--gap-sm);margin-top:var(--gap-xs);display:flex}.register-form-password-strength-bar{background-color:var(--muted);border-radius:var(--radius-full);flex:1;height:.25rem;overflow:hidden}.register-form-password-strength-fill{border-radius:var(--radius-full);height:100%;transition:width .3s,background-color .3s}.register-form-password-strength-fill--weak{background-color:var(--error)}.register-form-password-strength-fill--medium{background-color:var(--warning)}.register-form-password-strength-fill--strong{background-color:var(--success)}.register-form-password-strength-text{font-size:var(--text-tiny);font-weight:var(--font-medium);color:var(--muted);min-width:3rem}.register-form-terms{align-items:flex-start;display:flex}.register-form-checkbox{align-items:flex-start;gap:var(--gap-sm);font-size:var(--text-tiny);color:var(--muted);cursor:pointer;line-height:1.5;display:flex}.register-form-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.register-form-submit{justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;display:flex}.register-form-submit .icon{width:1.25rem;height:1.25rem}.register-form-footer{text-align:center;font-size:var(--text-small);color:var(--muted)}.register-form-footer-text{margin-right:var(--gap-xs)}.register-form-link{color:var(--primary);font-size:inherit;font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;text-decoration:none}.register-form-link:hover:not(:disabled){text-decoration:underline}.register-form-link:disabled{opacity:.5;cursor:not-allowed}
.otp-input{gap:var(--gap-sm);justify-content:center;display:flex}.otp-input-digit{width:3rem;height:3.5rem;font-size:var(--text-h4);font-weight:var(--font-semibold);text-align:center;background-color:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);transition:var(--transition-all);outline:none}.otp-input-digit:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.otp-input-digit:disabled{opacity:.5;cursor:not-allowed;background-color:var(--muted)}.otp-input-digit--filled{border-color:var(--primary);background-color:var(--primary-muted)}.otp-input-digit--error{border-color:var(--error);background-color:var(--error-muted)}.otp-input-digit--error:focus{box-shadow:0 0 0 3px var(--error-muted)}@media (max-width:640px){.otp-input-digit{width:2.5rem;height:3rem;font-size:var(--text-h5)}.otp-input{gap:var(--gap-xs)}}@keyframes otp-fill{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.otp-input-digit--filled{animation:.2s otp-fill}
.password-strength{gap:var(--gap-sm);margin-top:var(--gap-xs);flex-direction:column;display:flex}.password-strength-indicator{align-items:center;gap:var(--gap-md);display:flex}.password-strength-bars{gap:var(--gap-xs);background:var(--bg);border-radius:var(--radius-full);flex:1;height:.5rem;padding:.125rem;display:flex;overflow:hidden}.password-strength-bar{border-radius:var(--radius-full);transform-origin:0;background-color:#0000;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-strength-bar--weak{background-color:var(--error);box-shadow:0 0 6px color-mix(in srgb,var(--error)40%,transparent)}.password-strength-bar--medium{background-color:var(--warning);box-shadow:0 0 6px color-mix(in srgb,var(--warning)40%,transparent)}.password-strength-bar--strong{background-color:var(--success);box-shadow:0 0 6px color-mix(in srgb,var(--success)40%,transparent)}.password-strength-bar--very-strong{background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success)80%,white));box-shadow:0 0 10px color-mix(in srgb,var(--success)50%,transparent)}.password-strength-label{font-size:var(--text-tiny);font-weight:var(--font-bold);text-align:right;text-transform:uppercase;min-width:5rem;letter-spacing:var(--tracking-wide);transition:color .3s}.password-strength-label--weak{color:var(--error)}.password-strength-label--medium{color:var(--warning)}.password-strength-label--strong{color:var(--success)}.password-strength-label--very-strong{color:var(--success);text-shadow:0 0 8px color-mix(in srgb,var(--success)30%,transparent)}.password-strength-requirements{padding:var(--gap-md);background:linear-gradient(135deg,var(--surface)0%,color-mix(in srgb,var(--surface)95%,var(--primary))100%);border:1px solid color-mix(in srgb,var(--border)80%,var(--primary));border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-strength-requirements-title{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles);margin-bottom:var(--gap-md);letter-spacing:var(--tracking-wide)}.password-strength-requirements-list{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.password-strength-requirement{align-items:center;gap:var(--gap-sm);font-size:var(--text-small);color:var(--muted);padding:var(--gap-xs)0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.password-strength-requirement .icon{opacity:.5;flex-shrink:0;width:1.125rem;height:1.125rem;transition:all .3s}.password-strength-requirement--met{color:var(--success);font-weight:var(--font-medium)}.password-strength-requirement--met .icon{color:var(--success);opacity:1;transform:scale(1.1)}@keyframes strength-pulse{0%,to{opacity:1}50%{opacity:.7}}.password-strength-bar--very-strong{animation:2s ease-in-out infinite strength-pulse}
.two-factor-auth{gap:var(--gap-lg);flex-direction:column;width:100%;max-width:28rem;display:flex}.two-factor-auth-header{text-align:center}.two-factor-auth-icon{width:4rem;height:4rem;margin-bottom:var(--gap-md);background-color:var(--primary-muted);border-radius:var(--radius-full);color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.two-factor-auth-icon .icon{width:2rem;height:2rem}.two-factor-auth-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--gap-xs)}.two-factor-auth-description{font-size:var(--text-small);color:var(--muted)}.two-factor-auth-error{align-items:center;gap:var(--gap-sm);padding:var(--gap-md);background-color:var(--error);color:var(--error-foreground);border-radius:var(--radius-md);font-size:var(--text-small);display:flex}.two-factor-auth-error .icon{flex-shrink:0;width:1.25rem;height:1.25rem}.two-factor-auth-input{padding:var(--gap-md)0;justify-content:center;display:flex}.two-factor-auth-resend{text-align:center}.two-factor-auth-resend-timer{font-size:var(--text-small);color:var(--muted)}.two-factor-auth-resend-btn{color:var(--primary);font-size:var(--text-small);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;text-decoration:none}.two-factor-auth-resend-btn:hover:not(:disabled){text-decoration:underline}.two-factor-auth-resend-btn:disabled{opacity:.5;cursor:not-allowed}.two-factor-auth-methods{padding-top:var(--gap-md);border-top:1px solid var(--border)}.two-factor-auth-methods-title{font-size:var(--text-tiny);font-weight:var(--font-medium);color:var(--muted);text-align:center;margin-bottom:var(--gap-sm)}.two-factor-auth-methods-list{gap:var(--gap-sm);justify-content:center;display:flex}.two-factor-auth-method-btn{align-items:center;gap:var(--gap-xs);padding:var(--gap-sm)var(--gap-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-tiny);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);display:flex}.two-factor-auth-method-btn:hover:not(:disabled){background-color:var(--muted);border-color:var(--primary)}.two-factor-auth-method-btn:disabled{opacity:.5;cursor:not-allowed}.two-factor-auth-method-btn .icon{width:1rem;height:1rem}.two-factor-auth-loading{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--gap-md);color:var(--muted);font-size:var(--text-small);display:flex}.two-factor-auth-loading .icon{width:1.25rem;height:1.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}