.features-section.animate-features{animation:features-pop 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 32px 0 var(--color-primary),0 0 0 8px var(--color-primary);z-index:2;position:relative}@keyframes features-pop{0%{transform:scale(1) translateY(0);box-shadow:0 0 0 0 var(--color-primary),0 0 0 0 var(--color-primary)}20%{transform:scale(1.03) translateY(-8px);box-shadow:0 0 32px 0 var(--color-primary),0 0 0 8px var(--color-primary)}80%{transform:scale(1.03) translateY(-8px);box-shadow:0 0 32px 0 var(--color-primary),0 0 0 8px var(--color-primary)}to{transform:scale(1) translateY(0);box-shadow:0 0 0 0 var(--color-primary),0 0 0 0 var(--color-primary)}}:root{--spacing-lg:1rem;--spacing-md:0.75rem;--spacing-sm:0.5rem;--spacing-xl:1.5rem;--spacing-xs:0.25rem;--color-scrim:color-mix(in oklab,#fff 70%,transparent);--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--color-accent:#00c9b0;--color-border:#24303b;--font-size-lg:clamp(1.125rem,1.125rem,1.25rem);--font-size-sm:clamp(0.8125rem,0.9rem,0.9rem);--font-size-xl:clamp(1.25rem,1.375rem,1.5rem);--font-size-xs:clamp(0.6875rem,0.75rem,0.75rem);--color-neutral:#2c3745;--color-outline:#12323a;--color-overlay:color-mix(in oklab,#fff 40%,transparent);--color-primary:#00b8e0;--color-surface:#0a0a0f;--divider-value:1px solid var(--color-outline);--font-size-2xl:clamp(1.5rem,1.75rem,1.9rem);--font-size-3xl:clamp(2.2rem,2.6rem,3rem);--font-size-4xl:clamp(3rem,3.6rem,4.2rem);--font-size-base:clamp(0.95rem,1rem,1rem);--shadow-level-1:0 0 8px rgba(0,255,200,.15);--shadow-level-2:0 0 18px rgba(0,255,200,.25);--shadow-level-3:0 0 36px rgba(0,255,200,.35);--color-backplate:color-mix(in oklab,#fff 60%,transparent);--color-on-accent:#06292a;--color-secondary:#8b5cf6;--border-radius-lg:12px;--border-radius-md:8px;--border-radius-sm:4px;--border-radius-xl:16px;--color-on-primary:#fff;--color-on-surface:#e8f0f8;--font-family-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--font-weight-body:400;--line-height-body:1.6;--content-max-width:84rem;--border-radius-card:16px;--border-radius-full:9999px;--border-radius-none:0px;--color-on-secondary:#fff;--font-style-heading:normal;--font-weight-medium:600;--font-family-heading:"JetBrains Mono",monospace;--font-weight-heading:700;--letter-spacing-body:0.02em;--line-height-heading:1.2;--dl-layout-size-large:144px;--dl-layout-size-small:48px;--dl-layout-space-unit:16px;--border-radius-control:12px;--dl-layout-size-medium:96px;--dl-layout-size-xlarge:192px;--dl-layout-size-xsmall:16px;--font-style-subheading:normal;--color-surface-elevated:color-mix(in oklab,var(--color-surface) 92%,var(--color-secondary));--dl-color-theme-accent1:#fff;--dl-color-theme-accent2:#f5d1b0;--dl-layout-radius-round:50%;--dl-layout-size-xxlarge:288px;--letter-spacing-heading:-0.02em;--text-transform-heading:none;--dl-color-theme-primary1:#bf4408;--dl-color-theme-primary2:#e65103;--dl-layout-size-maxwidth:1400px;--dl-layout-radius-radius2:2px;--dl-layout-radius-radius4:4px;--dl-layout-radius-radius8:8px;--dl-layout-space-halfunit:8px;--dl-layout-space-sixunits:96px;--dl-layout-space-twounits:32px;--dl-color-theme-secondary1:#fff;--dl-color-theme-secondary2:#fbf1eb;--dl-layout-space-fiveunits:80px;--dl-layout-space-fourunits:64px;--color-on-surface-secondary:#94a3b8;--dl-layout-space-threeunits:48px;--dl-color-theme-neutral-dark:#191818;--dl-layout-radius-cardradius:8px;--dl-color-theme-neutral-light:#fbfaf9;--dl-layout-radius-imageradius:8px;--dl-layout-radius-inputradius:24px;--dl-layout-radius-buttonradius:24px;--dl-layout-space-oneandhalfunits:24px}.button{display:inline-block}.button,.input{color:var(--dl-color-theme-neutral-dark);padding:.5rem 1rem;border-color:var(--dl-color-theme-neutral-dark);border-width:1px;border-radius:4px;background-color:var(--dl-color-theme-neutral-light)}.input,.textarea{cursor:auto}.textarea{color:var(--dl-color-theme-neutral-dark);padding:.5rem;border-color:var(--dl-color-theme-neutral-dark);border-width:1px;border-radius:4px;background-color:var(--dl-color-theme-neutral-light)}.list{width:100%;margin:1em 0;display:block;padding:0 0 0 1.5rem;list-style-type:none;list-style-position:outside}.list-item{display:list-item}.teleport-show{display:flex!important;transform:none!important}.thq-input{color:var(--dl-color-theme-neutral-dark);cursor:auto;outline:none;padding:.5rem 1rem;align-self:stretch;text-align:center;border-color:var(--dl-color-theme-neutral-dark);border-width:1px;border-radius:var(--dl-layout-radius-inputradius);background-color:var(--dl-color-theme-neutral-light)}.thq-input:focus{outline:1px solid var(--dl-color-theme-primary1)}.thq-button-filled{gap:var(--dl-layout-space-halfunit);fill:var(--dl-color-theme-secondary1);color:var(--dl-color-theme-secondary1);cursor:pointer;display:flex;transition:.3s;align-items:center;font-weight:700;white-space:nowrap;border-color:var(--dl-color-theme-primary1);border-width:1px;border-radius:var(--dl-layout-radius-buttonradius);padding:var(--dl-layout-space-halfunit) var(--dl-layout-space-oneandhalfunits);justify-content:center;background-color:var(--dl-color-theme-primary1)}.thq-button-filled:hover{fill:var(--dl-color-theme-secondary2);color:var(--dl-color-theme-secondary2);border-color:var(--dl-color-theme-primary2);background-color:var(--dl-color-theme-primary2)}.thq-button-outline{gap:var(--dl-layout-space-halfunit);fill:var(--dl-color-theme-primary1);color:var(--dl-color-theme-primary1);border:1px solid;cursor:pointer;display:flex;transition:.3s;align-items:center;font-weight:700;white-space:nowrap;border-color:var(--dl-color-theme-primary1);border-radius:var(--dl-layout-radius-buttonradius);padding:var(--dl-layout-space-halfunit) var(--dl-layout-space-oneandhalfunits);justify-content:center}.thq-button-outline:hover{fill:var(--dl-color-theme-secondary2);color:var(--dl-color-theme-secondary2);border-color:var(--dl-color-theme-primary2);background-color:var(--dl-color-theme-primary2)}.thq-button-flat{gap:var(--dl-layout-space-halfunit);fill:var(--dl-color-theme-primary1);color:var(--dl-color-theme-primary1);cursor:pointer;display:flex;transition:.3s;align-items:center;font-weight:700;white-space:nowrap;border-color:transparent;border-width:1px;border-radius:var(--dl-layout-radius-buttonradius);padding:var(--dl-layout-space-halfunit) var(--dl-layout-space-oneandhalfunits);justify-content:center}.thq-button-flat:hover{fill:var(--dl-color-theme-secondary1);color:var(--dl-color-theme-secondary1);border-color:var(--dl-color-theme-primary2);background-color:var(--dl-color-theme-primary2)}.thq-heading-1{font-size:48px;font-family:STIX Two Text;font-weight:700;line-height:1.5}.thq-heading-2{font-size:35px}.thq-heading-2,.thq-heading-3{font-family:STIX Two Text;font-weight:600;line-height:1.5}.thq-heading-3{font-size:26px}.thq-body-large{font-size:18px}.thq-body-large,.thq-body-small{font-family:Noto Sans;line-height:1.5}.thq-body-small{font-size:16px}.thq-team-image-round{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.thq-section-padding{width:100%;display:flex;padding:var(--dl-layout-space-fiveunits);position:relative;align-items:center;flex-direction:column}.thq-section-max-width{width:100%;max-width:var(--dl-layout-size-maxwidth)}.thq-img-ratio-1-1{aspect-ratio:1/1}.thq-img-ratio-1-1,.thq-img-ratio-16-9{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--dl-layout-radius-imageradius)}.thq-img-ratio-16-9{aspect-ratio:16/9}.thq-img-ratio-4-3{aspect-ratio:4/3}.thq-img-ratio-4-3,.thq-img-ratio-4-6{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--dl-layout-radius-imageradius)}.thq-img-ratio-4-6{aspect-ratio:4/6}.thq-img-round{width:100%;border-radius:var(--dl-layout-radius-round)}.thq-flex-column{flex-direction:column}.thq-flex-column,.thq-flex-row{gap:var(--dl-layout-space-twounits);display:flex;overflow:hidden;position:relative;align-items:center}.thq-grid-6{display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.thq-grid-5{display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr 1fr 1fr 1fr}.thq-card{gap:var(--dl-layout-space-oneandhalfunits);display:flex;padding:var(--dl-layout-space-twounits);align-items:stretch;border-radius:var(--dl-layout-radius-cardradius);flex-direction:column}.thq-box-shadow{box-shadow:0 0 5px -2px var(--dl-color-theme-neutral-dark)}.thq-grid-3{display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr 1fr}.thq-grid-4{display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr 1fr 1fr}.thq-grid-2{width:100%;display:grid;grid-gap:var(--dl-layout-space-twounits);grid-template-columns:1fr 1fr}.thq-checkbox{width:var(--dl-layout-size-xsmall);height:var(--dl-layout-size-xsmall)}.thq-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--dl-layout-radius-inputradius);padding:var(--dl-layout-space-halfunit) var(--dl-layout-space-twounits) var(--dl-layout-space-halfunit) var(--dl-layout-space-unit);background-color:var(--dl-color-theme-neutral-light);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width%3D%2220%22 height%3D%2220%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 20 20%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M4.293 7.293a1 1 0 011.414 0L10 11.586l4.293-4.293a1 1 0 111.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.thq-divider-horizontal{width:100%;height:1px;background-color:var(--dl-color-theme-neutral-dark)}.thq-icon-small{width:24px;height:24px}.thq-button-icon{fill:var(--dl-color-theme-secondary1);padding:3px;transition:.3s;border-radius:var(--dl-layout-radius-round)}.thq-button-icon:hover{fill:var(--dl-color-theme-secondary2)}.thq-icon-medium{width:var(--dl-layout-size-small);height:var(--dl-layout-size-small)}.thq-icon-x-small{width:var(--dl-layout-size-xsmall);height:var(--dl-layout-size-xsmall)}.thq-link{cursor:pointer;display:inline-block;overflow:hidden;background:linear-gradient(to right,var(--dl-color-theme-primary1) 50%,var(--dl-color-theme-neutral-dark) 50%);transition:background-position .3s ease;font-weight:600;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;background-position:100%;-webkit-text-fill-color:transparent}.thq-link:hover{background-position:0 100%}.thq-grid-auto-300{display:grid;grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.thq-animated-group-vertical-reverse{gap:var(--dl-layout-space-unit);width:100%;display:flex;animation:scroll-y 20s linear infinite;align-items:flex-start;flex-direction:column;justify-content:space-around;animation-direction:reverse}.thq-animated-group-horizontal-reverse{animation:scroll-x 20s linear infinite;min-width:100%;align-items:center;flex-shrink:0;animation-direction:reverse}.thq-animated-group-horizontal-reverse,.thq-animated-group-vertical{gap:var(--dl-layout-space-unit);display:flex;justify-content:space-around}.thq-animated-group-vertical{width:100%;animation:scroll-y 20s linear infinite;align-items:flex-start;flex-direction:column}.thq-animated-group-horizontal{gap:var(--dl-layout-space-unit);display:flex;animation:scroll-x 20s linear infinite;min-width:100%;align-items:center;flex-shrink:0;justify-content:space-around}.thq-animated-group-container-vertical{flex-direction:column}.thq-animated-group-container-horizontal,.thq-animated-group-container-vertical{gap:var(--dl-layout-space-unit);display:flex;overflow:hidden}.thq-mask-image-vertical{-webkit-mask-image:linear-gradient(180deg,transparent,#000 1%,#000 99%,transparent);mask-image:linear-gradient(180deg,transparent,#000 1%,#000 99%,transparent)}.thq-mask-image-horizontal{-webkit-mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent);mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent)}.thq-img-scale{transition:.3s}.thq-img-scale:hover{scale:1.05}.thq-animated-card-bg-1{width:100%;height:100%;background-color:var(--dl-color-theme-accent1)}.thq-animated-card-bg-1,.thq-animated-card-bg-2{transition:transform .3s;border-radius:var(--dl-layout-radius-cardradius)}.thq-animated-card-bg-2{background-color:var(--dl-color-theme-accent2)}.thq-button-animated{outline:none;z-index:1;overflow:hidden;position:relative;border-width:2px}.thq-input::-moz-placeholder{text-align:center;vertical-align:middle}.thq-input:-ms-input-placeholder{text-align:center;vertical-align:middle}.thq-input::placeholder{text-align:center;vertical-align:middle}.thq-animated-group-container-horizontal:hover div,.thq-animated-group-container-vertical:hover div{animation-play-state:paused}.thq-animated-card-bg-2:has([data-animated=true]:hover){transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(3deg) skew(0deg,0deg)}.thq-animated-card-bg-1:has([data-animated=true]:hover){transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(-6deg) skew(0deg,0deg)}.thq-button-animated:before{top:0;left:-20%;color:var(--dl-color-theme-neutral-light);width:200%;height:101%;content:"";z-index:1;position:absolute;transform:scaleX(0);transition:transform .5s;border-radius:var(--dl-layout-radius-buttonradius);background-color:var(--dl-color-theme-neutral-dark);transform-origin:0 0;transition-timing-function:cubic-bezier(.5,1.6,.4,.7)}.thq-button-animated:hover:before{color:var(--dl-color-theme-neutral-light);z-index:-1;transform:scaleX(1)}.btn{gap:var(--spacing-xs);border:1px solid transparent;cursor:pointer;display:inline-flex;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);box-shadow:var(--shadow-level-1);text-align:center;transition:all .2s ease-in-out;align-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;border-radius:var(--border-radius-control);justify-content:center;text-decoration:none}.btn-primary{color:var(--color-on-primary);border-color:var(--color-primary);background-color:var(--color-primary)}.btn-secondary{color:var(--color-on-secondary);border-color:var(--color-secondary);background-color:var(--color-secondary)}.btn-accent{color:var(--color-on-accent);border-color:var(--color-accent);background-color:var(--color-accent)}.btn-outline{border:1px solid var(--color-primary);background-color:var(--color-surface)}.btn-link,.btn-outline{color:var(--color-primary)}.btn-link{box-shadow:none;border-color:transparent;text-decoration:underline;background-color:transparent}.btn-sm{padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl)}.btn-xl{padding:var(--spacing-xl) var(--spacing-2xl)}.section-title{font-size:var(--font-size-3xl);font-style:var(--font-style-heading);letter-spacing:var(--letter-spacing-heading);text-transform:var(--text-transform-heading)}.section-subtitle,.section-title{font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading)}.section-subtitle{opacity:.85;font-size:var(--font-size-lg);font-style:var(--font-style-subheading)}.section-content{font-size:var(--font-size-base);font-family:var(--font-family-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.hero-title{font-size:var(--font-size-4xl);font-style:var(--font-style-heading);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);text-transform:var(--text-transform-heading)}.hero-subtitle{opacity:.85;font-size:var(--font-size-lg);font-style:var(--font-style-subheading);font-family:var(--font-family-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body)}.btn:focus-visible{outline:2px solid var(--color-outline);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-primary:hover:not(:disabled){border-color:color-mix(in oklab,var(--color-primary) 90%,var(--color-surface));background-color:color-mix(in oklab,var(--color-primary) 90%,var(--color-surface))}.btn-secondary:hover:not(:disabled){border-color:color-mix(in oklab,var(--color-secondary) 90%,var(--color-surface));background-color:color-mix(in oklab,var(--color-secondary) 90%,var(--color-surface))}.btn-accent:hover:not(:disabled){border-color:color-mix(in oklab,var(--color-accent) 90%,var(--color-surface));background-color:color-mix(in oklab,var(--color-accent) 90%,var(--color-surface))}.btn-outline:hover:not(:disabled){color:var(--color-on-primary);border-color:var(--color-primary);background-color:var(--color-primary)}.btn-link:hover:not(:disabled){color:color-mix(in oklab,var(--color-primary) 80%,#000);text-decoration:underline}.navigation-wrapper{top:0;width:100%;z-index:10000;position:sticky;background:color-mix(in oklab,var(--color-surface) 70%,transparent);transition:background .3s ease;border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.navigation-container{gap:var(--spacing-2xl);margin:0 auto;display:flex;padding:var(--spacing-md) var(--spacing-xl);max-width:var(--content-max-width);align-items:center;justify-content:space-between}.navigation-mobile-overlay{top:0;inset:0;display:none;padding:80px var(--spacing-xl) var(--spacing-3xl);z-index:1100;position:fixed;background:var(--color-surface);overflow-y:auto}.navigation-brand{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;transition:opacity .2s ease;align-items:center;text-decoration:none}.navigation-links-desktop{gap:var(--spacing-xl);margin:0;display:flex;padding:0;list-style:none;align-items:center}.navigation-actions-desktop{gap:var(--spacing-lg);display:flex;align-items:center}.navigation-toggle{color:var(--color-on-surface);border:none;cursor:pointer;display:none;padding:0;z-index:1200;background:transparent}.navigation-logo-icon{color:var(--color-primary);filter:drop-shadow(0 0 8px color-mix(in oklab,var(--color-primary) 40%,transparent));display:flex;align-items:center;justify-content:center}.navigation-brand-name{font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading)}.navigation-link,.navigation-login-link{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);transition:color .2s ease;font-weight:var(--font-weight-medium);text-decoration:none}.navigation-link{white-space:nowrap}.navigation-github-link{gap:var(--spacing-xs);display:flex;align-items:center}.navigation-github-badge{color:var(--color-on-surface-secondary);border:1px solid var(--color-border);padding:2px 6px;font-size:.7rem;background:var(--color-surface-elevated);border-radius:var(--border-radius-full)}.navigation-brand:hover{opacity:.8}.navigation-link:hover,.navigation-login-link:hover{color:var(--color-on-surface)}.footer-root{overflow:hidden;position:relative;border-top:1px solid var(--color-border);padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-2xl);background-color:var(--color-surface)}.footer-container{margin:0 auto;padding:0 var(--spacing-xl);z-index:2;position:relative;max-width:var(--content-max-width)}.footer-grid{gap:var(--spacing-4xl);display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-4xl)}.footer-bottom{gap:var(--spacing-xl);display:flex;flex-wrap:wrap;border-top:1px solid var(--color-border);margin-top:var(--spacing-4xl);align-items:center;padding-top:var(--spacing-xl);justify-content:space-between}.footer-column{gap:var(--spacing-xl);flex:1 1;display:flex;min-width:180px;flex-direction:column}.footer-brand-column{gap:var(--spacing-xl);flex:2 1;display:flex;min-width:300px;flex-direction:column}.footer-copyright{color:var(--color-on-surface-secondary);margin:0;font-size:var(--font-size-xs)}.footer-bottom-links,.footer-logo{gap:var(--spacing-sm);display:flex;align-items:center}.footer-logo{color:var(--color-on-surface);transition:opacity .2s ease;text-decoration:none}.footer-description{color:var(--color-on-surface-secondary);max-width:400px;line-height:1.7}.footer-socials{gap:var(--spacing-md);display:flex}.footer-heading{color:var(--color-on-surface);margin:0;font-size:var(--font-size-base);letter-spacing:.1em;text-transform:uppercase}.footer-list{gap:var(--spacing-md);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.footer-status-indicator{width:8px;height:8px;animation:pulse-status 2s infinite;box-shadow:0 0 8px #10b981;border-radius:50%;background-color:#10b981}.footer-status-text{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.footer-logo-icon{color:var(--color-primary);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-primary) 40%,transparent));display:flex;align-items:center;justify-content:center}.footer-logo-text{font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading)}.footer-social-link{color:var(--color-on-surface-secondary);width:40px;border:1px solid var(--color-border);height:40px;background:var(--color-surface-elevated);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--border-radius-md);justify-content:center}.footer-list-item,.footer-social-link{display:flex;align-items:center}.footer-link{color:var(--color-on-surface-secondary);display:inline-flex;font-size:var(--font-size-sm);transition:all .2s ease;text-decoration:none}.footer-link,.footer-link-badge{gap:var(--spacing-sm);align-items:center}.footer-link-badge{display:flex}.footer-badge{color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);padding:2px 8px;font-size:10px;background:color-mix(in srgb,var(--color-accent) 15%,transparent);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);letter-spacing:.05em;text-transform:uppercase}.footer-root:before{top:0;left:50%;width:100%;height:1px;content:"";opacity:.3;position:absolute;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.footer-root:after{right:-50px;width:400px;bottom:-150px;height:400px;content:"";z-index:1;position:absolute;background:radial-gradient(circle,color-mix(in srgb,var(--color-secondary) 15%,transparent) 0,transparent 70%);pointer-events:none}.footer-logo:hover{opacity:.8}.footer-social-link:hover{color:var(--color-primary);transform:translateY(-3px);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-elevated));box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary)}.footer-link:hover{color:var(--color-primary);transform:translateX(4px)}.hero-section{display:flex;overflow:hidden;position:relative;min-height:100vh;align-items:center;justify-content:center;background-color:var(--color-surface)}.hero-bg-media{top:0;left:0;width:100%;height:100%;z-index:1;position:absolute}.hero-overlay{inset:0;z-index:2;position:absolute;background:radial-gradient(circle at center,transparent 0,var(--color-surface) 80%)}.hero-container{gap:var(--spacing-4xl);margin:0 auto;display:flex;padding:var(--spacing-4xl) var(--spacing-xl);z-index:3;position:relative;max-width:var(--content-max-width);text-align:center;align-items:center;flex-direction:column}.hero-orb{filter:blur(100px);opacity:.3;z-index:1;position:absolute;border-radius:50%}.hero-orb-1{top:-100px;right:-100px;width:600px;height:600px;animation:float 20s ease-in-out infinite alternate;background:radial-gradient(circle,var(--color-primary),transparent 70%)}.hero-orb-2{bottom:-200px;left:-200px;width:500px;height:500px;animation:float 25s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,var(--color-secondary),transparent 70%)}.hero-content{max-width:800px}.hero-terminal-wrapper{width:100%;max-width:700px;perspective:1200px}.hero-badge-group{flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-xl)}.hero-badge-group,.hero-cta-group{gap:var(--spacing-md);display:flex;justify-content:center}.hero-cta-group{margin-top:var(--spacing-2xl)}.terminal-window{border:1px solid var(--color-border);overflow:hidden;transform:rotateX(5deg);background:#0d1117;box-shadow:0 30px 60px -12px rgba(0,0,0,.5);text-align:left;transition:transform .4s ease;border-radius:var(--border-radius-lg)}.hero-badge{color:var(--color-on-surface);border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--border-radius-full)}.hero-badge,.hero-github-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-family:var(--font-family-heading)}.hero-github-badge{gap:var(--spacing-xs);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);display:flex;background:color-mix(in srgb,var(--color-primary) 15%,transparent);align-items:center;border-radius:var(--border-radius-full)}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.terminal-header{display:flex;padding:var(--spacing-md) var(--spacing-lg);background:#161b22;align-items:center;border-bottom:1px solid var(--color-border)}.terminal-body{color:#e6edf3;padding:var(--spacing-xl);font-size:var(--font-size-sm);font-family:JetBrains Mono,monospace;line-height:1.8}.terminal-dots{gap:8px;display:flex}.terminal-title{color:var(--color-on-surface-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-heading);margin-left:var(--spacing-xl)}.terminal-success{color:#3fb950}.terminal-link{color:var(--color-accent);text-decoration:underline}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.terminal-prompt{color:var(--color-primary)}.features-section{overflow:hidden;position:relative;background-color:var(--color-surface)}.features-container{margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);max-width:var(--content-max-width)}.features-header{gap:var(--spacing-md);display:flex;text-align:center;margin-bottom:var(--spacing-4xl);flex-direction:column}.features-grid{grid-gap:var(--spacing-xl);gap:var(--spacing-xl);display:grid;grid-template-columns:repeat(3,1fr)}.feature-card{gap:var(--spacing-md);border:1px solid var(--color-border);display:flex;padding:var(--spacing-2xl);background:var(--color-surface-elevated);transition:all .3s ease;border-radius:var(--border-radius-card);flex-direction:column}.feature-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;border-radius:12px;margin-bottom:var(--spacing-sm);justify-content:center}.icon-cyan{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.feature-title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading)}.icon-purple{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.process-section{overflow:hidden;position:relative;background-color:var(--color-surface)}.process-container{margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);max-width:var(--content-max-width)}.process-card-main{border:1px solid var(--color-border);padding:var(--spacing-4xl);background:var(--color-surface-elevated);border-radius:var(--border-radius-card)}.process-header{gap:var(--spacing-md);text-align:center;flex-direction:column}.process-header,.process-steps{display:flex;margin-bottom:var(--spacing-4xl)}.process-steps{gap:var(--spacing-4xl);justify-content:space-between}.process-platforms{gap:var(--spacing-lg);display:flex;border-top:1px solid var(--color-border);align-items:center;padding-top:var(--spacing-2xl);justify-content:center}.step-item{gap:var(--spacing-md);flex:1 1;display:flex;position:relative;flex-direction:column}.platform-label{font-size:var(--font-size-sm)}.platform-icons,.platform-label{color:var(--color-on-surface-secondary)}.platform-icons{gap:var(--spacing-lg)}.platform-icon{font-size:2.5rem;transition:transform .2s ease}.platform-icon:hover{transform:scale(1.1);color:var(--color-primary)}.step-number{color:var(--color-on-primary);width:40px;height:40px;display:flex;background:var(--color-primary);align-items:center;font-weight:700;border-radius:50%;justify-content:center}.step-number,.step-title{font-family:var(--font-family-heading)}.step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-heading)}.step-code{color:var(--color-accent);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);background:#0d1117;font-family:JetBrains Mono,monospace;border-radius:var(--border-radius-sm)}.pricing-section{overflow:hidden;position:relative;background-color:var(--color-surface)}.pricing-container{margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);max-width:var(--content-max-width)}.pricing-header{gap:var(--spacing-md);display:flex;text-align:center;margin-bottom:var(--spacing-4xl);flex-direction:column}.pricing-grid{gap:var(--spacing-2xl);margin:0 auto;display:flex;max-width:900px}.pricing-card{gap:var(--spacing-xl);flex:1 1;border:1px solid var(--color-border);display:flex;padding:var(--spacing-3xl);background:var(--color-surface-elevated);transition:all .3s ease;border-radius:var(--border-radius-card);flex-direction:column}.pricing-featured{box-shadow:0 0 40px -10px color-mix(in srgb,var(--color-primary) 30%,transparent);border-color:var(--color-primary)}.pricing-tier{color:var(--color-on-surface);font-size:var(--font-size-xl)}.pricing-price,.pricing-tier{font-family:var(--font-family-heading);font-weight:var(--font-weight-heading)}.pricing-price{font-size:var(--font-size-4xl)}.pricing-features{gap:var(--spacing-md);display:flex;padding:0;flex-grow:1;list-style:none;flex-direction:column}.pricing-badge{top:var(--spacing-lg);color:var(--color-on-primary);right:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;font-size:10px;background:var(--color-primary);font-weight:700;border-radius:var(--border-radius-full);letter-spacing:.05em;text-transform:uppercase}.price-period{color:var(--color-on-surface-secondary);font-size:var(--font-size-base);font-weight:400}.pricing-feature{gap:var(--spacing-sm);display:flex;font-size:var(--font-size-sm);align-items:center}.stats-section{overflow:hidden;position:relative;background-color:var(--color-surface)}.stats-container{margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);max-width:var(--content-max-width)}.stats-grid{border:1px solid var(--color-border);display:flex;padding:var(--spacing-3xl);background:var(--color-surface-elevated);border-radius:var(--border-radius-card);justify-content:space-around}.stat-item{gap:var(--spacing-xs);display:flex;text-align:center;flex-direction:column}.stat-value{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-heading)}.stat-label,.stat-value{font-family:var(--font-family-heading)}.stat-label{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase}.showcase-section{overflow:hidden;position:relative;background-color:var(--color-surface)}.showcase-header-container{gap:var(--spacing-md);margin:0 auto;display:flex;padding:var(--spacing-4xl) var(--spacing-xl);max-width:var(--content-max-width);text-align:center;margin-bottom:var(--spacing-4xl);flex-direction:column}.showcase-carousel-wrapper{width:100%;padding:var(--spacing-xl) 0 var(--spacing-4xl);position:relative}.showcase-carousel{gap:var(--spacing-xl);display:flex;padding:var(--spacing-xl);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.carousel-controls{gap:var(--spacing-md);display:flex;margin-top:var(--spacing-xl);justify-content:center}.showcase-card{flex:0 0 350px;border:1px solid var(--color-border);overflow:hidden;transition:transform .3s ease;border-radius:var(--border-radius-card)}.carousel-btn,.showcase-card{background:var(--color-surface-elevated)}.carousel-btn{color:var(--color-on-surface);width:48px;border:1px solid var(--color-border);cursor:pointer;height:48px;display:flex;transition:all .2s ease;align-items:center;border-radius:50%;justify-content:center}.showcase-img-wrapper{height:200px;overflow:hidden}.showcase-content{gap:var(--spacing-sm);display:flex;padding:var(--spacing-xl);flex-direction:column}.showcase-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.showcase-name{font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading)}.showcase-link{color:var(--color-primary);font-size:var(--font-size-sm);font-family:JetBrains Mono,monospace;text-decoration:none}.final-cta-section{overflow:hidden;position:relative;background-color:var(--color-surface)}.final-cta-container{margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);max-width:var(--content-max-width)}.cta-card{border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);padding:var(--spacing-4xl);overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 40%,#000) 0,color-mix(in srgb,var(--color-primary) 40%,#000) 100%);text-align:center;border-radius:var(--border-radius-card)}.cta-content{gap:var(--spacing-xl);margin:0 auto;display:flex;z-index:2;position:relative;max-width:700px;flex-direction:column}.cta-actions{margin-top:var(--spacing-xl)}.cta-glow{top:50%;left:50%;width:120%;height:120%;position:absolute;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 20%,transparent) 0,transparent 70%);pointer-events:none}.terminal-window:hover{transform:rotateX(0deg) scale(1.02)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary)}.pricing-feature.muted{color:var(--color-on-surface-secondary);text-decoration:line-through}.showcase-carousel::-webkit-scrollbar{display:none}.showcase-card:hover{transform:translateY(-10px);border-color:var(--color-primary)}.showcase-card:hover .showcase-img{transform:scale(1.1)}.carousel-btn:hover{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.Content{font-size:16px;line-height:1.15;text-transform:none;text-decoration:none}.BodyFont,.Content{font-family:Inter;font-weight:400}.BodyFont{font-size:1rem;line-height:1.6}.BodyFont,.Headings{letter-spacing:.02em}.Headings{font-size:2em;font-family:JetBrains Mono;font-weight:700;line-height:1.2}@media(max-width:991px){.thq-grid-4{grid-template-columns:1fr 1fr 1fr}.navigation-links-desktop{gap:var(--spacing-lg)}.footer-grid{gap:var(--spacing-2xl)}.footer-brand-column{flex:1 1 100%;margin-bottom:var(--spacing-xl)}.features-grid{grid-template-columns:repeat(2,1fr)}.process-steps{gap:var(--spacing-2xl);flex-direction:column}.pricing-grid{align-items:center;flex-direction:column}.pricing-card{width:100%;max-width:450px}}@media(max-width:767px){.thq-section-padding{padding:var(--dl-layout-space-threeunits)}.thq-flex-column,.thq-flex-row{gap:var(--dl-layout-space-oneandhalfunits)}.thq-grid-5,.thq-grid-6{grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:1fr 1fr 1fr}.thq-card{padding:var(--dl-layout-space-oneandhalfunits)}.thq-grid-3,.thq-grid-4{grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:1fr 1fr}.thq-grid-4{flex-direction:row}.thq-grid-2{grid-gap:var(--dl-layout-space-oneandhalfunits);grid-template-columns:1fr}.thq-img-scale{width:100%}.navigation-actions-desktop,.navigation-links-desktop{display:none}.navigation-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative;border:none;padding:0;margin-right:calc(var(--spacing-md) * -1);background:transparent;border-radius:var(--border-radius-full);transition:all .2s ease}.navigation-toggle:hover,.navigation-toggle[aria-expanded=true]{background-color:hsla(0,0%,100%,.1)}.navigation-icon-close,.navigation-icon-open{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;width:24px;height:24px;line-height:1;z-index:10;color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.navigation-icon-open{opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1)}.navigation-icon-close{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.5)}.navigation-toggle[aria-expanded=true] .navigation-icon-open{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(.5)}.navigation-toggle[aria-expanded=true] .navigation-icon-close{opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1)}.navigation-mobile-content{gap:var(--spacing-2xl);display:flex;padding:var(--spacing-xl);flex-direction:column}.navigation-links-mobile{gap:var(--spacing-lg);margin:0;display:flex;padding:0;list-style:none;flex-direction:column}.navigation-mobile-item{width:100%}.navigation-mobile-item a,.navigation-mobile-item button{width:100%;display:block;text-align:left}.navigation-actions-mobile{gap:var(--spacing-lg);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-xl);flex-direction:column}.navigation-mobile-link{color:var(--color-on-surface);display:block;padding:var(--spacing-sm) 0;font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);text-decoration:none;transition:color .2s ease}.navigation-mobile-link:hover{color:var(--color-primary)}.navigation-mobile-account{gap:var(--spacing-sm);color:var(--color-on-surface-secondary);display:flex;padding:var(--spacing-md);font-size:var(--font-size-sm);align-items:center;background:var(--color-surface-elevated);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.navigation-mobile-account-icon{width:32px;height:32px;display:flex;background:var(--color-primary);align-items:center;border-radius:50%;justify-content:center}.navigation-mobile-account-icon svg{color:var(--color-on-primary)}.navigation-mobile-account-info{flex:1 1;overflow:hidden}.navigation-mobile-account-email{color:var(--color-on-surface);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation-mobile-account-tier{font-size:var(--font-size-xs);color:var(--color-on-surface-secondary)}.navigation-mobile-overlay.is-open{display:flex;flex-direction:column;background-color:var(--color-surface);background:var(--color-surface);z-index:9999;animation:slideIn .4s cubic-bezier(.16,1,.3,1)}.footer-root{padding-top:var(--spacing-3xl)}.footer-bottom{gap:var(--spacing-lg);align-items:flex-start;flex-direction:column}.footer-column{flex:1 1 40%}.home-hero-title{font-size:var(--font-size-3xl)}.hero-cta-group{width:100%;flex-direction:column}.hero-cta-group>*{width:100%}.stats-grid{gap:var(--spacing-2xl);flex-direction:column}.showcase-card{flex:0 0 280px}}@media(max-width:479px){.thq-section-padding{padding:var(--dl-layout-space-oneandhalfunits)}.thq-flex-column,.thq-flex-row{gap:var(--dl-layout-space-unit)}.thq-grid-5,.thq-grid-6{grid-gap:var(--dl-layout-space-unit);grid-template-columns:1fr 1fr}.thq-grid-3,.thq-grid-4{grid-gap:var(--dl-layout-space-unit);align-items:center;grid-template-columns:1fr}.thq-grid-4{flex-direction:column}.thq-grid-2{grid-gap:var(--dl-layout-space-unit)}.thq-grid-auto-300{grid-template-columns:1fr}.footer-column{flex:1 1 100%}.footer-brand-column{min-width:100%}.features-grid{grid-template-columns:1fr}.process-card-main{padding:var(--spacing-xl)}.cta-card{padding:var(--spacing-2xl) var(--spacing-lg)}}.home-container1{width:100%;display:block;min-height:100vh}.home-container2{display:none}.home-container3{display:contents}.home-container4{display:none}.home-container5{display:contents}.home-thq-text-gradient-elm{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-grid-pattern{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero-grid-pattern:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 80%);mask-image:radial-gradient(circle at center,#000,transparent 80%)}.hero-grid-pattern:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(10,14,23,0) 0,rgba(10,14,23,.8) 100%);pointer-events:none}.hero-grid-pattern .grid-dots{position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.2) 1px,transparent 0);background-size:20px 20px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 90%);mask-image:radial-gradient(circle at center,#000,transparent 90%)}.hero-grid-pattern .grid-spotlight{position:absolute;inset:0;background:radial-gradient(800px circle at var(--x,50%) var(--y,50%),rgba(168,85,247,.15) 0,transparent 100%);pointer-events:none}@keyframes grid-flow{0%{background-position:0 0,0 0}to{background-position:80px 80px,80px 80px}}@keyframes grid-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes spotlight-sweep{0%,to{left:20%;opacity:.5}50%{left:80%;opacity:1}}.terminal-flex{display:flex;align-items:center;gap:.5em}.terminal-prompt{color:#00b8e0;font-weight:700;margin-right:.2em}.terminal-prompt,.typewriter-no-caret{font-family:JetBrains Mono,monospace;font-size:1em}.typewriter-no-caret{display:inline-block;overflow:hidden;white-space:nowrap;position:relative;animation:typing 1.5s steps(30)}.animate-fadein,.animate-spinner,.animate-terminal{opacity:0;animation:fadein-terminal .5s forwards}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#00b8e0}}@keyframes fadein-terminal{to{opacity:1}}.pricing-card{border:2px solid #757575;border-radius:1.2em;transition:border .3s,box-shadow .3s,background .3s;position:relative;overflow:hidden;background:#14181f 90%}.pricing-card:hover{border:2px solid transparent;background-origin:border-box;box-shadow:0 4px 32px 0 rgba(0,184,224,.1);background-image:linear-gradient(to bottom,#181c24 90%,#23283a 100%),linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:padding-box,border-box;background-origin:padding-box,border-box}.pricing-card:hover .pricing-price span:first-child,.pricing-card:hover .pricing-tier span{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:color .3s,background .3s}.features-container{opacity:0;transform:translateY(40px) scale(.98);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.features-fadein{opacity:1!important;transform:translateY(0) scale(1)}.features-pop{animation:features-pop-anim .7s cubic-bezier(.4,0,.2,1)}@keyframes features-pop-anim{0%{box-shadow:0 0 0 0 rgba(0,184,224,.15);transform:scale(.98)}60%{box-shadow:0 0 0 16px rgba(0,184,224,.1);transform:scale(1.03)}to{box-shadow:0 0 0 0 rgba(0,184,224,0);transform:scale(1)}}.step-code.step-animate{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #00b8e0;font-family:JetBrains Mono,monospace;font-size:1em;min-width:2em}.typewriter-animate{animation:none}.step-code.step-animate:not(.typewriter-animate){border-right:2px solid transparent}@media (max-width:600px){.step-code.step-animate{font-size:.95em}}.platform-icons{display:flex;gap:1.2em;align-items:center}.platform-icon{font-size:2em;color:#b0b0b0;transition:color .3s;cursor:pointer}.platform-icon.fa-apple:hover{color:#fff}.platform-icon.fa-windows:hover{color:#00a4ef}.platform-icon.fa-linux:hover{color:#fbc02d}.docs-container{min-height:100vh;background:#10131a;color:#e6eaf3;font-family:Inter,JetBrains Mono,monospace}.docs-main{display:flex;max-width:1200px;margin:0 auto;padding:2.5em 1.5em 3em}.docs-sidebar{width:220px;flex-shrink:0;padding-right:2.5em;border-right:1px solid #23283a;font-size:1em;position:sticky;top:2em;height:-moz-fit-content;height:fit-content}.sidebar-title{color:#7b8bbd;font-size:.85em;margin:1.8em 0 .5em;font-weight:700;letter-spacing:.08em}.sidebar-title:first-child{margin-top:0}.sidebar-nav{display:flex;flex-direction:column;gap:.35em}.sidebar-nav a{color:#b0b8d1;text-decoration:none;padding:.35em .7em;border-radius:.4em;transition:background .2s,color .2s;font-size:.97em}.sidebar-nav a:hover{background:#181c24;color:#fff}.docs-content{flex:1 1;padding-left:2.5em;max-width:800px}.docs-breadcrumb{color:#7b8bbd;font-size:1em;margin-bottom:1.5em}.docs-key-features{display:flex;gap:1em;margin:1.5em 0 2em;flex-wrap:wrap}.docs-key-features .feature-card{background:#181c24;border-radius:.7em;padding:.8em 1.2em;color:#b0b8d1;font-size:.98em;font-weight:500;box-shadow:0 2px 12px 0 rgba(0,184,224,.04);display:flex;align-items:center;gap:.5em}.feature-icon{font-size:1.2em}.docs-list{margin:.5em 0 1.5em 1.5em;padding:0;color:#b0b8d1}.docs-list li{margin-bottom:.5em}.docs-link{color:var(--color-primary,#00b8e0);text-decoration:none;font-weight:500;transition:opacity .2s}.docs-link:hover{opacity:.8;text-decoration:underline}.docs-section-sub{color:#7b8bbd;font-size:1em;margin:1.5em 0 .5em;font-weight:600}.docs-code{background:#181c24;color:#e6eaf3;font-family:JetBrains Mono,monospace;font-size:.95em;border-radius:.5em;padding:.9em 1.2em;margin:.5em 0 1.2em;display:block;overflow-x:auto;border:1px solid #23283a}.docs-note{background:rgba(0,184,224,.08);border-left:3px solid var(--color-primary,#00b8e0);padding:.8em 1em;border-radius:0 .5em .5em 0;margin:1em 0 1.5em;color:#b0b8d1}.docs-url{color:var(--color-primary,#00b8e0)}.docs-container code,.docs-url{font-family:JetBrains Mono,monospace}.docs-container code{background:#23283a;padding:.15em .4em;border-radius:.3em;font-size:.9em}.docs-container h1{font-size:2.2em;margin-bottom:.5em;color:#fff}.docs-container h2{font-size:1.4em;margin-top:2em;margin-bottom:.7em;color:#fff;border-bottom:1px solid #23283a;padding-bottom:.4em}.docs-container p{line-height:1.7;color:#b0b8d1;margin-bottom:1em}.docs-command-table,.docs-tier-table{margin:1.5em 0 2em;overflow-x:auto}.docs-container table{width:100%;border-collapse:collapse;background:#181c24;border-radius:.7em;overflow:hidden}.docs-container td,.docs-container th{padding:.8em 1em;text-align:left;border-bottom:1px solid #23283a}.docs-container th{background:#14181f;color:#7b8bbd;font-weight:600;font-size:.9em}.docs-container td{color:#b0b8d1}.docs-container tr:last-child td{border-bottom:none}.sidebar-nav a.active{background:color-mix(in srgb,var(--color-primary,#00b8e0) 15%,#181c24);color:#fff;border-color:color-mix(in srgb,var(--color-primary,#00b8e0) 40%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--color-primary,#00b8e0) 10%,transparent);font-weight:600}@media (max-width:900px){.docs-main{flex-direction:column;padding:1.5em 1em 2em}.docs-sidebar{width:100%;border-right:none;border-bottom:1px solid #23283a;padding-right:0;margin-bottom:2em;position:sticky;top:-1px;z-index:10;background:#10131a;padding-bottom:1.5em}.sidebar-title{display:none}.sidebar-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6em;padding:.5em 0}.sidebar-nav a{white-space:nowrap;padding:.6em 1.1em;background:#121620;border:1px solid #252b3d;font-size:.82em;border-radius:.6em;color:#94a3b8;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-nav a:hover{background:#1a1f2e;border-color:#3b82f633;color:#fff;transform:translateY(-1px)}.sidebar-nav a.active{background:#1e293b;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.2);font-weight:600}.docs-content{padding-left:0;max-width:100%}.docs-container h1{font-size:1.8em}.docs-container h2{font-size:1.25em}.docs-key-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.8em;gap:.8em}.docs-key-features .feature-card{padding:.7em .9em;font-size:.9em}.docs-code{font-size:.85em;padding:.8em 1em}.docs-command-table table,.docs-tier-table table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.docs-container td,.docs-container th{padding:.6em .8em;font-size:.85em}}@media (max-width:480px){.docs-main{padding:1em .75em}.sidebar-nav{gap:.5em}.sidebar-nav a{font-size:.78em;padding:.5em .9em}.docs-container h1{font-size:1.6em}}.login-modal-backdrop{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--color-surface) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:var(--spacing-xl);animation:modal-fade-in .2s cubic-bezier(.4,0,.2,1)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.login-modal-content{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-card);padding:var(--spacing-3xl);max-width:28rem;width:100%;animation:modal-slide-up .3s cubic-bezier(.4,0,.2,1);margin-top:100px;margin-bottom:35px}@keyframes modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:transparent;border:none;color:var(--color-on-surface);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.6}.login-modal-close:hover{opacity:1;background:color-mix(in oklab,var(--color-on-surface) 10%,transparent)}.login-modal-close:active{transform:scale(.95)}.login-modal-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-heading);color:var(--color-on-surface);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-heading)}.login-modal-subtitle{font-size:var(--font-size-base);color:color-mix(in oklab,var(--color-on-surface) 70%,transparent);margin:0}.login-modal-body{display:flex;flex-direction:column;gap:var(--spacing-xl)}.login-oauth-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-oauth-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--border-radius-control);background:transparent;color:var(--color-on-surface);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.login-oauth-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in oklab,var(--color-primary) 10%,transparent),color-mix(in oklab,var(--color-secondary) 10%,transparent));opacity:0;transition:opacity .2s ease}.login-oauth-button:hover:before{opacity:1}.login-oauth-button:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in oklab,var(--color-primary) 20%,transparent)}.login-oauth-button:active{transform:translateY(0)}.login-oauth-button span,.login-oauth-button svg{position:relative;z-index:1}.login-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-sm) 0}.login-divider-line{flex:1 1;height:1px;background:var(--color-border)}.login-divider-text{color:color-mix(in oklab,var(--color-on-surface) 50%,transparent);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.login-email-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.login-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.login-form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-control);background:color-mix(in oklab,var(--color-surface) 50%,transparent);color:var(--color-on-surface);font-size:var(--font-size-base);font-family:var(--font-family-body);transition:all .2s ease}.login-form-input::-moz-placeholder{color:color-mix(in oklab,var(--color-on-surface) 40%,transparent)}.login-form-input:-ms-input-placeholder{color:color-mix(in oklab,var(--color-on-surface) 40%,transparent)}.login-form-input::placeholder{color:color-mix(in oklab,var(--color-on-surface) 40%,transparent)}.login-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 15%,transparent)}.login-form-input:hover{border-color:color-mix(in oklab,var(--color-primary) 50%,var(--color-border))}.login-form-options{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.login-checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--color-on-surface)}.login-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.login-forgot-link{background:transparent;border:none;padding:0;color:var(--color-primary);text-decoration:none;transition:color .2s ease;cursor:pointer;font-family:inherit;font-size:inherit}.login-forgot-link:hover{color:var(--color-secondary);text-decoration:underline}.login-submit-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-control);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-on-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px color-mix(in oklab,var(--color-primary) 30%,transparent)}.login-submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in oklab,var(--color-primary) 40%,transparent)}.login-submit-button:active{transform:translateY(0)}.login-modal-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:color-mix(in oklab,var(--color-on-surface) 70%,transparent)}.login-modal-footer p{margin:0}.login-signup-link{background:transparent;border:none;padding:0;color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .2s ease;cursor:pointer;font-family:inherit;font-size:inherit}.login-signup-link:hover{color:var(--color-secondary);text-decoration:underline}.signup-password-strength{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.signup-password-strength.redesigned{margin-top:8px}.signup-password-strength-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.signup-password-bar-bg{flex:1 1;height:8px;background:var(--color-border);border-radius:6px;overflow:hidden;min-width:80px;max-width:160px;transition:background .3s}.signup-password-bar{height:100%;border-radius:6px;transition:width .3s,background .3s}.signup-password-label{min-width:70px;text-align:left;transition:color .3s}.signup-error,.signup-password-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.signup-error{color:#e53e3e;margin-top:var(--spacing-xs);animation:shake .3s}.signup-error-badge{background:#e53e3e;color:#fff;font-size:var(--font-size-xs);font-weight:600;border-radius:8px;padding:2px 10px;margin-left:8px;animation:shake .3s;letter-spacing:.03em}.signup-success-message{color:#38a169;font-size:var(--font-size-base);text-align:center;font-weight:var(--font-weight-medium);margin:var(--spacing-xl) 0;animation:fadeIn .5s}.login-error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:color-mix(in oklab,#e53e3e 15%,transparent);border:1px solid color-mix(in oklab,#e53e3e 30%,transparent);border-radius:var(--border-radius-control);color:#e53e3e;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:shake .3s}.login-error-message i{font-size:var(--font-size-base)}.login-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:login-spin .8s linear infinite;margin-right:var(--spacing-xs)}@keyframes login-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.login-submit-button:disabled:hover{transform:none;box-shadow:0 4px 12px color-mix(in oklab,var(--color-primary) 30%,transparent)}.login-oauth-button:disabled{cursor:not-allowed;opacity:.5}.login-oauth-button:disabled:hover{transform:none;border-color:var(--color-border);box-shadow:none}.login-oauth-button:disabled:before{display:none}.signup-suggestions{margin:8px 0 0;padding-left:18px;color:#f6ad55;font-size:var(--font-size-xs);line-height:1.5;animation:fadeIn .4s}.signup-suggestions li{margin-bottom:2px;list-style:disc inside}.signup-password-strength-container{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:14px;background:color-mix(in oklab,var(--color-surface) 50%,transparent);border:1px solid var(--color-border);border-radius:var(--border-radius-control)}.signup-strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.signup-strength-label{font-size:var(--font-size-sm);font-weight:700;text-transform:capitalize;transition:color .3s;letter-spacing:.03em}.signup-mismatch-badge{background:#e53e3e;color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:3px 10px;animation:shake .3s;letter-spacing:.04em;text-transform:uppercase}.signup-strength-bar-wrapper{width:100%;margin:4px 0}.signup-strength-bar-track{width:100%;height:6px;background:var(--color-border);border-radius:8px;overflow:hidden}.signup-strength-bar-fill{height:100%;border-radius:8px;transition:width .4s cubic-bezier(.4,0,.2,1),background .3s}.signup-suggestions-block{margin-top:8px;padding-top:12px;border-top:1px solid var(--color-border)}.signup-suggestions-list{margin:0;padding-left:20px;color:#f6ad55;font-size:var(--font-size-xs);line-height:1.8;list-style:none}.signup-suggestions-list li{position:relative;padding-left:8px;margin-bottom:4px}.signup-suggestions-list li:before{content:"•";position:absolute;left:-12px;color:#f6ad55;font-weight:700}@media (max-width:640px){.login-modal-backdrop{padding:0;align-items:flex-end}.login-modal-content{max-width:100%;border-radius:var(--border-radius-card) var(--border-radius-card) 0 0;max-height:90vh;overflow-y:auto;animation:modal-slide-up-mobile .3s cubic-bezier(.4,0,.2,1)}@keyframes modal-slide-up-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.login-modal-header{margin-bottom:var(--spacing-xl)}.login-modal-title{font-size:var(--font-size-xl)}}@media (prefers-reduced-motion:reduce){.login-modal-backdrop,.login-modal-content,.login-oauth-button,.login-submit-button{animation:none;transition:none}.login-oauth-button:hover,.login-submit-button:hover{transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.blinking-circle{animation:blink 1.5s ease-in-out infinite}.dashboard-navigation-wrapper{top:0;width:100%;z-index:1000;position:sticky;background:color-mix(in oklab,var(--color-surface) 70%,transparent);transition:background .3s ease;border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dashboard-navigation-container{gap:var(--spacing-2xl);margin:0 auto;display:flex;padding:var(--spacing-md) var(--spacing-xl);max-width:var(--content-max-width);align-items:center;justify-content:space-between}.dashboard-navigation-brand{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;transition:opacity .2s ease;align-items:center;text-decoration:none}.dashboard-navigation-brand:hover{opacity:.8}.dashboard-navigation-logo-icon{color:var(--color-primary);filter:drop-shadow(0 0 8px color-mix(in oklab,var(--color-primary) 40%,transparent));display:flex;align-items:center;justify-content:center}.dashboard-navigation-brand-name{font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:700;letter-spacing:-.5px}.dashboard-navigation-links{gap:var(--spacing-xl);margin:0;display:flex;padding:0;list-style:none;align-items:center}.dashboard-navigation-link{color:var(--color-on-surface);text-decoration:none;font-size:var(--font-size-base);transition:color .2s ease}.dashboard-navigation-link:hover{color:var(--color-primary)}.dashboard-navigation-actions{gap:var(--spacing-lg);display:flex;align-items:center}.dashboard-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--color-surface,#0a0a0f);color:var(--color-on-surface,#e8f0f8);position:relative;overflow-x:hidden}.dashboard-wrapper:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,184,224,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0,transparent 50%);pointer-events:none;z-index:0}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--font-size-lg,18px);color:var(--color-on-surface,#e8f0f8);background:var(--color-surface,#0a0a0f)}.dashboard-user-info{display:flex;align-items:center;gap:var(--spacing-sm,12px)}.dashboard-user-name{font-size:var(--font-size-base,16px);font-weight:600;color:var(--color-on-surface)}.dashboard-main{flex:1 1;max-width:1400px;margin:0 auto;padding:var(--spacing-2xl,40px) var(--spacing-lg,24px);width:100%;position:relative;z-index:1}.dashboard-title-section{margin-bottom:var(--spacing-3xl,48px);animation:slideInDown .6s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-title{font-size:var(--font-size-4xl,32px);font-weight:700;margin:0;margin-bottom:var(--spacing-xs,8px);background:linear-gradient(135deg,var(--color-primary,#00b8e0),var(--color-secondary,#8b5cf6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-family-heading,"JetBrains Mono");letter-spacing:var(--letter-spacing-heading,-.02em)}.dashboard-subtitle{font-size:var(--font-size-base,16px);color:var(--color-on-surface-secondary,#94a3b8);margin:0}.dashboard-verification-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg,24px);padding:var(--spacing-lg,24px);margin-bottom:var(--spacing-2xl,32px);background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.3);border-radius:var(--border-radius-card,16px);animation:slideInUp .5s ease-out}.verification-banner-content{display:flex;align-items:center;gap:var(--spacing-md,16px)}.verification-banner-content>i{font-size:28px;color:#fbbf24;flex-shrink:0}.verification-banner-text{display:flex;flex-direction:column;gap:var(--spacing-xs,4px)}.verification-banner-text strong{font-size:var(--font-size-lg,18px);color:#fbbf24}.verification-banner-text p{margin:0;font-size:var(--font-size-sm,14px);color:hsla(0,0%,100%,.7)}.verification-resend-btn{flex-shrink:0;padding:var(--spacing-sm,12px) var(--spacing-lg,24px);background:#fbbf24;color:#1a1a2e;border:none;border-radius:var(--border-radius-control,12px);font-size:var(--font-size-sm,14px);font-weight:600;cursor:pointer;transition:all .3s ease}.verification-resend-btn:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px rgba(251,191,36,.3)}@media (max-width:640px){.dashboard-verification-banner{flex-direction:column;text-align:center}.verification-banner-content{flex-direction:column}.verification-resend-btn{width:100%}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg,24px);gap:var(--spacing-lg,24px);margin-bottom:var(--spacing-3xl,48px)}.dashboard-stat-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-card);padding:var(--spacing-2xl);transition:all .3s ease;position:relative;overflow:hidden;animation:slideInUp .5s ease-out backwards;z-index:1}.dashboard-stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,184,224,.1),rgba(139,92,246,.05));opacity:0;transition:opacity .3s ease;border-radius:var(--border-radius-card)}.dashboard-stat-card:first-child{animation-delay:.1s}.dashboard-stat-card:nth-child(2){animation-delay:.2s}.dashboard-stat-card:nth-child(3){animation-delay:.3s}.dashboard-stat-card:nth-child(4){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary);background:var(--color-surface-elevated)}.dashboard-stat-card:hover:before{opacity:1}.dashboard-stat-header{gap:var(--spacing-md,16px);margin-bottom:var(--spacing-md,16px);z-index:2}.dashboard-stat-header,.dashboard-stat-icon{display:flex;align-items:center;position:relative}.dashboard-stat-icon{justify-content:center;width:56px;height:56px;border-radius:var(--border-radius-card,16px);font-size:24px;overflow:hidden}.dashboard-stat-icon:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(8px);opacity:.3}.dashboard-stat-icon.sites-icon{background:color-mix(in oklab,#3b82f6 20%,transparent);color:#3b82f6}.dashboard-stat-icon.storage-icon{background:color-mix(in oklab,#10b981 20%,transparent);color:#10b981}.dashboard-stat-icon.retention-icon{background:color-mix(in oklab,#f59e0b 20%,transparent);color:#f59e0b}.dashboard-stat-icon.versions-icon{background:color-mix(in oklab,#8b5cf6 20%,transparent);color:#8b5cf6}.dashboard-stat-title{font-size:var(--font-size-lg,18px);font-weight:600;margin:0}.dashboard-stat-content{display:flex;flex-direction:column;gap:var(--spacing-sm,12px);position:relative;z-index:2}.dashboard-stat-value{font-size:32px;font-weight:800;line-height:1.1;background:linear-gradient(135deg,var(--color-primary,#00b8e0),var(--color-secondary,#8b5cf6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.dashboard-stat-percentage{font-size:13px;color:hsla(0,0%,100%,.7);font-weight:500;line-height:1.4}.dashboard-stat-description{font-size:12px;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.dashboard-progress-bar{width:100%;height:6px;background:rgba(0,184,224,.1);border-radius:3px;overflow:hidden;margin-top:var(--spacing-sm,12px)}.dashboard-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary,#00b8e0),var(--color-secondary,#8b5cf6));border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(0,184,224,.4)}.dashboard-deploy-btn,.dashboard-manage-btn,.dashboard-view-all-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs,8px);background:#00c9b0;color:#fff;border:none;padding:var(--spacing-sm,12px) var(--spacing-md,16px);border-radius:var(--border-radius-control,12px);cursor:pointer;font-size:var(--font-size-sm,14px);font-weight:600;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.dashboard-deploy-btn:before,.dashboard-manage-btn:before,.dashboard-view-all-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .3s ease}.dashboard-deploy-btn:hover,.dashboard-manage-btn:hover,.dashboard-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,201,176,.25)}.dashboard-deploy-btn:hover:before,.dashboard-manage-btn:hover:before,.dashboard-view-all-btn:hover:before{opacity:1}.dashboard-deployments-section{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-card);padding:var(--spacing-2xl);animation:slideInUp .5s ease-out .6s backwards;position:relative;z-index:1;transition:all .3s ease}.dashboard-deployments-section:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary)}.dashboard-deployments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg,24px);flex-wrap:wrap;gap:var(--spacing-md,16px)}.dashboard-section-title{display:flex;align-items:center;gap:var(--spacing-sm,12px);font-size:var(--font-size-xl,20px);font-weight:700;margin:0;color:var(--color-on-surface)}.dashboard-section-title i{font-size:20px;color:var(--color-primary,#00b8e0)}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl,48px) var(--spacing-lg,24px);text-align:center;background:linear-gradient(135deg,rgba(0,184,224,.05),rgba(139,92,246,.05));border-radius:var(--border-radius-card,16px);border:1px dashed var(--color-border,#24303b);position:relative;overflow:hidden}.dashboard-empty-state:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,184,224,.03),transparent);animation:float 4s ease-in-out infinite}.dashboard-empty-icon{font-size:56px;color:var(--color-primary,#00b8e0);margin-bottom:var(--spacing-md,16px);position:relative;z-index:1;animation:float 3s ease-in-out infinite}.dashboard-empty-title{font-size:var(--font-size-lg,18px);font-weight:700;margin:0 0 var(--spacing-xs,8px) 0;color:var(--color-on-surface,#e8f0f8);position:relative;z-index:1}.dashboard-empty-description{color:hsla(0,0%,100%,.6);margin:0 0 var(--spacing-lg,24px) 0}.dashboard-deploy-btn,.dashboard-empty-description{font-size:var(--font-size-base,16px);position:relative;z-index:1}.dashboard-deploy-btn{padding:var(--spacing-sm,12px) var(--spacing-lg,24px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.dashboard-deployments-list{display:flex;flex-direction:column;gap:var(--spacing-md,16px)}.dashboard-deployment-item{display:grid;grid-template-columns:1fr auto auto;grid-gap:var(--spacing-lg,24px);gap:var(--spacing-lg,24px);align-items:center;padding:var(--spacing-md,16px);border:1px solid var(--color-border,#24303b);border-radius:var(--border-radius-control,12px);background:hsla(0,0%,100%,.02);transition:all .3s ease;position:relative;overflow:hidden}.dashboard-deployment-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,184,224,.1),transparent);opacity:0;transition:opacity .3s ease}.dashboard-deployment-item:hover{background:rgba(0,184,224,.05);border-color:var(--color-primary,#00b8e0);box-shadow:0 0 12px rgba(0,184,224,.1)}.dashboard-deployment-item:hover:before{opacity:1}.dashboard-deployment-info{display:flex;flex-direction:column;gap:var(--spacing-xs,4px);position:relative;z-index:1}.dashboard-deployment-name{font-size:var(--font-size-base,16px);font-weight:600;margin:0;color:var(--color-on-surface,#e8f0f8)}.dashboard-deployment-url{font-size:var(--font-size-sm,14px);color:hsla(0,0%,100%,.5);margin:0;word-break:break-all}.dashboard-deployment-status{flex-shrink:0;position:relative;z-index:1}.dashboard-status-badge{display:inline-block;padding:var(--spacing-xs,6px) var(--spacing-sm,12px);border-radius:var(--border-radius-control,8px);font-size:var(--font-size-sm,14px);font-weight:600;text-transform:capitalize;backdrop-filter:blur(4px)}.dashboard-status-badge.success{background:color-mix(in oklab,#10b981 20%,transparent);color:#10b981}.dashboard-status-badge.failed{background:color-mix(in oklab,#ef4444 20%,transparent);color:#ef4444}.dashboard-status-badge.pending{background:color-mix(in oklab,#f59e0b 20%,transparent);color:#f59e0b}.dashboard-deployment-date{font-size:var(--font-size-sm,14px);color:hsla(0,0%,100%,.5);flex-shrink:0;position:relative;z-index:1}@media (max-width:768px){.dashboard-main{padding:var(--spacing-lg,24px) var(--spacing-md,16px)}.dashboard-header-content{flex-direction:column;gap:var(--spacing-md,16px);align-items:flex-start}.dashboard-header-right{width:100%;justify-content:space-between}.dashboard-title{font-size:var(--font-size-2xl,28px);margin-bottom:var(--spacing-md,16px)}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md,16px)}.dashboard-stat-card{padding:var(--spacing-md,16px)}.dashboard-stat-icon{width:48px;height:48px;font-size:20px}.dashboard-deployment-item{grid-template-columns:1fr;gap:var(--spacing-md,16px)}.dashboard-deployments-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm,12px)}.dashboard-view-all-btn{width:100%;justify-content:center}}@media (max-width:480px){.dashboard-header-content,.dashboard-main{padding:var(--spacing-md,16px) var(--spacing-sm,12px)}.dashboard-title{font-size:var(--font-size-xl,20px);margin-bottom:var(--spacing-md,16px)}.dashboard-subtitle{font-size:var(--font-size-sm,14px)}.dashboard-stats-grid{grid-template-columns:1fr;gap:var(--spacing-md,16px)}.dashboard-stat-card{padding:var(--spacing-md,16px)}.dashboard-stat-header{gap:var(--spacing-sm,12px);margin-bottom:var(--spacing-sm,12px)}.dashboard-stat-icon{width:40px;height:40px;font-size:18px}.dashboard-stat-title{font-size:var(--font-size-base,16px)}.dashboard-stat-value{font-size:24px}.dashboard-deployments-section{padding:var(--spacing-md,16px)}.dashboard-deployments-header{margin-bottom:var(--spacing-md,16px)}.dashboard-section-title{font-size:var(--font-size-lg,18px)}.dashboard-empty-state{padding:var(--spacing-2xl,32px) var(--spacing-md,16px)}.dashboard-empty-icon{font-size:48px}.dashboard-deployment-item{padding:var(--spacing-sm,12px)}.dashboard-logout-btn span{display:none}.dashboard-logout-btn{padding:var(--spacing-xs,8px);width:40px;height:40px;justify-content:center}}.dashboard-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;width:100%;gap:var(--spacing-xl,32px);border-radius:var(--border-radius-card,16px);animation:fadeIn .4s ease-out}.dashboard-loading-icon{width:64px;height:64px;color:var(--color-primary,#00b8e0);filter:drop-shadow(0 0 15px rgba(0,184,224,.4));animation:dashboard-float 2.5s ease-in-out infinite}.dashboard-loading-overlay p{font-family:var(--font-family-heading,"JetBrains Mono");font-size:var(--font-size-base,16px);font-weight:500;background:linear-gradient(90deg,var(--color-primary,#00b8e0),var(--color-secondary,#8b5cf6),var(--color-primary,#00b8e0));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;letter-spacing:.5px;text-transform:uppercase;margin:0}@keyframes dashboard-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{to{background-position:200%}}.settings-navigation-wrapper{top:0;width:100%;z-index:1000;position:sticky;background:color-mix(in oklab,var(--color-surface) 70%,transparent);transition:background .3s ease;border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.settings-navigation-container{gap:var(--spacing-2xl);margin:0 auto;display:flex;padding:var(--spacing-md) var(--spacing-xl);max-width:var(--content-max-width);align-items:center;justify-content:space-between}.settings-navigation-brand{gap:var(--spacing-sm);color:var(--color-on-surface);display:flex;transition:opacity .2s ease;align-items:center;text-decoration:none}.settings-navigation-brand:hover{opacity:.8}.settings-navigation-logo-icon{color:var(--color-primary);filter:drop-shadow(0 0 8px color-mix(in oklab,var(--color-primary) 40%,transparent));display:flex;align-items:center;justify-content:center}.settings-navigation-brand-name{font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:700;letter-spacing:-.5px}.settings-navigation-links{gap:var(--spacing-xl);margin:0;display:flex;padding:0;list-style:none;align-items:center}.settings-navigation-link{color:var(--color-on-surface);text-decoration:none;font-size:var(--font-size-base);transition:color .2s ease}.settings-navigation-link:hover{color:var(--color-primary)}.settings-navigation-actions{gap:var(--spacing-lg);display:flex;align-items:center}.settings-user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-user-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-on-surface)}.settings-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--color-surface);color:var(--color-on-surface);position:relative;overflow-x:hidden}.settings-wrapper:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,184,224,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0,transparent 50%);pointer-events:none;z-index:0}.settings-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-on-surface);background:var(--color-surface)}.settings-main{flex:1 1;position:relative;z-index:1;padding:var(--spacing-3xl) var(--spacing-lg)}.settings-container{max-width:900px;margin:0 auto}.settings-title{font-size:var(--font-size-4xl);font-weight:700;margin:0 0 var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-family-heading)}.settings-section{margin-bottom:var(--spacing-3xl)}.settings-section-danger{margin-top:var(--spacing-4xl);padding-top:var(--spacing-3xl);border-top:2px solid var(--color-border)}.settings-section-title{font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-lg) 0;color:var(--color-on-surface)}.settings-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-card);padding:var(--spacing-2xl);transition:all .3s ease}.settings-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary)}.settings-card-danger{border-color:#ef4444;background:color-mix(in oklab,var(--color-surface-elevated) 98%,#ef4444 2%)}.settings-info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.settings-info-item:last-child{border-bottom:none}.settings-info-item label{font-weight:600;color:var(--color-on-surface-secondary)}.settings-info-value{margin:0;font-size:var(--font-size-base);color:var(--color-on-surface);font-family:monospace}.settings-limit-item{margin-bottom:var(--spacing-lg)}.settings-limit-item:last-child{margin-bottom:0}.settings-limit-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-weight:600}.settings-limit-usage{color:var(--color-on-surface-secondary);font-size:var(--font-size-sm)}.settings-progress-bar{width:100%;height:8px;background:rgba(0,184,224,.1);border-radius:4px;overflow:hidden}.settings-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;transition:width .3s ease;box-shadow:0 0 8px rgba(0,184,224,.4)}.settings-api-key-info{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:color-mix(in oklab,var(--color-surface-elevated) 60%,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--border-radius-section)}.settings-api-key-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);align-items:center}.settings-api-key-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);width:-moz-fit-content;width:fit-content}.settings-status-badge i{font-size:var(--font-size-base)}.settings-status-description{display:block}.settings-created-label,.settings-status-description{font-size:var(--font-size-xs);color:var(--color-secondary-text)}.settings-created-label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.settings-created-label i{color:var(--color-primary);font-size:var(--font-size-sm)}.settings-created-date{display:block;font-size:var(--font-size-base);color:var(--color-on-surface);font-weight:500}.settings-api-key{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.settings-api-key-content{flex:1 1;min-width:250px}.settings-api-key-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-control);background:var(--color-surface);color:var(--color-on-surface);font-family:monospace;font-size:var(--font-size-sm)}.settings-api-key .btn i{margin-right:var(--spacing-xs)}.settings-form{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.settings-form-group{margin-bottom:var(--spacing-lg)}.settings-form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-on-surface)}.settings-form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-control);background:var(--color-surface);color:var(--color-on-surface);font-size:var(--font-size-base);transition:border-color .2s ease}.settings-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 8px rgba(0,184,224,.2)}.settings-danger-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.settings-danger-content h3{margin:0 0 var(--spacing-sm) 0;color:#ef4444;font-size:var(--font-size-lg)}.settings-danger-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-secondary)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 16px rgba(239,68,68,.25)}@media (max-width:768px){.settings-navigation-container{gap:var(--spacing-lg);padding:var(--spacing-md)}.settings-navigation-links{gap:var(--spacing-md)}.settings-main{padding:var(--spacing-2xl) var(--spacing-md)}.settings-title{font-size:var(--font-size-2xl)}.settings-danger-content{flex-direction:column;align-items:flex-start}.settings-api-key{flex-direction:column}.settings-api-key-content{min-width:100%}.settings-api-key .btn{width:100%;justify-content:center}}@media (max-width:480px){.settings-navigation-brand-name{display:none}.settings-navigation-links{gap:var(--spacing-sm);font-size:var(--font-size-sm)}.settings-main{padding:var(--spacing-lg) var(--spacing-sm)}.settings-card{padding:var(--spacing-lg)}.settings-info-item{flex-direction:column;align-items:flex-start}.settings-info-item,.settings-navigation-actions{gap:var(--spacing-sm)}.settings-user-name{display:none}}.settings-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.settings-confirmation-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.4);max-width:420px;width:90%;padding:var(--spacing-xl);animation:slideUp .3s ease-out}.settings-confirmation-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.settings-confirmation-header i{color:#ef4444;font-size:var(--font-size-xl)}.settings-confirmation-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-on-surface);font-weight:600}.settings-confirmation-body{margin-bottom:var(--spacing-lg)}.settings-confirmation-body p{margin:0 0 var(--spacing-md) 0;color:var(--color-secondary-text);font-size:var(--font-size-sm);line-height:1.5}.settings-confirmation-body ul{margin:var(--spacing-md) 0 0 var(--spacing-lg);padding:0;list-style:none}.settings-confirmation-body li{font-size:var(--font-size-sm);color:var(--color-secondary-text);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.settings-confirmation-body li:before{content:"•";position:absolute;left:0;color:#ef4444}.settings-confirmation-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.settings-confirmation-actions .btn{flex:1 1;min-width:120px}@media (max-width:480px){.settings-confirmation-card{padding:var(--spacing-lg)}.settings-confirmation-actions{flex-direction:column}.settings-confirmation-actions .btn{width:100%}}.settings-change-password-form{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.settings-password-strength-container{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:color-mix(in oklab,var(--color-surface) 50%,var(--color-surface-elevated));border:1px solid var(--color-border);border-radius:var(--border-radius-section)}.settings-strength-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.settings-strength-label{font-weight:600;font-size:var(--font-size-sm)}.settings-mismatch-badge{background:color-mix(in oklab,#e53e3e 15%,transparent);color:#e53e3e}.settings-match-badge,.settings-mismatch-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-control);font-size:var(--font-size-xs);font-weight:500}.settings-match-badge{background:color-mix(in oklab,#38a169 15%,transparent);color:#38a169}.settings-strength-bar-wrapper{margin-bottom:var(--spacing-md)}.settings-strength-bar-track{width:100%;height:8px;background:var(--color-surface);border-radius:10px;overflow:hidden}.settings-strength-bar-fill{height:100%;border-radius:10px;transition:width .3s ease,background .3s ease}.settings-suggestions-block{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.settings-suggestions-list{margin:0;padding-left:var(--spacing-lg);list-style:none}.settings-suggestions-list li{font-size:var(--font-size-xs);color:var(--color-secondary-text);margin-bottom:var(--spacing-xs);position:relative}.settings-suggestions-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.settings-form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.settings-form-actions .btn{min-width:120px}@media (max-width:640px){.settings-form-actions{flex-direction:column}.settings-form-actions .btn{width:100%}.settings-strength-header{flex-direction:column;align-items:flex-start}}.settings-password-error{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.1));border:1px solid rgba(239,68,68,.3);border-left:4px solid #ef4444;border-radius:var(--border-radius-control);animation:shake .4s ease-in-out,fadeIn .3s ease-out;box-shadow:0 4px 12px rgba(239,68,68,.1)}.settings-error-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(239,68,68,.2);border-radius:50%;color:#ef4444;font-size:var(--font-size-lg);flex-shrink:0;animation:pulse-error 2s ease-in-out infinite}.settings-error-content{flex:1 1}.settings-error-content strong{display:block;font-size:var(--font-size-base);font-weight:700;color:#ef4444;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.settings-error-content p{margin:0;font-size:var(--font-size-sm);color:rgba(239,68,68,.9);line-height:1.5}.settings-input-wrapper{position:relative;display:flex;align-items:center}.settings-input-wrapper input{padding-right:40px;transition:border-color .3s ease,box-shadow .3s ease}.settings-input-wrapper.input-error input{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.settings-input-wrapper.input-success input{border-color:#38a169;box-shadow:0 0 0 3px rgba(56,161,105,.1)}.settings-input-icon,.settings-input-spinner{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none}.settings-input-spinner i{color:var(--color-primary);font-size:var(--font-size-base)}.settings-input-icon.success i{color:#38a169;font-size:var(--font-size-lg);animation:scaleIn .3s ease-out}.settings-input-icon.error i{color:#ef4444;font-size:var(--font-size-lg);animation:shake .3s ease-out}.settings-field-hint{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-xs);line-height:1.4;animation:slideDown .3s ease-out}.settings-field-hint.error{color:#ef4444}.settings-field-hint i{font-size:var(--font-size-sm)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes pulse-error{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-success-popup{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:color-mix(in oklab,var(--color-surface) 90%,transparent);border:1px solid rgba(56,161,105,.3);border-radius:var(--border-radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 40px rgba(0,0,0,.2),0 0 0 1px rgba(56,161,105,.1);z-index:9999;animation:slideInRight .5s cubic-bezier(.16,1,.3,1),glowPulse 2s infinite;min-width:300px;max-width:400px}.settings-success-popup:before{content:"";position:absolute;inset:0;border-radius:var(--border-radius-lg);padding:1px;background:linear-gradient(135deg,#38a169,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.settings-popup-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#38a169,#2f855a);border-radius:50%;color:#fff;font-size:var(--font-size-base);box-shadow:0 4px 12px rgba(56,161,105,.3);flex-shrink:0;animation:checkPop .5s cubic-bezier(.175,.885,.32,1.275) .2s backwards}.settings-popup-content{flex:1 1}.settings-popup-content strong{display:block;font-size:var(--font-size-base);font-weight:700;color:#38a169;margin-bottom:2px}.settings-popup-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface)}.settings-popup-close{background:transparent;border:none;color:var(--color-on-surface-secondary);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-popup-close:hover{background:hsla(0,0%,100%,.1);color:var(--color-on-surface)}.settings-section-description{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-secondary-text);line-height:1.5}.settings-security-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.settings-security-header>div{flex:1 1;min-width:250px}.settings-security-header h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--color-on-surface)}.settings-card-description{margin:0;font-size:var(--font-size-sm);color:var(--color-secondary-text);line-height:1.5}.settings-2fa-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.settings-2fa-header>div{flex:1 1;min-width:250px}.settings-2fa-header h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--color-on-surface);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-2fa-header i{color:var(--color-primary);font-size:var(--font-size-lg)}.settings-2fa-status{display:flex;align-items:center}.settings-status-disabled{padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in oklab,#e53e3e 15%,transparent);color:#e53e3e;border-radius:var(--border-radius-control);font-weight:500}.settings-status-disabled i{font-size:var(--font-size-base)}.settings-2fa-options{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.settings-2fa-option{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:color-mix(in oklab,var(--color-surface) 60%,var(--color-surface-elevated));border:1px solid var(--color-border);border-radius:var(--border-radius-section);transition:all .2s ease}.settings-2fa-option:hover{border-color:var(--color-primary);background:color-mix(in oklab,var(--color-surface) 50%,var(--color-surface-elevated));transform:translateY(-2px)}.settings-2fa-option-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:color-mix(in oklab,var(--color-primary) 20%,transparent);border-radius:var(--border-radius-section);color:var(--color-primary);font-size:var(--font-size-xl);flex-shrink:0}.settings-2fa-option-content{flex:1 1}.settings-2fa-option-content h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--color-on-surface);font-weight:600}.settings-2fa-option-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-secondary-text);line-height:1.4}.settings-2fa-option .btn{flex-shrink:0}@media (max-width:768px){.settings-2fa-option{flex-direction:column;text-align:center}.settings-2fa-option-icon{width:50px;height:50px;font-size:var(--font-size-lg)}.settings-2fa-option .btn{width:100%}.settings-2fa-header,.settings-security-header{flex-direction:column}}.authenticator-2fa-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.authenticator-2fa-modal-content{position:relative;background:var(--color-surface);border-radius:var(--border-radius-xl);border:1px solid var(--color-border);padding:var(--spacing-2xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp .3s ease}.authenticator-2fa-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;font-size:var(--font-size-lg);color:var(--color-secondary-text);cursor:pointer;transition:color .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg)}.authenticator-2fa-modal-close:hover{color:var(--color-on-surface);background:var(--color-hover)}.authenticator-2fa-steps-container{display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);position:relative}.authenticator-2fa-steps-container:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--color-border);z-index:0}.authenticator-2fa-step-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1 1;position:relative;z-index:1}.authenticator-2fa-step-number{width:40px;height:40px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-secondary-text);transition:all .3s ease}.authenticator-2fa-step-indicator.active .authenticator-2fa-step-number{background:var(--color-primary);color:#fff}.authenticator-2fa-step-indicator span{font-size:var(--font-size-xs);color:var(--color-secondary-text);font-weight:500;transition:color .3s ease}.authenticator-2fa-step-indicator.active span{color:var(--color-primary)}.authenticator-2fa-step-content{animation:fadeIn .3s ease}.authenticator-2fa-step-content h2{font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--spacing-sm) 0;color:var(--color-on-surface)}.authenticator-2fa-step-content>p{margin:0 0 var(--spacing-lg) 0;color:var(--color-secondary-text);line-height:1.6}.authenticator-2fa-qr-container{background:#fff;border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;display:flex;align-items:center;justify-content:center;min-height:250px}.authenticator-2fa-qr-placeholder{width:200px;height:200px}.authenticator-2fa-manual-entry{background:var(--color-hover);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.authenticator-2fa-manual-title{margin:0 0 var(--spacing-sm) 0;font-weight:600;color:var(--color-on-surface);font-size:var(--font-size-sm)}.authenticator-2fa-manual-entry p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-secondary-text)}.authenticator-2fa-manual-code{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-base);padding:var(--spacing-sm);font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm);letter-spacing:2px;color:var(--color-on-surface);word-break:break-all}.authenticator-2fa-code-input-container{margin:var(--spacing-lg) 0}.authenticator-2fa-code-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-xl);letter-spacing:var(--spacing-lg);text-align:center;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-hover);color:var(--color-on-surface);transition:border-color .2s ease;font-weight:600}.authenticator-2fa-code-input:focus{outline:none;border-color:var(--color-primary)}.authenticator-2fa-code-hint{margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-sm);color:var(--color-secondary-text);text-align:center}.authenticator-2fa-backup-codes-container{background:var(--color-hover);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;max-height:400px;overflow-y:auto}.authenticator-2fa-backup-codes-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.authenticator-2fa-backup-code-item{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-base);font-size:var(--font-size-sm)}.authenticator-2fa-backup-code-number{color:var(--color-secondary-text);font-weight:600;min-width:25px}.authenticator-2fa-backup-code{font-family:Monaco,Courier New,monospace;color:var(--color-on-surface);font-weight:600}.authenticator-2fa-backup-actions-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.authenticator-2fa-backup-actions-group .btn{flex:1 1}.authenticator-2fa-backup-warning{background:color-mix(in oklab,var(--color-warning) 15%,transparent);border:1px solid color-mix(in oklab,var(--color-warning) 30%,transparent);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-top:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);color:var(--color-on-surface)}.authenticator-2fa-backup-warning i{color:var(--color-warning);margin-top:2px;flex-shrink:0}.authenticator-2fa-backup-warning p{margin:0;font-size:var(--font-size-sm);line-height:1.5}.authenticator-2fa-step-success{text-align:center}.authenticator-2fa-success-icon{width:80px;height:80px;background:color-mix(in oklab,var(--color-success) 20%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:var(--font-size-4xl);color:var(--color-success)}.authenticator-2fa-success-checklist{background:var(--color-hover);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.authenticator-2fa-checklist-item{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0;text-align:left}.authenticator-2fa-checklist-item i{color:var(--color-success);font-size:var(--font-size-lg)}.authenticator-2fa-checklist-item span{color:var(--color-on-surface);font-size:var(--font-size-base)}.authenticator-2fa-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.authenticator-2fa-actions .btn{flex:1 1}.settings-2fa-enabled-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);background:color-mix(in oklab,var(--color-success) 10%,transparent);border:1px solid color-mix(in oklab,var(--color-success) 30%,transparent);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.settings-2fa-enabled-info{display:flex;align-items:flex-start;gap:var(--spacing-lg);flex:1 1}.settings-2fa-enabled-icon{width:50px;height:50px;background:color-mix(in oklab,var(--color-success) 20%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-success);flex-shrink:0}.settings-2fa-enabled-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--color-on-surface)}.settings-2fa-enabled-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-secondary-text);line-height:1.4}.settings-2fa-enabled-content .btn{flex-shrink:0}.settings-status-enabled{background:color-mix(in oklab,var(--color-success) 15%,transparent);border:1px solid color-mix(in oklab,var(--color-success) 30%,transparent);border-radius:var(--border-radius-full);color:var(--color-success)}.settings-status-disabled,.settings-status-enabled{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600}.settings-status-disabled{background:color-mix(in oklab,var(--color-secondary-text) 15%,transparent);border:1px solid color-mix(in oklab,var(--color-secondary-text) 30%,transparent);border-radius:var(--border-radius-full);color:var(--color-secondary-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.authenticator-2fa-modal-content{padding:var(--spacing-lg);max-height:95vh}.authenticator-2fa-steps-container{margin-bottom:var(--spacing-lg)}.authenticator-2fa-step-number{width:35px;height:35px;font-size:var(--font-size-sm)}.authenticator-2fa-backup-codes-list{grid-template-columns:1fr}.authenticator-2fa-actions,.authenticator-2fa-backup-actions-group{flex-direction:column}.authenticator-2fa-backup-actions-group .btn{width:100%}.settings-2fa-enabled-content{flex-direction:column;align-items:flex-start}.settings-2fa-enabled-content .btn,.settings-2fa-enabled-info{width:100%}}.email-2fa-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.email-2fa-modal-content{position:relative;background:var(--color-surface);border-radius:var(--border-radius-xl);border:1px solid var(--color-border);padding:var(--spacing-2xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp .3s ease}.email-2fa-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;font-size:var(--font-size-lg);color:var(--color-secondary-text);cursor:pointer;transition:color .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg)}.email-2fa-modal-close:hover{color:var(--color-on-surface);background:var(--color-hover)}.email-2fa-steps-container{display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);position:relative}.email-2fa-steps-container:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--color-border);z-index:0}.email-2fa-step-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1 1;position:relative;z-index:1}.email-2fa-step-number{width:40px;height:40px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-secondary-text);transition:all .3s ease}.email-2fa-step-indicator.active .email-2fa-step-number{background:var(--color-primary);color:#fff}.email-2fa-step-indicator span{font-size:var(--font-size-xs);color:var(--color-secondary-text);font-weight:500;transition:color .3s ease}.email-2fa-step-indicator.active span{color:var(--color-primary)}.email-2fa-step-content{animation:fadeIn .3s ease;text-align:center}.email-2fa-step-content h2{font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--spacing-sm) 0;color:var(--color-on-surface)}.email-2fa-step-content>p{margin:0 0 var(--spacing-lg) 0;color:var(--color-secondary-text);line-height:1.6}.email-2fa-icon-container{width:80px;height:80px;background:color-mix(in oklab,var(--color-primary) 20%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:var(--font-size-4xl);color:var(--color-primary)}.email-2fa-icon-success{background:color-mix(in oklab,var(--color-success) 20%,transparent);color:var(--color-success)}.email-2fa-email-preview{background:var(--color-hover);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.email-2fa-email-label{font-size:var(--font-size-sm);color:var(--color-secondary-text);margin-bottom:var(--spacing-sm)}.email-2fa-email-value{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-on-surface)}.email-2fa-email-value i{color:var(--color-primary)}.email-2fa-info-box{background:color-mix(in oklab,var(--color-primary) 10%,transparent);border:1px solid color-mix(in oklab,var(--color-primary) 30%,transparent);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin:var(--spacing-lg) 0;display:flex;align-items:flex-start;gap:var(--spacing-md);text-align:left}.email-2fa-info-box i{color:var(--color-primary);margin-top:2px;flex-shrink:0}.email-2fa-info-box p{margin:0;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-on-surface)}.email-2fa-code-input-container{margin:var(--spacing-lg) 0}.email-2fa-code-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-xl);letter-spacing:var(--spacing-lg);text-align:center;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-hover);color:var(--color-on-surface);transition:border-color .2s ease;font-weight:600}.email-2fa-code-input:focus{outline:none;border-color:var(--color-primary)}.email-2fa-code-hint{margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-sm);color:var(--color-secondary-text);text-align:center}.email-2fa-resend-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.email-2fa-resend-text{font-size:var(--font-size-sm);color:var(--color-secondary-text)}.email-2fa-resend-button{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:opacity .2s ease}.email-2fa-resend-button:hover:not(:disabled){text-decoration:underline}.email-2fa-resend-button:disabled{opacity:.5;cursor:not-allowed}.email-2fa-step-success{text-align:center}.email-2fa-success-icon{width:80px;height:80px;background:color-mix(in oklab,var(--color-success) 20%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:var(--font-size-4xl);color:var(--color-success)}.email-2fa-success-checklist{background:var(--color-hover);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.email-2fa-checklist-item{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0;text-align:left}.email-2fa-checklist-item i{color:var(--color-success);font-size:var(--font-size-lg)}.email-2fa-checklist-item span{color:var(--color-on-surface);font-size:var(--font-size-base)}.email-2fa-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.email-2fa-actions .btn{flex:1 1}.settings-2fa-option-enabled{background:color-mix(in oklab,var(--color-success) 10%,transparent)!important;border-color:color-mix(in oklab,var(--color-success) 30%,transparent)!important}.settings-2fa-option-icon-enabled{background:color-mix(in oklab,var(--color-success) 20%,transparent)!important;color:var(--color-success)!important}.settings-2fa-option-header{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.settings-2fa-enabled-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:color-mix(in oklab,var(--color-success) 20%,transparent);color:var(--color-success);border-radius:var(--border-radius-full);font-weight:600}.settings-2fa-enabled-badge,.settings-2fa-enabled-badge i{font-size:var(--font-size-xs)}@media (max-width:480px){.email-2fa-modal-content{padding:var(--spacing-lg);max-height:95vh}.email-2fa-steps-container{margin-bottom:var(--spacing-lg)}.email-2fa-step-number{width:35px;height:35px;font-size:var(--font-size-sm)}.email-2fa-actions{flex-direction:column}.email-2fa-icon-container,.email-2fa-success-icon{width:60px;height:60px;font-size:var(--font-size-2xl)}.settings-2fa-option-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.notification-toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:var(--spacing-md,16px);padding:var(--spacing-lg,24px);background:color-mix(in oklab,var(--color-surface,#0a0a0f) 90%,transparent);border-radius:var(--border-radius-lg,16px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:9999;animation:slideInRight .5s cubic-bezier(.16,1,.3,1),glowPulse 2s infinite;min-width:300px;max-width:400px}.notification-toast.success{border:1px solid rgba(56,161,105,.3);box-shadow:0 10px 40px rgba(0,0,0,.2),0 0 0 1px rgba(56,161,105,.1)}.notification-toast.success:before{content:"";position:absolute;inset:0;border-radius:var(--border-radius-lg,16px);padding:1px;background:linear-gradient(135deg,#38a169,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.notification-toast.success .notification-icon{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 4px 12px rgba(56,161,105,.3)}.notification-toast.success .notification-content strong{color:#38a169}.notification-toast.error{border:1px solid rgba(239,68,68,.3);box-shadow:0 10px 40px rgba(0,0,0,.2),0 0 0 1px rgba(239,68,68,.1)}.notification-toast.error:before{content:"";position:absolute;inset:0;border-radius:var(--border-radius-lg,16px);padding:1px;background:linear-gradient(135deg,#ef4444,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.notification-toast.error .notification-icon{background:linear-gradient(135deg,#ef4444,#c53030);box-shadow:0 4px 12px rgba(239,68,68,.3)}.notification-toast.error .notification-content strong{color:#ef4444}.notification-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-size:var(--font-size-base,16px);flex-shrink:0;animation:checkPop .5s cubic-bezier(.175,.885,.32,1.275) .2s backwards}.notification-content{flex:1 1}.notification-content strong{display:block;font-size:var(--font-size-base,16px);font-weight:700;margin-bottom:2px}.notification-content p{margin:0;font-size:var(--font-size-sm,14px);color:var(--color-on-surface,#e8f0f8)}.notification-close{background:transparent;border:none;color:var(--color-on-surface-secondary,#94a3b8);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-close:hover{background:hsla(0,0%,100%,.1);color:var(--color-on-surface,#e8f0f8)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes checkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 10px 40px rgba(0,0,0,.2)}50%{box-shadow:0 10px 40px rgba(0,0,0,.2)}}