.component-showcase[data-v-52ce1e9f]{max-width:1200px;margin:0 auto;padding:2rem;font-family:Urbanist,sans-serif}.showcase-header[data-v-52ce1e9f]{text-align:center;margin-bottom:3rem}.showcase-header .showcase-title[data-v-52ce1e9f]{font-size:3rem;font-weight:700;color:#091b3d;margin-bottom:1rem}.showcase-header .showcase-description[data-v-52ce1e9f]{font-size:1.4rem;color:#666;max-width:600px;margin:0 auto}.component-section[data-v-52ce1e9f]{background:#fff;border:1px solid #e6e8ec;border-radius:1.5rem;padding:2.4rem;margin-bottom:2.4rem;box-shadow:0 4px 20px rgba(0,0,0,.05)}.component-section .section-title[data-v-52ce1e9f]{font-size:2rem;font-weight:600;color:#091b3d;margin-bottom:1.6rem;border-bottom:2px solid #091b3d;padding-bottom:.8rem}.component-section .component-demo[data-v-52ce1e9f]{margin-bottom:2rem}.component-section .component-info[data-v-52ce1e9f]{background:#f8f9fa;padding:1.2rem;border-radius:.8rem;font-size:1.2rem}.component-section .component-info p[data-v-52ce1e9f]{margin:.4rem 0}.component-section .component-info strong[data-v-52ce1e9f]{color:#091b3d}.input-label[data-v-52ce1e9f]{display:block;font-size:1.4rem;font-weight:500;color:#091b3d;margin-bottom:1rem}.question-text[data-v-52ce1e9f]{font-size:1.6rem;color:#1b1c1e;margin-bottom:1.6rem;line-height:1.5}.likert-scale[data-v-52ce1e9f]{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.likert-scale .likert-option[data-v-52ce1e9f]{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:1rem;border-radius:.8rem;transition:all .2s}.likert-scale .likert-option[data-v-52ce1e9f]:hover{background-color:#f2f2f2}.likert-scale .likert-option.selected[data-v-52ce1e9f]{background-color:rgba(9,27,61,.062745098)}.likert-scale .likert-option .likert-radio[data-v-52ce1e9f]{width:2rem;height:2rem;border:2px solid rgba(9,27,61,.2509803922);border-radius:50%;position:relative;margin-bottom:.8rem}.likert-scale .likert-option .likert-radio .likert-radio-inner[data-v-52ce1e9f]{width:1.2rem;height:1.2rem;background:#091b3d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.likert-scale .likert-option .likert-label[data-v-52ce1e9f]{font-size:1.2rem;text-align:center;color:#091b3d}.radio-options[data-v-52ce1e9f]{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.select-ab-btn[data-v-52ce1e9f]{padding:1.6rem 2rem;border:2px solid #e6e8ec;border-radius:1.2rem;cursor:pointer;transition:all .2s;background:#fff;font-size:1.4rem;color:#091b3d}.select-ab-btn[data-v-52ce1e9f]:hover{border-color:rgba(9,27,61,.2509803922)}.select-ab-btn.active[data-v-52ce1e9f]{border-color:#091b3d;background-color:rgba(9,27,61,.0196078431);font-weight:600}.card-grid[data-v-52ce1e9f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.6rem}.selectable-card[data-v-52ce1e9f]{padding:2rem;border:2px solid #e6e8ec;border-radius:1.6rem;cursor:pointer;transition:all .3s;text-align:center;background:#fff}.selectable-card[data-v-52ce1e9f]:hover{border-color:rgba(9,27,61,.2509803922);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.selectable-card.selected[data-v-52ce1e9f]{border-color:#091b3d;background-color:rgba(9,27,61,.0196078431);transform:translateY(-2px);box-shadow:0 8px 30px rgba(9,27,61,.15)}.selectable-card .card-icon[data-v-52ce1e9f]{font-size:3rem;margin-bottom:1.2rem}.selectable-card .card-title[data-v-52ce1e9f]{font-size:1.6rem;font-weight:600;color:#091b3d;margin-bottom:.8rem}.selectable-card .card-description[data-v-52ce1e9f]{font-size:1.2rem;color:#666}.textrarea-opened-question[data-v-52ce1e9f]{width:100%;padding:1.6rem;border:2px solid #e6e8ec;border-radius:1.2rem;font-family:inherit;font-size:1.4rem;resize:vertical;min-height:120px}.textrarea-opened-question[data-v-52ce1e9f]:focus{outline:none;border-color:#091b3d}.progress-examples[data-v-52ce1e9f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.progress-item[data-v-52ce1e9f]{text-align:center}.circular-progress-wrapper[data-v-52ce1e9f],.timer[data-v-52ce1e9f]{position:relative;display:inline-block}.circular-progress-wrapper .time-label-wrapper[data-v-52ce1e9f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.circular-progress-wrapper .time-label-wrapper .time[data-v-52ce1e9f]{font-size:2rem;font-weight:700;color:#091b3d}.circular-progress-wrapper .time-label-wrapper .time-label[data-v-52ce1e9f]{font-size:1.2rem;color:#666}.circular-progress[data-v-52ce1e9f]{transform:rotate(-90deg)}.circular-progress circle[data-v-52ce1e9f]:last-child{transition:stroke-dashoffset .3s ease}.linear-progress-wrapper[data-v-52ce1e9f]{display:flex;align-items:center;gap:1rem}.linear-progress-bar[data-v-52ce1e9f]{flex:1;height:8px;background-color:#e6e8ec;border-radius:4px;overflow:hidden}.linear-progress-bar .linear-progress-fill[data-v-52ce1e9f]{height:100%;background-color:#091b3d;border-radius:4px;transition:width .3s ease}.progress-text[data-v-52ce1e9f]{font-size:1.4rem;font-weight:600;color:#091b3d;min-width:40px}.demo-dropdown[data-v-52ce1e9f]{margin-bottom:1rem}.demo-select[data-v-52ce1e9f]{width:100%;padding:1.2rem 1.6rem;border:2px solid #e6e8ec;border-radius:1.2rem;font-size:1.4rem;background:#fff;cursor:pointer}.demo-select[data-v-52ce1e9f]:focus{outline:none;border-color:#091b3d}.demo-color-picker[data-v-52ce1e9f]{width:60px;height:40px;border:2px solid #e6e8ec;border-radius:8px;cursor:pointer}.demo-color-picker[data-v-52ce1e9f]:focus{outline:none;border-color:#091b3d}.page-indicators[data-v-52ce1e9f]{display:flex;gap:.8rem;justify-content:center;margin-top:1rem}.page-indicators .page-dot[data-v-52ce1e9f]{width:1.2rem;height:1.2rem;border-radius:50%;background-color:#e6e8ec;cursor:pointer;transition:all .2s}.page-indicators .page-dot.completed[data-v-52ce1e9f]{background-color:#091b3d}.page-indicators .page-dot.active[data-v-52ce1e9f]{background-color:#091b3d;transform:scale(1.3)}.navigation-examples[data-v-52ce1e9f]{display:flex;flex-direction:column;gap:1.6rem}.nav-group[data-v-52ce1e9f]{display:flex;gap:1.2rem;align-items:center;justify-content:center}.nav-btn[data-v-52ce1e9f]{display:flex;align-items:center;padding:1.2rem 2rem;border:none;border-radius:.8rem;cursor:pointer;transition:all .2s;font-size:1.4rem;gap:.8rem}.nav-btn.prev-btn[data-v-52ce1e9f]{background-color:#f8f9fa;color:#091b3d;border:1px solid #e6e8ec}.nav-btn.prev-btn[data-v-52ce1e9f]:hover:not(:disabled){background-color:#e6e8ec}.nav-btn.next-btn[data-v-52ce1e9f]{background-color:#091b3d;color:#fff}.nav-btn.next-btn[data-v-52ce1e9f]:hover{background-color:#0a1d42}.nav-btn[data-v-52ce1e9f]:disabled{opacity:.5;cursor:not-allowed}.btn02[data-v-52ce1e9f]{display:flex;align-items:center;padding:1.2rem 2.4rem;border:none;border-radius:.8rem;cursor:pointer;transition:all .2s;font-size:1.4rem;font-weight:600}.btn02.btn-primary[data-v-52ce1e9f]{background-color:#091b3d;color:#fff}.btn02.btn-primary[data-v-52ce1e9f]:hover{background-color:#0a1d42}.btn02-outline[data-v-52ce1e9f]{display:flex;align-items:center;padding:1.2rem 2.4rem;border:2px solid #091b3d;border-radius:.8rem;background-color:transparent;color:#091b3d;cursor:pointer;transition:all .2s;font-size:1.4rem;font-weight:600}.btn02-outline[data-v-52ce1e9f]:hover,.demo-button[data-v-52ce1e9f]{background-color:#091b3d;color:#fff}.demo-button[data-v-52ce1e9f]{padding:1rem 2rem;border:none;border-radius:.8rem;cursor:pointer;font-size:1.4rem;transition:all .2s}.demo-button[data-v-52ce1e9f]:hover{background-color:#0a1d42}.progress-controls[data-v-52ce1e9f]{text-align:center}.icon-24[data-v-52ce1e9f]{width:2.4rem;height:2.4rem}.icon-invert-color[data-v-52ce1e9f]{filter:invert(1)}.big5-container[data-v-52ce1e9f]{max-width:600px;margin:0 auto;padding:0}@media(max-width:768px){.big5-container[data-v-52ce1e9f]{max-width:100%;padding:0 1rem}}.progress-minimal[data-v-52ce1e9f]{display:flex;align-items:center;gap:1rem;margin-bottom:4rem}.progress-minimal .progress-counter[data-v-52ce1e9f]{font-size:1.3rem;color:#666;font-weight:500;min-width:60px}.progress-minimal .progress-bar[data-v-52ce1e9f]{flex:1;height:3px;background:#f0f0f0;border-radius:2px;overflow:hidden}.progress-minimal .progress-bar .progress-fill[data-v-52ce1e9f]{height:100%;background:#091b3d;border-radius:2px;transition:width .3s ease}.question-card[data-v-52ce1e9f]{text-align:center;margin-bottom:3rem}.question-card .question-text[data-v-52ce1e9f]{font-size:1.8rem;font-weight:500;color:#1a1a1a;line-height:1.5;margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}@media(max-width:768px){.question-card .question-text[data-v-52ce1e9f]{font-size:1.6rem;margin-bottom:2rem;max-width:100%;padding:0 1rem}}@media(max-width:480px){.question-card .question-text[data-v-52ce1e9f]{font-size:1.4rem;line-height:1.4;margin-bottom:1.5rem}}@media(max-width:768px){.question-card[data-v-52ce1e9f]{margin-bottom:2rem}}.response-scale .scale-row[data-v-52ce1e9f]{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem}@media(max-width:768px){.response-scale .scale-row[data-v-52ce1e9f]{gap:1rem;flex-wrap:wrap}.response-scale .scale-row .scale-label-left[data-v-52ce1e9f]{order:1;flex:1;text-align:left}.response-scale .scale-row .scale-label-right[data-v-52ce1e9f]{order:3;flex:1;text-align:right}.response-scale .scale-row .scale-buttons[data-v-52ce1e9f]{order:2;width:100%;margin:1rem 0}}@media(max-width:480px){.response-scale .scale-row[data-v-52ce1e9f]{gap:.5rem}.response-scale .scale-row .scale-buttons[data-v-52ce1e9f]{gap:.8rem}}.response-scale .scale-label-left[data-v-52ce1e9f],.response-scale .scale-label-right[data-v-52ce1e9f]{font-size:1.1rem;color:#666;white-space:nowrap}@media(max-width:768px){.response-scale .scale-label-left[data-v-52ce1e9f],.response-scale .scale-label-right[data-v-52ce1e9f]{font-size:1rem}}@media(max-width:480px){.response-scale .scale-label-left[data-v-52ce1e9f],.response-scale .scale-label-right[data-v-52ce1e9f]{font-size:.9rem;white-space:normal;text-align:center}}.response-scale .scale-buttons[data-v-52ce1e9f]{display:flex;justify-content:center;gap:1rem}@media(max-width:480px){.response-scale .scale-buttons[data-v-52ce1e9f]{gap:.8rem}}.scale-btn[data-v-52ce1e9f]{width:48px;height:48px;border:2px solid #e6e8ec;border-radius:50%;background:#fff;color:#666;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.scale-btn[data-v-52ce1e9f]:hover{border-color:#091b3d;color:#091b3d;transform:scale(1.05)}.scale-btn.selected[data-v-52ce1e9f]{border-color:#091b3d;background:#091b3d;color:#fff;transform:scale(1.1)}.scale-btn.focused[data-v-52ce1e9f]{border-color:#091b3d;background:rgba(9,27,61,.062745098);color:#091b3d;transform:scale(1.05)}@media(max-width:768px){.scale-btn[data-v-52ce1e9f]{width:56px;height:56px;font-size:1.6rem}.scale-btn[data-v-52ce1e9f]:hover{transform:none}.scale-btn.selected[data-v-52ce1e9f]{transform:scale(1.05)}.scale-btn.focused[data-v-52ce1e9f]{transform:scale(1.02)}}.quick-hint[data-v-52ce1e9f]{font-size:1.1rem;color:#999;text-align:center}.quick-hint kbd[data-v-52ce1e9f]{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;padding:.2rem .4rem;font-size:1rem;color:#666;margin:0 .2rem}@media(max-width:768px){.quick-hint[data-v-52ce1e9f]{font-size:1rem;display:none}}.nav-intuitive[data-v-52ce1e9f]{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;position:relative;min-height:40px}.nav-intuitive .nav-spacer[data-v-52ce1e9f]{flex:1}.nav-intuitive .nav-arrow[data-v-52ce1e9f]{width:40px;height:40px;border:2px solid #e6e8ec;border-radius:50%;background:#fff;color:#666;font-size:1.8rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0)}.nav-intuitive .nav-arrow[data-v-52ce1e9f]:hover{border-color:#091b3d;color:#091b3d;transform:scale(1.05);background:#f8f9fa}.nav-intuitive .nav-arrow.nav-prev[data-v-52ce1e9f]{left:0}.nav-intuitive .nav-arrow.nav-next[data-v-52ce1e9f]{right:0}.nav-intuitive .nav-arrow.disabled[data-v-52ce1e9f]{opacity:.4;cursor:not-allowed}.nav-intuitive .nav-arrow.disabled[data-v-52ce1e9f]:hover{border-color:#e6e8ec;color:#666;transform:none;background:#fff}@media(max-width:768px){.nav-intuitive .nav-arrow[data-v-52ce1e9f]{width:48px;height:48px;font-size:2rem}.nav-intuitive .nav-arrow[data-v-52ce1e9f]:hover{transform:none;background:#fff;border-color:#e6e8ec;color:#666}}@media(max-width:480px){.nav-intuitive .nav-arrow[data-v-52ce1e9f]{width:44px;height:44px;font-size:1.8rem}}.nav-intuitive .nav-complete[data-v-52ce1e9f]{position:absolute;right:0;padding:.8rem 1.6rem;background:#22c55e;color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .15s ease}.nav-intuitive .nav-complete[data-v-52ce1e9f]:hover{background:#16a34a;transform:translateY(-1px)}@media(max-width:768px){.big5-container[data-v-52ce1e9f]{padding:0 1rem}.question-card .question-text[data-v-52ce1e9f]{font-size:1.6rem;margin-bottom:2.5rem}.scale-buttons[data-v-52ce1e9f]{gap:.8rem}.scale-btn[data-v-52ce1e9f]{width:44px;height:44px;font-size:1.2rem}.progress-minimal[data-v-52ce1e9f]{margin-bottom:3rem}.nav-intuitive[data-v-52ce1e9f]{margin-top:2rem}.nav-intuitive .nav-arrow[data-v-52ce1e9f]{width:36px;height:36px;font-size:1.6rem}}