:root{--colors--neutral--100:white;--colors--neutral--200:#f8f6ff;--colors--neutral--300:#ebe7ff;--colors--neutral--400:#DAD2FD;--colors--neutral--500:#B8B1D8;--colors--neutral--600:#40406A;--colors--neutral--700:#262572;--colors--neutral--800:#010827;--colors--primary--100:#6145FF;--colors--secondary--100:#AB9DFF;--colors--secondary--200:#0A0618;--colors--secondary--300:#ab25a3;--colors--secondary--400:#9cfbfd;--colors--secondary--ps:transparent;--colors--lavender-100:#9785ff1a;--colors--lavender-200:#9A91FF4D;--colors--lavender-300:#C9C4FF66;--font-family--primary-font:"Rethink Sans",sans-serif;--font-family--headlines:var(--font-family--primary-font);--font--colors--title-light:var(--colors--neutral--100);--font--colors--title-dark:var(--colors--neutral--700);--font--colors--paragraph-dark:var(--colors--neutral--700);--font--colors--paragraph-light:var(--colors--neutral--500);--font--colors--accent-color:var(--colors--primary--100);--font-size--displays--display-10:72px;--font-size--displays--display-9:56px;--font-size--displays--display-8:48px;--font-size--displays--display-7:36px;--font-size--displays--display-6:30px;--font-size--displays--display-5:24px;--font-size--displays--display-4:20px;--font-size--displays--display-3:18px;--font-size--displays--display-2:16px;--font-size--displays--display-1:14px;--font-size--base-font:var(--font-size--displays--display-2);--font-size--base-font-mb:16px;--line-height--small:1.105em;--line-height--regular:1.25em;--line-height--large:1.5em;--main-spacers--5x-extra-small:8px;--main-spacers--4x-extra-small:12px;--main-spacers--3x-extra-small:12px;--main-spacers--2x-extra-small:16px;--main-spacers--extra-small:20px;--main-spacers--small:24px;--main-spacers--regular:32px;--main-spacers--medium:40px;--main-spacers--large:48px;--main-spacers--extra-large:56px;--main-spacers--2x-extra-large:64px;--border-radius--br-pill:9999px;--border-radius--br-size-4:24px;--border-radius--br-size-2:12px;--border-radius--br-size-1:8px;--box-shadow--bs-neutral-small:rgba(25,33,61,0.1);--box-shadow--bs-neutral-regular:rgba(25,33,61,0.1);--box-shadow--bs-neutral-medium:rgba(25,33,61,0.1);--box-shadow--bs-neutral-large:rgba(25,33,61,0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family--primary-font);font-size:var(--font-size--base-font);line-height:var(--line-height--large);color:var(--font--colors--title-dark)}.container{max-width:1200px;margin:0 auto;padding:0 var(--main-spacers--regular)}.header{padding:var(--main-spacers--2x-extra-large) 0;text-align:center;border-bottom:1px solid var(--colors--neutral--300);margin-bottom:var(--main-spacers--large)}.title{font-size:var(--font-size--displays--display-8);font-weight:700;color:var(--colors--primary--100);margin-bottom:var(--main-spacers--2x-extra-small);line-height:var(--line-height--regular)}.subtitle{font-size:var(--font-size--displays--display-3);color:var(--font--colors--paragraph-light);font-weight:400}.navigation{position:sticky;top:0;background:var(--colors--neutral--100);z-index:100;padding:var(--main-spacers--small) 0;border-bottom:1px solid var(--colors--neutral--300);margin-bottom:var(--main-spacers--medium)}.navigation ul{display:flex;flex-wrap:wrap;gap:var(--main-spacers--small);list-style:none;justify-content:center}.navigation a{color:var(--font--colors--paragraph-dark);text-decoration:none;font-weight:500;padding:var(--main-spacers--5x-extra-small) var(--main-spacers--2x-extra-small);border-radius:var(--border-radius--br-size-1);transition:all .3s}.navigation a:hover{color:var(--font--colors--accent-color);background-color:var(--colors--neutral--200)}.section{margin-bottom:var(--main-spacers--2x-extra-large)}.section-title{font-size:var(--font-size--displays--display-7);font-weight:600;color:var(--font--colors--title-dark);margin-bottom:var(--main-spacers--regular);padding-bottom:var(--main-spacers--2x-extra-small);border-bottom:2px solid var(--colors--primary--100)}.bg-primary-100{background-color:var(--colors--primary--100)}.bg-secondary-100{background-color:var(--colors--secondary--100)}.bg-secondary-200{background-color:var(--colors--secondary--200)}.bg-secondary-300{background-color:var(--colors--secondary--300)}.bg-secondary-400{background-color:var(--colors--secondary--400)}.bg-neutral-100{background-color:var(--colors--neutral--100)}.bg-neutral-200{background-color:var(--colors--neutral--200)}.bg-neutral-300{background-color:var(--colors--neutral--300)}.bg-neutral-400{background-color:var(--colors--neutral--400)}.bg-neutral-500{background-color:var(--colors--neutral--500)}.bg-neutral-600{background-color:var(--colors--neutral--600)}.bg-neutral-700{background-color:var(--colors--neutral--700)}.bg-neutral-800{background-color:var(--colors--neutral--800)}.bg-section-secondary{background-color:var(--colors--neutral--200)}.bg-lavender-100{background-color:var(--colors--lavender-100)}.bg-lavender-200{background-color:var(--colors--lavender-200)}.bg-lavender-300{background-color:var(--colors--lavender-300)}.display-10{font-size:var(--font-size--displays--display-10)}.display-10,.display-9{line-height:var(--line-height--small);font-weight:700;font-family:var(--font-family--headlines)}.display-9{font-size:var(--font-size--displays--display-9)}.display-8{font-size:var(--font-size--displays--display-8)}.display-7,.display-8{line-height:var(--line-height--regular);font-weight:600;font-family:var(--font-family--headlines)}.display-7{font-size:var(--font-size--displays--display-7)}.display-6{font-size:var(--font-size--displays--display-6)}.display-5,.display-6{line-height:var(--line-height--regular);font-weight:500;font-family:var(--font-family--headlines)}.display-5{font-size:var(--font-size--displays--display-5)}.display-4{font-size:var(--font-size--displays--display-4);line-height:var(--line-height--regular);font-weight:500;font-family:var(--font-family--headlines)}.display-3{font-size:var(--font-size--displays--display-3)}.display-2,.display-3{line-height:var(--line-height--regular);font-weight:400;font-family:var(--font-family--primary-font)}.display-2{font-size:var(--font-size--displays--display-2)}.display-1{font-size:var(--font-size--displays--display-1);line-height:var(--line-height--regular);font-weight:400;font-family:var(--font-family--primary-font)}.paragraph-large{font-size:var(--font-size--displays--display-3)}.paragraph-default,.paragraph-large{line-height:var(--line-height--large);font-weight:400}.paragraph-default{font-size:var(--font-size--displays--display-2)}.paragraph-small{font-size:var(--font-size--displays--display-1);line-height:var(--line-height--large);font-weight:400}.weight-default{font-weight:400}.weight-mid{font-weight:500}.weight-strong{font-weight:600}.font-info-showcase{background:linear-gradient(135deg,var(--colors--neutral--200),var(--colors--neutral--300));border:2px solid var(--colors--neutral--400);margin-bottom:var(--main-spacers--small)}.font-family-info h4{font-size:var(--font-size--displays--display-5);font-weight:600;color:var(--colors--primary--100);margin:0 0 var(--main-spacers--small) 0}.font-details{gap:var(--main-spacers--2x-extra-small)}.font-detail-item,.font-details{display:flex;flex-direction:column}.font-detail-item{gap:var(--main-spacers--5x-extra-small)}.font-detail-item strong{font-size:var(--font-size--displays--display-2);font-weight:600;color:var(--font--colors--title-dark)}.font-detail-item code{background:var(--colors--neutral--100);padding:var(--main-spacers--5x-extra-small) var(--main-spacers--2x-extra-small);border-radius:var(--border-radius--br-size-1);font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.4;word-break:break-all}.font-detail-item code,.font-link{font-size:var(--font-size--displays--display-1);color:var(--font--colors--accent-color)}.font-link{text-decoration:none;transition:color .3s ease}.font-link:hover{color:#4d37e6;text-decoration:underline}.weight-list{font-size:var(--font-size--displays--display-1);color:var(--font--colors--paragraph-light);font-family:monospace}.alphabet-showcase{background:linear-gradient(135deg,var(--colors--neutral--100),var(--colors--neutral--200));border:2px solid var(--colors--primary--100)}.font-family-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--main-spacers--small);padding-bottom:var(--main-spacers--2x-extra-small);border-bottom:1px solid var(--colors--neutral--300)}.font-family-header h4{font-size:var(--font-size--displays--display-5);font-weight:600;color:var(--colors--primary--100);margin:0}.font-family-header .weight-variants{display:flex;gap:var(--main-spacers--2x-extra-small)}.weight-label{font-size:var(--font-size--displays--display-1);font-weight:500;color:var(--font--colors--paragraph-light);padding:var(--main-spacers--5x-extra-small) var(--main-spacers--2x-extra-small);background:var(--colors--neutral--300);border-radius:var(--border-radius--br-size-1)}.alphabet-display{margin:var(--main-spacers--small) 0}.alphabet-line{margin-bottom:var(--main-spacers--2x-extra-small);padding:var(--main-spacers--2x-extra-small);background:var(--colors--neutral--100);border-radius:var(--border-radius--br-size-1);border-left:4px solid var(--colors--primary--100)}.alphabet-chars{font-family:var(--font-family--primary-font);font-size:var(--font-size--displays--display-4);line-height:var(--line-height--regular);color:var(--font--colors--title-dark);display:block;letter-spacing:.5px}.alphabet-chars.weight-default{font-weight:400}.alphabet-chars.weight-mid{font-weight:500}.alphabet-chars.weight-strong{font-weight:600}.gradient-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--main-spacers--small);margin-bottom:var(--main-spacers--regular)}.gradient-item{display:flex;align-items:center;gap:var(--main-spacers--2x-extra-small);padding:var(--main-spacers--2x-extra-small);border:1px solid var(--colors--neutral--300);background-color:var(--colors--neutral--100)}.gradient-item,.gradient-swatch{border-radius:var(--border-radius--br-size-2)}.gradient-swatch{width:80px;height:60px;flex-shrink:0;border:1px solid var(--colors--neutral--300)}.gradient-purple{background:linear-gradient(45deg,#481fff,#00481fff)}.gradient-blue{background:linear-gradient(45deg,#6145ff,#ba9dff)}.gradient-darkblue{background:linear-gradient(45deg,#ab9fff,#010827)}.gradient-info{display:flex;flex-direction:column;gap:8px}.gradient-info strong{font-weight:600;color:var(--font--colors--title-dark);font-size:var(--font-size--displays--display-2);margin-bottom:4px}.gradient-info code{font-size:var(--font-size--displays--display-1);color:var(--font--colors--accent-color);background:var(--colors--neutral--200);padding:4px 8px;border-radius:4px;font-family:monospace;line-height:1.4}.typo-group{margin-bottom:var(--main-spacers--medium)}.typo-group h3{font-size:var(--font-size--displays--display-5);font-weight:600;color:var(--font--colors--title-dark);margin-bottom:var(--main-spacers--small);padding-bottom:var(--main-spacers--2x-extra-small);border-bottom:1px solid var(--colors--neutral--300)}.weight-variants{display:flex;gap:var(--main-spacers--small);margin:var(--main-spacers--2x-extra-small) 0;flex-wrap:wrap}.weight-variants span{padding:var(--main-spacers--5x-extra-small) var(--main-spacers--2x-extra-small);background:var(--colors--neutral--200);border-radius:var(--border-radius--br-size-1);font-size:var(--font-size--displays--display-1);border:1px solid var(--colors--neutral--300)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--main-spacers--small);margin-bottom:var(--main-spacers--regular)}.color-item{display:flex;align-items:center;gap:var(--main-spacers--2x-extra-small);padding:var(--main-spacers--2x-extra-small);border:1px solid var(--colors--neutral--300);background-color:var(--colors--neutral--100)}.color-item,.color-swatch{border-radius:var(--border-radius--br-size-2)}.color-swatch{width:60px;height:60px;flex-shrink:0;border:1px solid var(--colors--neutral--300)}.color-info{display:flex;flex-direction:column;gap:4px}.color-info strong{font-weight:600;color:var(--font--colors--title-dark);font-size:var(--font-size--displays--display-2)}.color-info span{color:var(--font--colors--paragraph-light)}.color-info code,.color-info span{font-family:monospace;font-size:var(--font-size--displays--display-1)}.color-info code{color:var(--font--colors--accent-color);background:var(--colors--neutral--200);padding:2px 6px;border-radius:4px}.typography-showcase{display:flex;flex-direction:column;gap:var(--main-spacers--small)}.typo-item{padding:var(--main-spacers--small);border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-2);background-color:var(--colors--neutral--100)}.typo-item code{margin-top:var(--main-spacers--2x-extra-small);color:var(--font--colors--accent-color);background:var(--colors--neutral--200);padding:var(--main-spacers--5x-extra-small) var(--main-spacers--2x-extra-small);border-radius:4px;font-family:monospace}.typo-item code,.typo-item small{display:block;font-size:var(--font-size--displays--display-1)}.typo-item small{margin-top:var(--main-spacers--5x-extra-small);color:var(--font--colors--paragraph-light);font-style:italic}.component-showcase{display:flex;flex-direction:column;gap:var(--main-spacers--medium)}.component-group{padding:var(--main-spacers--small);border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-2);background-color:var(--colors--neutral--100)}.component-group h3{font-size:var(--font-size--displays--display-4);font-weight:600;margin-bottom:var(--main-spacers--2x-extra-small);color:var(--font--colors--title-dark)}.primary-button{padding:var(--main-spacers--2x-extra-small) var(--main-spacers--large);grid-column-gap:var(--main-spacers--4x-extra-small);grid-row-gap:var(--main-spacers--4x-extra-small);border:5px solid var(--colors--neutral--500);border-radius:var(--border-radius--br-pill);background-color:var(--colors--primary--100);box-shadow:0 4px 8px 0 rgba(25,33,61,.1);font-size:var(--font-size--displays--display-3);line-height:var(--line-height--regular);text-align:center;transform-style:preserve-3d;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:transform .3s;display:flex}.primary-button,.primary-button:hover{color:var(--font--colors--title-light)}.primary-button:hover{transform:scale3d(.94,.94,1.01)}.primary-button.disabled,.primary-button:disabled{background-color:var(--colors--neutral--400);color:var(--colors--neutral--600);border-color:var(--colors--neutral--400);cursor:not-allowed;transform:none;opacity:.5;pointer-events:none}.primary-button.small{padding:var(--main-spacers--4x-extra-small) var(--main-spacers--2x-extra-small);font-size:var(--font-size--displays--display-1)}.destructive-button{padding:var(--main-spacers--2x-extra-small) var(--main-spacers--large);grid-column-gap:var(--main-spacers--4x-extra-small);grid-row-gap:var(--main-spacers--4x-extra-small);border:5px solid #dc2626;border-radius:var(--border-radius--br-pill);background-color:#dc2626;box-shadow:0 4px 8px 0 rgba(220,38,38,.2);color:white;font-size:var(--font-size--displays--display-3);line-height:var(--line-height--regular);text-align:center;transform-style:preserve-3d;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:transform .3s,background-color .3s;display:flex;cursor:pointer}.destructive-button:hover{color:white;border-color:#b91c1c;background-color:#b91c1c;transform:scale3d(.94,.94,1.01)}.destructive-button.disabled,.destructive-button:disabled{background-color:var(--colors--neutral--400);color:var(--colors--neutral--600);border-color:var(--colors--neutral--400);cursor:not-allowed;transform:none;opacity:.5;pointer-events:none}.primary-button.button-glass{border-width:1px;border-color:var(--colors--lavender-200);box-shadow:0 0 5px 5px var(--colors--lavender-200),0 4px 8px 0 rgba(25,33,61,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);outline-color:var(--colors--lavender-200);outline-offset:5px;mix-blend-mode:normal;outline-width:1px;outline-style:solid}.secondary-button{padding:var(--main-spacers--2x-extra-small) var(--main-spacers--large);grid-column-gap:var(--main-spacers--5x-extra-small);grid-row-gap:var(--main-spacers--5x-extra-small);border:1px solid var(--colors--neutral--500);border-radius:var(--border-radius--br-pill);background-color:var(--colors--secondary--ps);color:var(--font--colors--title-dark);font-size:var(--font-size--displays--display-3);line-height:var(--line-height--regular);text-align:center;transform-style:preserve-3d;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:transform .3s;display:flex}.secondary-button:hover{color:var(--font--colors--title-dark);transform:scale3d(.94,.94,1.01)}.secondary-button.disabled,.secondary-button:disabled{background-color:var(--colors--neutral--300);color:var(--colors--neutral--500);border-color:var(--colors--neutral--300);cursor:not-allowed;transform:none;opacity:.5;pointer-events:none}.secondary-button.small{padding:var(--main-spacers--4x-extra-small) var(--main-spacers--2x-extra-small);font-size:var(--font-size--displays--display-1)}.tertiary-button{padding:var(--main-spacers--2x-extra-small) var(--main-spacers--large);grid-column-gap:var(--main-spacers--5x-extra-small);grid-row-gap:var(--main-spacers--5x-extra-small);border:1px solid var(--colors--neutral--200);border-radius:var(--border-radius--br-pill);background-color:var(--colors--neutral--200);color:var(--font--colors--accent-color);font-size:var(--font-size--displays--display-3);line-height:var(--line-height--regular);text-align:center;transform-style:preserve-3d;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:transform .3s;display:flex}.tertiary-button:hover{color:var(--font--colors--accent-color);transform:scale3d(.94,.94,1.01)}.tertiary-button.disabled,.tertiary-button:disabled{background-color:var(--colors--neutral--200);color:var(--colors--neutral--500);border-color:var(--colors--neutral--200);cursor:not-allowed;opacity:.5;pointer-events:none}.tertiary-button.small{padding:var(--main-spacers--4x-extra-small) var(--main-spacers--2x-extra-small);font-size:var(--font-size--displays--display-1)}.primary-button-icon{border:1px solid var(--colors--primary--100);background-color:var(--colors--primary--100);box-shadow:0 1px 3px 0 var(--box-shadow--bs-neutral-small);color:var(--font--colors--title-light);font-size:var(--font-size--displays--display-3);line-height:var(--line-height--small);text-align:center;transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;font-weight:600;text-decoration:none;transition:transform .3s;display:flex}.primary-button-icon:hover{color:var(--colors--neutral--100);transform:scale3d(.94,.94,1.01)}.secondary-button-icon{border:1px solid var(--colors--neutral--500);background-color:var(--colors--secondary--ps);box-shadow:0 1px 3px 0 var(--box-shadow--bs-neutral-small);color:var(--font--colors--title-dark);font-size:var(--font-size--displays--display-3);line-height:var(--line-height--small);text-align:center;transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;font-weight:600;text-decoration:none;transition:transform .3s;display:flex}.secondary-button-icon:hover{transform:scale3d(.94,.94,1.01)}.tertiary-button-icon{border:1px solid var(--colors--neutral--200);background-color:var(--colors--neutral--200);box-shadow:0 1px 3px 0 var(--box-shadow--bs-neutral-small);color:var(--font--colors--accent-color);font-size:var(--font-size--displays--display-3);line-height:var(--line-height--small);text-align:center;transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;font-weight:600;text-decoration:none;transition:transform .3s;display:flex}.tertiary-button-icon:hover{transform:scale3d(.94,.94,1.01)}.ghost-button{background:transparent;color:var(--font--colors--paragraph-dark);border:none;padding:var(--main-spacers--2x-extra-small) var(--main-spacers--small);font-size:var(--font-size--displays--display-1);font-weight:500;border-radius:var(--border-radius--br-size-1);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--main-spacers--5x-extra-small)}.ghost-button:hover{background:var(--colors--neutral--200)}.ghost-button:active{transform:scale(.98)}.ghost-button.disabled,.ghost-button:disabled{color:var(--colors--neutral--500);background:transparent;cursor:not-allowed;opacity:.5;pointer-events:none}.ghost-button.disabled:hover,.ghost-button:disabled:hover{background:transparent;transform:none}.icon-button{padding:var(--main-spacers--2x-extra-small);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}.number-button{min-width:48px;padding-left:var(--main-spacers--2x-extra-small);padding-right:var(--main-spacers--2x-extra-small)}.button-row{display:flex;gap:var(--main-spacers--2x-extra-small);flex-wrap:wrap;margin-bottom:var(--main-spacers--2x-extra-small)}.btn{padding:var(--main-spacers--2x-extra-small) var(--main-spacers--large);border-radius:var(--border-radius--br-pill);font-size:var(--font-size--displays--display-3);font-weight:600;text-decoration:none;transition:transform .3s;display:inline-flex;align-items:center;justify-content:center;gap:var(--main-spacers--5x-extra-small);cursor:pointer;border:none;font-family:var(--font-family--primary-font)}.btn.btn-primary{background-color:var(--colors--primary--100);color:var(--font--colors--title-light);border:5px solid var(--colors--neutral--500);box-shadow:0 4px 8px 0 rgba(25,33,61,.1)}.btn.btn-primary:hover{transform:scale3d(.94,.94,1.01)}.btn.btn-primary:disabled{background-color:var(--colors--neutral--400);color:var(--colors--neutral--600);border-color:var(--colors--neutral--400);cursor:not-allowed;transform:none}.btn.btn-secondary{background-color:var(--colors--secondary--ps);color:var(--font--colors--title-dark);border:1px solid var(--colors--neutral--500)}.btn.btn-secondary:hover{transform:scale3d(.94,.94,1.01)}.btn.btn-secondary:disabled{background-color:var(--colors--neutral--300);color:var(--colors--neutral--600);border-color:var(--colors--neutral--300);cursor:not-allowed;transform:none}.btn.btn-tertiary{background-color:var(--colors--neutral--200);color:var(--font--colors--accent-color);border:1px solid var(--colors--neutral--200)}.btn.btn-tertiary:hover{transform:scale3d(.94,.94,1.01)}.btn.btn-tertiary:disabled{background-color:var(--colors--neutral--200);color:var(--colors--neutral--500);cursor:not-allowed;transform:none}.btn.btn-small{padding:var(--main-spacers--4x-extra-small) var(--main-spacers--2x-extra-small);font-size:var(--font-size--displays--display-1)}.btn-icon{font-size:16px;display:inline-flex;align-items:center;justify-content:center}.btn-number{background-color:rgba(255,255,255,.2);color:inherit;font-size:var(--font-size--displays--display-1);font-weight:700;padding:2px 6px;border-radius:var(--border-radius--br-pill);min-width:20px;text-align:center;line-height:1}.input{padding:var(--main-spacers--small);border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-pill);background-color:var(--colors--neutral--200);color:var(--font--colors--title-dark);font-size:var(--font-size--displays--display-3);line-height:var(--line-height--regular);height:71px;margin-bottom:0;font-weight:400;font-family:var(--font-family--primary-font);transition:color .3s,border-color .3s;width:100%}.input:focus,.input:hover{border-color:var(--colors--primary--100)}.input:focus{color:var(--font--colors--title-dark);outline:none}.input::-moz-placeholder{color:var(--font--colors--paragraph-dark)}.input::placeholder{color:var(--font--colors--paragraph-dark)}.input.small{padding:var(--main-spacers--2x-extra-small);font-size:var(--font-size--displays--display-1);height:50px}.input.icon-left{padding-left:36px}.input.icon-right{padding-right:45px}.input.small.icon-left{padding-left:32px}.input.small.icon-right{padding-right:35px}.input.dark-mode{border-color:var(--colors--lavender-300);background-color:var(--colors--lavender-200);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--font--colors--title-light)}.input.dark-mode:focus,.input.dark-mode:hover{border-color:var(--colors--secondary--100)}.textarea{min-height:120px;padding-top:var(--main-spacers--2x-extra-small);padding-bottom:var(--main-spacers--2x-extra-small)}.select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-success{border-color:var(--colors--primary--100);background-color:#f0fff4}.input-error{border-color:#ef4444;background-color:#fef2f2}.input-group{display:flex;flex-direction:column;gap:var(--main-spacers--5x-extra-small)}.input-message-success{color:var(--colors--primary--100)}.input-message-error,.input-message-success{font-size:var(--font-size--displays--display-1);font-weight:500}.input-message-error{color:#ef4444}.input-message.success{color:var(--colors--primary--100)}.input-message.error{color:#ef4444}.input-success-group{background:linear-gradient(135deg,rgba(97,69,255,.05),rgba(171,157,255,.05));border-radius:var(--border-radius--br-size-2);border:1px solid rgba(97,69,255,.2)}.input-error-group,.input-success-group{padding:var(--main-spacers--2x-extra-small)}.input-error-group{background:linear-gradient(135deg,rgba(239,68,68,.05),rgba(239,68,68,.1));border-radius:var(--border-radius--br-size-2);border:1px solid rgba(239,68,68,.2)}.input-wrapper{position:relative;display:block}.button-inside-input{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.primary-button.button-inside{padding-top:var(--main-spacers--5x-extra-small);padding-bottom:var(--main-spacers--5x-extra-small);border-color:var(--font--colors--accent-color);background-color:var(--colors--neutral--100);color:var(--font--colors--title-dark);width:100%;min-height:100%}.input-icon-wrapper{position:relative;display:block}.input-icon-left,.input-icon-right{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.input-icon-left{left:var(--main-spacers--2x-extra-small)}.input-icon-right{right:var(--main-spacers--2x-extra-small)}.input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--main-spacers--small);margin-bottom:var(--main-spacers--2x-extra-small)}.icon-font-rounded{font-size:inherit;line-height:1}.avatar,.icon-font-rounded{display:flex;align-items:center;justify-content:center}.avatar{border:3px solid var(--colors--neutral--100);background-color:var(--colors--neutral--200);overflow:hidden;box-shadow:0 1px 3px rgba(31,47,84,.1)}.avatar.is-square{border-radius:var(--border-radius--br-size-2)}.avatar.is-circle{border-radius:50%}.avatar._32px{min-width:32px;max-width:32px;min-height:32px;max-height:32px}.avatar._40px{min-width:40px;max-width:40px;min-height:40px;max-height:40px}.avatar._48px{min-width:48px;max-width:48px;min-height:48px;max-height:48px}.avatar._120px{min-width:120px;max-width:120px;min-height:120px;max-height:120px}._w-h-100{width:100%;height:100%}.fit-cover{-o-object-fit:cover;object-fit:cover}.avatar-row{display:flex;align-items:center;gap:var(--main-spacers--2x-extra-small);margin-bottom:var(--main-spacers--2x-extra-small)}.avatar-showcase{display:flex;flex-direction:column;gap:var(--main-spacers--small)}.badge{padding:12px var(--main-spacers--3x-extra-small);grid-column-gap:var(--main-spacers--5x-extra-small);grid-row-gap:var(--main-spacers--5x-extra-small);border-radius:var(--border-radius--br-pill);background-color:var(--colors--neutral--200);line-height:var(--line-height--regular);justify-content:center;align-items:center;display:inline-flex;text-decoration:none}.badge,.badge.secondary{box-shadow:0 1px 3px 0 rgba(25,33,61,.1);color:var(--font--colors--title-dark)}.badge.secondary{border:1px solid var(--colors--neutral--300);background-color:var(--colors--neutral--300)}.badge.small{padding:6px var(--main-spacers--3x-extra-small);font-size:var(--font-size--displays--display-1)}.badge.primary{background-color:var(--colors--primary--100);border:1px solid var(--colors--primary--100)}.badge.primary,.badge.secondary{color:var(--font--colors--title-light)}.badge.secondary{background-color:var(--colors--secondary--100);border:1px solid var(--colors--secondary--100)}.badge.neutral{background-color:var(--colors--neutral--200);border:1px solid var(--colors--neutral--300)}.badge.neutral,.badge.tertiary{color:var(--font--colors--title-dark)}.badge.tertiary{background-color:var(--colors--neutral--300);border:1px solid var(--colors--neutral--400)}.badge.mid.category-link{transition:transform .3s,background-color .3s,color .3s}.badge.category-link,.badge.mid.category-link{transform-style:preserve-3d;text-decoration:none}.badge.category-link{transition:transform .3s,background-color .3s,color .3s,box-shadow .3s;cursor:pointer}.badge.primary.category-link:hover{background-color:#5139E6;transform:scale3d(.98,.98,1.01);box-shadow:0 2px 8px rgba(97,69,255,.3)}.badge.secondary.category-link:hover{background-color:#9B8AFF;transform:scale3d(.98,.98,1.01);box-shadow:0 2px 8px rgba(171,157,255,.3)}.badge.neutral.category-link:hover,.badge.tertiary.category-link:hover{background-color:var(--colors--primary--100);color:var(--font--colors--title-light);transform:scale3d(.98,.98,1.01);box-shadow:0 2px 8px rgba(97,69,255,.2)}.utp---badge{border:1px solid var(--colors--neutral--400);border-radius:var(--border-radius--br-size-1);background-color:var(--colors--neutral--200);box-shadow:0 1px 4px 0 rgba(25,33,61,.1);text-transform:uppercase;padding:3px 5px;display:inline-block;font-size:var(--font-size--displays--display-1);color:var(--font--colors--title-dark)}.badge-row{display:flex;gap:var(--main-spacers--2x-extra-small);flex-wrap:wrap;margin-bottom:var(--main-spacers--2x-extra-small)}.badge-default{padding:12px var(--main-spacers--3x-extra-small);font-size:var(--font-size--displays--display-3)}.badge-small{padding:6px var(--main-spacers--3x-extra-small);font-size:var(--font-size--displays--display-1)}.description{font-size:var(--font-size--displays--display-2);color:var(--font--colors--paragraph-light);margin-bottom:var(--main-spacers--2x-extra-small)}.link{grid-column-gap:var(--main-spacers--4x-extra-small);grid-row-gap:var(--main-spacers--4x-extra-small);color:var(--font--colors--title-dark);line-height:var(--line-height--regular);text-decoration:none;transition:color .3s;display:flex}.link:hover{color:#4d37e6}.link:focus{color:var(--font--colors--accent-color);outline:2px solid var(--colors--primary--100);outline-offset:2px}.link.visited{color:#8B5CF6}.link.focus-visible{color:var(--font--colors--accent-color);outline:2px solid var(--colors--primary--100);outline-offset:2px}.link.link-mid{font-weight:500}.link.link-strong{font-weight:700}.link.link-small{font-size:var(--font-size--displays--display-2)}.link.accent{color:var(--font--colors--accent-color)}.link-row{display:flex;gap:var(--main-spacers--small);flex-wrap:wrap;margin-bottom:var(--main-spacers--2x-extra-small)}.list{padding-left:0;margin:0;list-style:none}.list li{margin-bottom:var(--main-spacers--5x-extra-small);font-size:var(--font-size--displays--display-3);line-height:var(--line-height--large);color:var(--font--colors--title-dark)}.list.list-icon li{display:flex;align-items:flex-start;gap:var(--main-spacers--5x-extra-small)}.list-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.list.list-numbered{counter-reset:list-counter}.list.list-numbered li{counter-increment:list-counter;position:relative;padding-left:var(--main-spacers--small)}.list.list-numbered li:before{content:counter(list-counter) ".";position:absolute;left:0;top:0;font-weight:600;color:var(--colors--primary--100)}.card{border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-4);background-color:var(--colors--neutral--100);box-shadow:0 1px 3px 0 rgba(25,33,61,.1)}.card-content{padding:var(--main-spacers--regular)}.card h4{font-size:var(--font-size--displays--display-4);font-weight:600;color:var(--font--colors--title-dark)}.card h4,.card p{margin-bottom:var(--main-spacers--2x-extra-small)}.card p{color:var(--font--colors--paragraph-dark);line-height:var(--line-height--large)}.toggle-button-wrapper{position:relative;width:48px;height:24px;cursor:pointer;transition:all .3s ease}.toggle-button-wrapper.small{width:32px;height:16px}.toggle-button-bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius--br-pill);background-color:var(--colors--neutral--300);transition:background-color .3s ease}.toggle-button-circle{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background-color:var(--colors--neutral--100);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s ease}.toggle-button-wrapper.small .toggle-button-circle{width:12px;height:12px}.toggle-button-wrapper.active .toggle-button-bg{background-color:var(--colors--primary--100)}.toggle-button-wrapper.active .toggle-button-circle{transform:translateX(24px)}.toggle-button-wrapper.small.active .toggle-button-circle{transform:translateX(16px)}.radio-button-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--colors--neutral--400);border-radius:50%;background-color:var(--colors--neutral--100);cursor:pointer;transition:all .3s ease}.radio-button-input:checked{border-color:var(--colors--primary--100);background-color:var(--colors--primary--100);box-shadow:inset 0 0 0 3px var(--colors--neutral--100)}.radio-button-label{margin-left:var(--main-spacers--2x-extra-small);cursor:pointer;font-size:var(--font-size--displays--display-2);color:var(--font--colors--title-dark)}.radio-button-wrapper{display:flex;align-items:center;margin-bottom:var(--main-spacers--2x-extra-small)}.checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--colors--neutral--400);border-radius:4px;background-color:var(--colors--neutral--100);transition:all .3s ease;position:relative}.checkbox-input:checked{border-color:var(--colors--primary--100);background-color:var(--colors--primary--100)}.checkbox-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--colors--neutral--100);font-size:12px;font-weight:700}.checkbox-label{margin-left:var(--main-spacers--2x-extra-small)}.checkbox-wrapper{display:flex;align-items:center}.form-row{display:flex;gap:var(--main-spacers--small);flex-wrap:wrap;margin-bottom:var(--main-spacers--2x-extra-small)}.grid-1-column{display:grid;grid-template-columns:1fr}.grid-2-columns{display:grid;grid-template-columns:1fr 1fr}.grid-3-columns{display:grid;grid-template-columns:1fr 1fr 1fr}.grid-4-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.bs-neutral-small{box-shadow:0 1px 3px 0 rgba(25,33,61,.1)}.bs-neutral-regular{box-shadow:0 4px 8px 0 rgba(25,33,61,.1)}.bs-neutral-medium{box-shadow:0 8px 16px 0 rgba(25,33,61,.1)}.bs-neutral-large{box-shadow:0 16px 32px 0 rgba(25,33,61,.1)}.shadow-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--main-spacers--small)}.shadow-small{box-shadow:0 1px 3px 0 rgba(25,33,61,.1)}.shadow-regular{box-shadow:0 4px 8px 0 rgba(25,33,61,.1)}.shadow-medium{box-shadow:0 8px 16px 0 rgba(25,33,61,.1)}.shadow-large{box-shadow:0 16px 32px 0 rgba(25,33,61,.1)}.shadow-item{padding:var(--main-spacers--small);background-color:var(--colors--neutral--100);border-radius:var(--border-radius--br-size-2);text-align:center}.shadow-item strong{display:block;margin-bottom:var(--main-spacers--5x-extra-small);color:var(--font--colors--title-dark)}.shadow-item code{font-size:var(--font-size--displays--display-1);color:var(--font--colors--accent-color);background:var(--colors--neutral--200);padding:2px 6px;border-radius:4px;font-family:monospace}.gap-small{gap:var(--main-spacers--small)}.gap-large{gap:var(--main-spacers--large)}.gap-row-extra-small{row-gap:var(--main-spacers--extra-small)}.mg-top-small{margin-top:var(--main-spacers--small)}.mg-top-regular{margin-top:var(--main-spacers--regular)}.mg-top-medium{margin-top:var(--main-spacers--medium)}.mg-top-large{margin-top:var(--main-spacers--large)}.mg-top-2x-extra-small{margin-top:var(--main-spacers--2x-extra-small)}.mg-top-48px{margin-top:48px}.text-titles{color:var(--font--colors--title-dark)}.text-accent{color:var(--font--colors--accent-color)}.text-neutral-light{color:var(--font--colors--paragraph-light)}.text-no-wrap{white-space:nowrap}.w-button,.w-inline-block{display:inline-block}.w-button{cursor:pointer}.w-input{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--main-spacers--5x-extra-small);margin-bottom:var(--main-spacers--2x-extra-small)}.input-wrapper--small{margin-bottom:var(--main-spacers--4x-extra-small)}.input-label{font-family:var(--font-family--primary-font);font-size:var(--font-size--displays--display-1);font-weight:500;color:var(--font--colors--title-dark);margin-bottom:var(--main-spacers--5x-extra-small)}.input-showcase{display:flex;flex-direction:column;gap:var(--main-spacers--small);margin-bottom:var(--main-spacers--2x-extra-small)}.text-input{font-family:var(--font-family--primary-font);font-size:var(--font-size--displays--display-2);padding:var(--main-spacers--4x-extra-small) var(--main-spacers--2x-extra-small);border:1.5px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-1);background-color:var(--colors--neutral--100);transition:all .2s ease-in-out;outline:none;width:100%;box-sizing:border-box;color:var(--font--colors--title-dark)}.text-input--small{font-size:var(--font-size--displays--display-1);padding:var(--main-spacers--5x-extra-small) var(--main-spacers--4x-extra-small)}.text-input--focus,.text-input--hover,.text-input:focus,.text-input:hover{border-color:var(--colors--primary--100)}.text-input--focus,.text-input:focus{box-shadow:0 0 0 3px rgba(97,69,255,.1)}.text-input:active{border-color:var(--colors--primary--100)}.text-input:disabled{background-color:var(--colors--neutral--200);border-color:var(--colors--neutral--300);color:var(--colors--neutral--500);cursor:not-allowed}.text-input--error{border-color:#ef4444}.text-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.text-input--success,.text-input--success:focus{border-color:var(--colors--primary--100)}.text-input--success:focus{box-shadow:0 0 0 3px rgba(97,69,255,.1)}.input-message{font-family:var(--font-family--primary-font);font-size:var(--font-size--displays--display-1);margin-top:var(--main-spacers--5x-extra-small);transition:opacity .2s ease-in-out;font-weight:500}.input-message--hidden{opacity:0}.input-message--error{color:#ef4444;opacity:1}.input-message--success{color:var(--colors--primary--100);opacity:1}.textarea{font-family:var(--font-family--primary-font);font-size:var(--font-size--displays--display-2);padding:var(--main-spacers--4x-extra-small) var(--main-spacers--2x-extra-small);border:1.5px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-1);background-color:var(--colors--neutral--100);transition:all .2s ease-in-out;outline:none;width:100%;box-sizing:border-box;resize:vertical;min-height:96px;color:var(--font--colors--title-dark)}.textarea:focus,.textarea:hover{border-color:var(--colors--primary--100)}.textarea:focus{box-shadow:0 0 0 3px rgba(97,69,255,.1)}.textarea:disabled{background-color:var(--colors--neutral--200);border-color:var(--colors--neutral--300);color:var(--colors--neutral--500);cursor:not-allowed}.textarea--error{border-color:#ef4444}.textarea--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.textarea--success{border-color:var(--colors--primary--100)}.select-wrapper{position:relative;width:100%}.select-input{font-family:var(--font-family--primary-font);font-size:var(--font-size--displays--display-2);padding:var(--main-spacers--4x-extra-small) 40px var(--main-spacers--4x-extra-small) var(--main-spacers--2x-extra-small);border:1.5px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-1);background-color:var(--colors--neutral--100);transition:all .2s ease-in-out;outline:none;width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--font--colors--title-dark)}.select-input:focus,.select-input:hover{border-color:var(--colors--primary--100)}.select-input:focus{box-shadow:0 0 0 3px rgba(97,69,255,.1)}.select-input:disabled{background-color:var(--colors--neutral--200);border-color:var(--colors--neutral--300);color:var(--colors--neutral--500);cursor:not-allowed}.select-arrow{position:absolute;right:var(--main-spacers--4x-extra-small);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--colors--neutral--500);pointer-events:none;transition:transform .2s ease-in-out}.select-input:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.select-input:disabled+.select-arrow{color:var(--colors--neutral--400)}.checkbox-wrapper{margin-bottom:var(--main-spacers--2x-extra-small)}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-family:var(--font-family--primary-font);font-size:var(--font-size--displays--display-2);color:var(--font--colors--title-dark)}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;width:20px;height:20px;border:1.5px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-1);background-color:var(--colors--neutral--100);transition:all .2s ease-in-out;margin-right:var(--main-spacers--4x-extra-small);display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-custom:after{content:"";position:absolute;width:6px;height:10px;border:2px solid var(--colors--neutral--100);border-top:none;border-left:none;transform:rotate(45deg) scale(0);transition:transform .1s ease-in-out}.checkbox-input:checked+.checkbox-custom{background-color:var(--colors--primary--100);border-color:var(--colors--primary--100)}.checkbox-input:checked+.checkbox-custom:after{transform:rotate(45deg) scale(1)}.checkbox-input:hover+.checkbox-custom{border-color:var(--colors--primary--100)}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px rgba(97,69,255,.1)}.checkbox-input:disabled+.checkbox-custom{background-color:var(--colors--neutral--200);border-color:var(--colors--neutral--300);cursor:not-allowed}.checkbox-input:checked:disabled+.checkbox-custom{background-color:var(--colors--neutral--400);border-color:var(--colors--neutral--400)}.checkbox-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-group,.radio-group h4{margin-bottom:var(--main-spacers--2x-extra-small)}.radio-group h4{font-size:var(--font-size--displays--display-2);font-weight:500;color:var(--font--colors--title-dark)}.radio-wrapper{margin-bottom:var(--main-spacers--5x-extra-small)}.radio-label{display:flex;align-items:center;cursor:pointer;font-family:var(--font-family--primary-font);font-size:var(--font-size--displays--display-2);color:var(--font--colors--title-dark)}.radio-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio-custom{position:relative;width:20px;height:20px;border:1.5px solid var(--colors--neutral--300);border-radius:50%;background-color:var(--colors--neutral--100);transition:all .2s ease-in-out;margin-right:var(--main-spacers--4x-extra-small);display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio-custom:after{content:"";width:8px;height:8px;border-radius:50%;background-color:var(--colors--primary--100);transform:scale(0);transition:transform .1s ease-in-out}.radio-input:checked+.radio-custom:after{transform:scale(1)}.radio-input:checked+.radio-custom,.radio-input:hover+.radio-custom{border-color:var(--colors--primary--100)}.radio-input:focus+.radio-custom{box-shadow:0 0 0 3px rgba(97,69,255,.1)}.radio-input:disabled+.radio-custom{background-color:var(--colors--neutral--200);border-color:var(--colors--neutral--300);cursor:not-allowed}.radio-input:checked:disabled+.radio-custom:after{background-color:var(--colors--neutral--400)}.radio-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-wrapper{margin-bottom:var(--main-spacers--2x-extra-small)}.toggle-label{display:flex;align-items:center;cursor:pointer;font-family:var(--font-family--primary-font);font-size:var(--font-size--displays--display-2);color:var(--font--colors--title-dark)}.toggle-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.toggle-slider{position:relative;width:48px;height:24px;background-color:var(--colors--neutral--300);border-radius:var(--border-radius--br-pill);transition:all .2s ease-in-out;margin-right:var(--main-spacers--4x-extra-small);flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--colors--neutral--100);border-radius:50%;transition:transform .2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toggle-input:checked+.toggle-slider{background-color:var(--colors--primary--100)}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-input:hover+.toggle-slider{background-color:var(--colors--neutral--400)}.toggle-input:checked:hover+.toggle-slider{background-color:#5139E6}.toggle-input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(97,69,255,.1)}.toggle-input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-input:disabled+.toggle-slider:before{box-shadow:0 1px 2px rgba(0,0,0,.1)}.toggle-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:40;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal-overlay.show{opacity:1}.modal-content{padding:42px var(--main-spacers--small);border:1px solid var(--colors--lavender-200);border-radius:var(--border-radius--br-size-4);box-shadow:0 0 5px 9px var(--colors--lavender-200);outline-color:var(--colors--lavender-200);outline-offset:8.5px;background-image:url(https://cdn.prod.website-files.com/686e1a6e4f82a31a1f2b9743/686e1a6f4f82a31a1f2b9d5d_background-gradient-v18-techdash-x-webflow-template.png);background-position:50%;background-repeat:no-repeat;background-size:cover;outline-width:1px;outline-style:solid;flex-flow:column;justify-content:center;align-items:center;width:100%;max-width:477px;height:auto;min-height:300px;margin-top:0;margin-bottom:0;display:flex;overflow:visible;transform:none;transition:transform .3s ease}.modal-content.modern-modal{background-image:none!important;background-color:rgba(255,255,255,.98)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;padding:20px!important;align-items:stretch!important;justify-content:flex-start!important;max-height:calc(100vh - 32px)!important;overflow-y:auto!important}@media (min-width:640px){.modal-content.modern-modal{padding:32px!important;max-height:calc(100vh - 64px)!important}}.modal-content.modern-modal-fullscreen{background-image:none!important;background-color:rgba(255,255,255,.98)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;padding:32px!important;align-items:stretch!important}.modal-content.modern-modal h3{color:var(--font--colors--title-dark)!important;text-align:left!important}.modal-content.modern-modal p{color:var(--font--colors--paragraph-dark)!important;text-align:left!important}.modal-content.modern-modal.modal-sm{max-width:448px!important}.modal-content.modern-modal.modal-lg{max-width:672px!important}.modal-content.modern-modal.modal-xl{max-width:896px!important}.modal-content.bulk-categorize-preview{max-width:896px!important;background-image:none!important;background-color:rgba(255,255,255,.98)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;padding:32px!important}.modal-content.bulk-categorize-preview h3{color:var(--font--colors--title-dark)!important;text-align:left!important}.modal-content.bulk-categorize-preview p{color:var(--font--colors--paragraph-dark)!important;text-align:left!important}.modal-overlay.show .modal-content{transform:scale(1)}.modal-content h3{font-size:var(--font-size--displays--display-5);font-weight:600;margin-bottom:var(--main-spacers--2x-extra-small)}.modal-content h3,.modal-content p{color:var(--font--colors--title-light);text-align:center}.modal-content p{margin-bottom:var(--main-spacers--small);line-height:var(--line-height--large)}.modal-actions{justify-content:center;margin-top:var(--main-spacers--small)}.modal-actions,.modal-examples{display:flex;gap:var(--main-spacers--2x-extra-small)}.modal-examples{flex-wrap:wrap;margin-bottom:var(--main-spacers--2x-extra-small)}.skeleton{background:linear-gradient(90deg,var(--colors--neutral--200) 25%,var(--colors--neutral--300) 50%,var(--colors--neutral--200) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--border-radius--br-size-1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{display:inline-block;border:2px solid var(--colors--neutral--300);border-top-color:var(--colors--primary--100);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast{position:fixed;bottom:var(--main-spacers--small);right:var(--main-spacers--small);background-color:var(--colors--neutral--800);color:var(--font--colors--title-light);border-radius:var(--border-radius--br-size-2);padding:var(--main-spacers--2x-extra-small) var(--main-spacers--small);box-shadow:0 8px 16px 0 rgba(25,33,61,.1);display:flex;align-items:center;gap:var(--main-spacers--2x-extra-small);z-index:1001;min-width:300px;opacity:0;transform:translateY(20px);transition:all .3s ease}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background-color:var(--colors--primary--100)}.toast-error,.toast-success{color:var(--font--colors--title-light)}.toast-error{background-color:#ef4444}.toast-info{background-color:var(--colors--neutral--600);color:var(--font--colors--title-light)}.toast-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0;margin-left:auto;opacity:.8;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-examples{display:flex;gap:var(--main-spacers--2x-extra-small);flex-wrap:wrap;margin-bottom:var(--main-spacers--2x-extra-small)}.progress-bar{background-color:var(--colors--neutral--300);height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--border-radius--br-pill)}.progress-fill{background-color:var(--colors--primary--100);height:100%;transition:width .3s ease}.progress-examples{gap:var(--main-spacers--small);margin-bottom:var(--main-spacers--2x-extra-small)}.progress-examples,.progress-item{display:flex;flex-direction:column}.progress-item{gap:var(--main-spacers--5x-extra-small)}.progress-item label{font-size:var(--font-size--displays--display-2);font-weight:500;color:var(--font--colors--title-dark)}.pills-container{display:flex;flex-wrap:wrap;gap:var(--main-spacers--2x-extra-small);margin-bottom:var(--main-spacers--2x-extra-small)}.draggable-pill{background-color:var(--colors--neutral--200);border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-pill);padding:var(--main-spacers--5x-extra-small) var(--main-spacers--2x-extra-small);display:inline-flex;align-items:center;gap:var(--main-spacers--5x-extra-small);cursor:grab;transition:all .2s ease;font-size:var(--font-size--displays--display-2);font-weight:500;color:var(--font--colors--title-dark)}.draggable-pill:hover{background-color:var(--colors--neutral--300);border-color:var(--colors--neutral--400);transform:translateY(-1px);box-shadow:0 2px 8px rgba(25,33,61,.1)}.draggable-pill:active{cursor:grabbing;transform:scale(1.02)}.pill-remove{color:var(--colors--neutral--600);cursor:pointer;transition:color .2s;font-size:16px;font-weight:700;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.pill-remove:hover{color:#ef4444;background-color:rgba(239,68,68,.1)}.resizer-demo{display:flex;height:200px;border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-2);overflow:hidden}.resizer-column{padding:var(--main-spacers--small);background-color:var(--colors--neutral--100);display:flex;flex-direction:column;gap:var(--main-spacers--2x-extra-small)}.resizer-column:first-child{flex:1;background-color:var(--colors--neutral--200)}.resizer-column.resizable{width:300px;min-width:250px;max-width:500px}.resizer-handle{width:4px;background-color:var(--colors--neutral--300);cursor:col-resize;transition:background-color .2s;position:relative}.resizer-handle:hover{background-color:var(--colors--primary--100)}.resizer-handle:before{content:"";position:absolute;left:-8px;right:-8px;top:0;bottom:0}.resizer-column h4{font-size:var(--font-size--displays--display-4);font-weight:600;color:var(--font--colors--title-dark);margin:0}.resizer-column p{color:var(--font--colors--paragraph-dark);line-height:var(--line-height--large);margin:0}.mobile-demo{border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-2);overflow:hidden;background-color:var(--colors--neutral--100);height:200px;position:relative}.mobile-bottom-nav{position:absolute;bottom:0;left:0;right:0;height:64px;background-color:var(--colors--neutral--100);border-top:1px solid var(--colors--neutral--300);justify-content:space-around;padding:0 var(--main-spacers--2x-extra-small)}.mobile-bottom-nav,.nav-tab{display:flex;align-items:center}.nav-tab{flex-direction:column;gap:4px;padding:var(--main-spacers--5x-extra-small);color:var(--colors--neutral--600);text-decoration:none;transition:color .2s;position:relative;min-width:44px;min-height:44px;justify-content:center}.nav-tab.active,.nav-tab:hover{color:var(--colors--primary--100)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:10px;font-weight:500;line-height:1}.nav-tab-badge{position:absolute;top:2px;right:2px;background-color:var(--colors--primary--100);color:var(--font--colors--title-light);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.fab-demo{position:relative;height:150px;border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-2);background-color:var(--colors--neutral--100)}.fab-button{position:absolute;bottom:var(--main-spacers--small);right:var(--main-spacers--small);width:56px;height:56px;border-radius:50%;background-color:var(--colors--primary--100);color:var(--font--colors--title-light);border:none;box-shadow:0 4px 12px rgba(97,69,255,.3);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:transform .2s,box-shadow .2s}.fab-button:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(97,69,255,.4)}.fab-button:active{transform:scale(.95)}.sidebar-demo{border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-2);overflow:hidden;background-color:var(--colors--neutral--100)}.sidebar-container{height:200px;position:relative;overflow:hidden}.sidebar{position:absolute;top:0;left:0;width:280px;height:100%;background-color:var(--colors--neutral--200);border-right:1px solid var(--colors--neutral--300);transition:transform .3s ease;z-index:10}.sidebar.collapsed{transform:translateX(-220px)}.sidebar-content{padding:var(--main-spacers--small)}.sidebar-content h4{font-size:var(--font-size--displays--display-4);font-weight:600;color:var(--font--colors--title-dark);margin-bottom:var(--main-spacers--2x-extra-small)}.sidebar-content ul{list-style:none;padding:0;margin:0}.sidebar-content li{margin-bottom:var(--main-spacers--5x-extra-small)}.sidebar-content a{color:var(--font--colors--title-dark);text-decoration:none;transition:color .2s}.sidebar-content a:hover{color:var(--colors--primary--100)}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;background-color:var(--colors--neutral--200);border:1px solid var(--colors--neutral--300);border-radius:var(--border-radius--br-size-1);padding:var(--main-spacers--2x-extra-small);cursor:pointer;transition:all .2s ease}.touch-target:hover{background-color:var(--colors--neutral--300);border-color:var(--colors--primary--100)}.long-press-active{transform:scale(.95);opacity:.8}.draggable-item{cursor:grab}.drag-preview,.draggable-item:active{cursor:grabbing;opacity:.8;transform:rotate(5deg);z-index:1000}.touch-examples{display:flex;gap:var(--main-spacers--small);flex-wrap:wrap}pre{background-color:var(--colors--neutral--200);padding:var(--main-spacers--2x-extra-small);border-radius:var(--border-radius--br-size-1);overflow-x:auto;font-size:var(--font-size--displays--display-1);line-height:var(--line-height--large);margin-top:var(--main-spacers--2x-extra-small);border:1px solid var(--colors--neutral--300)}pre code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--font--colors--paragraph-dark);background:none;padding:0}@media screen and (max-width:991px){.primary-button,.secondary-button,.tertiary-button{padding-right:var(--main-spacers--regular);padding-left:var(--main-spacers--regular)}.grid-3-columns._1-col-tablet{grid-template-columns:1fr}.grid-3-columns._2-col-tablet{grid-template-columns:1fr 1fr}.navigation ul{justify-content:flex-start;gap:var(--main-spacers--2x-extra-small)}.color-grid,.input-row{grid-template-columns:1fr}.avatar-row{flex-wrap:wrap}.hidden-on-mobile-landscape{display:none}}@media screen and (max-width:479px){.primary-button,.secondary-button,.tertiary-button{padding-right:var(--main-spacers--small);padding-left:var(--main-spacers--small);font-size:var(--font-size--displays--display-2)}.grid-2-columns,.grid-3-columns,.grid-4-columns{grid-template-columns:1fr}.button-row,.link-row{flex-direction:column;align-items:flex-start}.link-row{gap:var(--main-spacers--2x-extra-small)}.badge-row{align-items:flex-start}.badge-row,.form-row{flex-direction:column}.shadow-showcase{grid-template-columns:1fr}.title{font-size:var(--font-size--displays--display-7)}.section-title{font-size:var(--font-size--displays--display-6)}}