@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Inter:wght@400;500&display=swap";:root{--color-hover-bg: rgb(66 74 82 / .05);--color-selected-bg: rgb(252 208 6 / .16);--color-focus-ring: rgb(252 208 6 / .55);--color-brand-100: rgb(255 248 204);--color-brand-200: rgb(254 240 161);--color-brand-300: rgb(253 229 112);--color-brand-400: rgb(253 218 59);--color-brand-500: rgb(252 208 6);--color-brand-600: rgb(224 182 0);--color-brand-700: rgb(179 142 0);--color-brand-800: rgb(122 96 0);--color-brand-900: rgb(69 54 0);--color-brand-bg: var(--color-brand-500);--color-brand-bg-active: var(--color-brand-700);--color-brand-bg-hover: var(--color-brand-600);--color-brand-fg: var(--color-gray-900);--color-gray-100: rgb(250 250 248);--color-gray-200: rgb(241 240 236);--color-gray-300: rgb(227 225 219);--color-gray-400: rgb(201 198 190);--color-gray-500: rgb(156 152 142);--color-gray-600: rgb(110 106 98);--color-gray-700: rgb(79 76 70);--color-gray-800: rgb(66 74 82);--color-gray-900: rgb(31 36 40);--color-red-100: rgb(253 236 236);--color-red-200: rgb(251 209 209);--color-red-300: rgb(245 165 165);--color-red-400: rgb(236 115 115);--color-red-500: rgb(222 59 59);--color-red-600: rgb(193 38 38);--color-red-700: rgb(152 29 29);--color-red-800: rgb(109 21 21);--color-red-900: rgb(60 12 12);--color-orange-100: rgb(253 238 224);--color-orange-200: rgb(251 212 176);--color-orange-300: rgb(247 178 119);--color-orange-400: rgb(239 138 60);--color-orange-500: rgb(223 109 22);--color-orange-600: rgb(185 88 13);--color-orange-700: rgb(142 67 9);--color-orange-800: rgb(99 46 6);--color-orange-900: rgb(55 26 3);--color-amber-100: rgb(253 243 213);--color-amber-200: rgb(251 228 154);--color-amber-300: rgb(247 208 79);--color-amber-400: rgb(236 184 33);--color-amber-500: rgb(207 154 16);--color-amber-600: rgb(168 122 10);--color-amber-700: rgb(128 92 8);--color-amber-800: rgb(89 64 5);--color-amber-900: rgb(50 36 2);--color-green-100: rgb(229 245 231);--color-green-200: rgb(194 230 199);--color-green-300: rgb(141 208 152);--color-green-400: rgb(85 180 102);--color-green-500: rgb(46 145 64);--color-green-600: rgb(35 117 50);--color-green-700: rgb(27 90 39);--color-green-800: rgb(18 64 27);--color-green-900: rgb(10 36 15);--color-teal-100: rgb(222 244 242);--color-teal-200: rgb(176 227 222);--color-teal-300: rgb(114 204 197);--color-teal-400: rgb(56 176 168);--color-teal-500: rgb(23 142 135);--color-teal-600: rgb(15 115 109);--color-teal-700: rgb(11 89 85);--color-teal-800: rgb(8 64 61);--color-teal-900: rgb(4 37 35);--color-blue-100: rgb(229 238 253);--color-blue-200: rgb(192 214 249);--color-blue-300: rgb(138 181 243);--color-blue-400: rgb(86 143 232);--color-blue-500: rgb(47 107 212);--color-blue-600: rgb(35 84 174);--color-blue-700: rgb(28 65 134);--color-blue-800: rgb(20 46 94);--color-blue-900: rgb(11 25 51);--color-violet-100: rgb(237 232 251);--color-violet-200: rgb(212 200 245);--color-violet-300: rgb(178 157 236);--color-violet-400: rgb(142 115 223);--color-violet-500: rgb(109 82 200);--color-violet-600: rgb(88 65 166);--color-violet-700: rgb(68 50 130);--color-violet-800: rgb(49 36 93);--color-violet-900: rgb(28 20 52);--color-pink-100: rgb(253 234 242);--color-pink-200: rgb(251 201 224);--color-pink-300: rgb(245 152 196);--color-pink-400: rgb(235 102 163);--color-pink-500: rgb(213 62 130);--color-pink-600: rgb(175 45 106);--color-pink-700: rgb(134 34 83);--color-pink-800: rgb(93 24 59);--color-pink-900: rgb(52 12 32);--color-bg-canvas: var(--color-gray-100);--color-bg-inverse: var(--color-gray-900);--color-bg-muted: var(--color-gray-300);--color-bg-subtle: var(--color-gray-200);--color-bg-surface: rgb(255 255 255);--color-primary-bg: rgb(13 110 253);--color-primary-bg-active: rgb(8 66 152);--color-primary-bg-disabled: rgb(158 197 254);--color-primary-bg-hover: rgb(10 88 202);--color-primary-border-disabled: rgb(110 168 254);--color-primary-fg: rgb(245 245 245);--color-primary-fg-disabled: rgb(108 117 125);--color-text-brand: var(--color-brand-700);--color-text-disabled: var(--color-gray-400);--color-text-inverse: var(--color-gray-100);--color-text-link: var(--color-blue-600);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-700);--color-text-tertiary: var(--color-gray-600);--color-border-default: var(--color-gray-300);--color-border-focus: var(--color-brand-500);--color-border-strong: var(--color-gray-400);--color-border-subtle: var(--color-gray-200);--color-secondary-bg: var(--color-gray-200);--color-secondary-bg-active: var(--color-gray-400);--color-secondary-bg-hover: var(--color-gray-300);--color-secondary-fg: var(--color-gray-900);--color-ghost-bg-active: var(--color-gray-400);--color-ghost-bg-hover: var(--color-gray-300);--color-ghost-fg: var(--color-gray-900);--color-status-danger-bg: var(--color-red-100);--color-status-danger-fg: var(--color-red-700);--color-status-info-bg: var(--color-blue-100);--color-status-info-fg: var(--color-blue-700);--color-status-success-bg: var(--color-green-100);--color-status-success-fg: var(--color-green-700);--color-status-warning-bg: var(--color-amber-100);--color-status-warning-fg: var(--color-amber-700);--text-caption: 12px;--text-caption--font-weight: 400;--text-caption--letter-spacing: 0em;--text-caption--line-height: 16px;--text-caption-bold: 12px;--text-caption-bold--font-weight: 500;--text-caption-bold--letter-spacing: 0em;--text-caption-bold--line-height: 16px;--text-body: 14px;--text-body--font-weight: 400;--text-body--letter-spacing: 0em;--text-body--line-height: 20px;--text-body-bold: 14px;--text-body-bold--font-weight: 500;--text-body-bold--letter-spacing: 0em;--text-body-bold--line-height: 20px;--text-heading-3: 16px;--text-heading-3--font-weight: 500;--text-heading-3--letter-spacing: 0em;--text-heading-3--line-height: 20px;--text-heading-2: 20px;--text-heading-2--font-weight: 500;--text-heading-2--letter-spacing: 0em;--text-heading-2--line-height: 24px;--text-heading-1: 30px;--text-heading-1--font-weight: 500;--text-heading-1--letter-spacing: 0em;--text-heading-1--line-height: 36px;--text-monospace-body: 14px;--text-monospace-body--font-weight: 400;--text-monospace-body--letter-spacing: 0em;--text-monospace-body--line-height: 20px;--font-caption: Poppins;--font-caption-bold: Poppins;--font-body: Poppins;--font-body-bold: Poppins;--font-heading-3: Poppins;--font-heading-2: Poppins;--font-heading-1: Poppins;--font-monospace-body: Inter;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0px 1px 2px 0px rgb(0 0 0 / .05);--shadow-default: 0px 1px 2px 0px rgb(0 0 0 / .05);--shadow-md: 0px 4px 16px -2px rgb(0 0 0 / .08), 0px 2px 4px -1px rgb(0 0 0 / .08);--shadow-lg: 0px 12px 32px -4px rgb(0 0 0 / .08), 0px 4px 8px -2px rgb(0 0 0 / .08);--shadow-overlay: 0px 12px 32px -4px rgb(0 0 0 / .08), 0px 4px 8px -2px rgb(0 0 0 / .08)}.dark{--color-hover-bg: rgb(255 255 255 / .05);--color-selected-bg: rgb(252 208 6 / .14);--color-focus-ring: rgb(253 218 59 / .55);--color-brand-bg-active: var(--color-brand-300);--color-brand-bg-hover: var(--color-brand-400);--color-bg-canvas: rgb(20 24 27);--color-bg-inverse: var(--color-gray-100);--color-bg-muted: rgb(47 54 61);--color-bg-subtle: rgb(37 43 49);--color-bg-surface: rgb(0 0 0);--color-primary-bg: rgb(122 146 239);--color-primary-bg-active: rgb(178 192 247);--color-primary-bg-hover: rgb(149 168 243);--color-primary-fg: var(--color-gray-900);--color-text-brand: var(--color-brand-400);--color-text-disabled: rgb(85 82 75);--color-text-inverse: var(--color-gray-900);--color-text-link: var(--color-blue-300);--color-text-primary: rgb(236 235 230);--color-text-secondary: rgb(181 178 168);--color-text-tertiary: rgb(138 135 126);--color-border-default: rgb(47 54 61);--color-border-focus: var(--color-brand-400);--color-border-strong: rgb(69 77 86);--color-border-subtle: rgb(37 43 49);--color-secondary-bg: var(--color-gray-700);--color-secondary-bg-active: var(--color-gray-500);--color-secondary-bg-hover: var(--color-gray-600);--color-secondary-fg: var(--color-gray-100);--color-ghost-bg-active: var(--color-gray-500);--color-ghost-bg-hover: var(--color-gray-600);--color-ghost-fg: var(--color-gray-100);--color-status-danger-bg: rgb(109 21 21);--color-status-danger-fg: rgb(245 165 165);--color-status-info-bg: rgb(20 46 94);--color-status-info-fg: rgb(138 181 243);--color-status-success-bg: rgb(18 64 27);--color-status-success-fg: rgb(141 208 152);--color-status-warning-bg: rgb(89 64 5);--color-status-warning-fg: rgb(247 208 79);--shadow-sm: 0px 1px 2px 0px rgb(255 255 255 / .05);--shadow-default: 0px 1px 2px 0px rgb(255 255 255 / .05);--shadow-md: 0px 4px 16px -2px rgb(255 255 255 / .08), 0px 2px 4px -1px rgb(255 255 255 / .08);--shadow-lg: 0px 12px 32px -4px rgb(255 255 255 / .08), 0px 4px 8px -2px rgb(255 255 255 / .08);--shadow-overlay: 0px 12px 32px -4px rgb(255 255 255 / .08), 0px 4px 8px -2px rgb(255 255 255 / .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Poppins,system-ui,sans-serif;color:var(--color-text-primary);background:var(--color-bg-canvas)}.qds-page{min-height:100vh;display:grid;place-items:center;padding:24px}.qds-card{width:400px;max-width:100%;padding:32px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:0 1px 2px #1f24280a,0 8px 24px #1f24280f}.qds-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:var(--text-heading-3);font-weight:500;letter-spacing:.01em;color:var(--color-text-primary)}.qds-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-md);background:var(--color-brand-bg);color:var(--color-brand-fg);font-size:16px;font-weight:600}.qds-title{margin:0 0 6px;font-size:var(--text-heading-2);font-weight:500;line-height:var(--text-heading-2--line-height);color:var(--color-text-primary)}.qds-title-solo{margin-bottom:20px}.qds-sub{margin:0 0 24px;font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-text-tertiary)}.qds-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:var(--text-caption);color:var(--color-text-tertiary)}.qds-link{padding:0;font:inherit;color:var(--color-text-secondary);background:none;border:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.qds-link:hover:not(:disabled){color:var(--color-text-primary)}.qds-link:disabled{color:var(--color-text-disabled);cursor:default}.qds-links{margin-top:18px;font-size:var(--text-caption);text-align:center;color:var(--color-text-tertiary)}.qds-back{display:inline-flex;align-items:center;gap:4px;margin:-12px 0 14px;padding:0;font:inherit;font-size:var(--text-caption);color:var(--color-text-secondary);background:none;border:0;cursor:pointer}.qds-back:hover{color:var(--color-text-primary)}.qds-chip{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px 12px;font-size:var(--text-body);font-weight:500;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.qds-chip svg{color:var(--color-text-tertiary);flex:none}.qds-chip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-chip .qds-link{font-size:var(--text-caption);font-weight:400}.qds-options{display:grid;gap:10px;margin-bottom:20px}.qds-option{display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;font:inherit;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.qds-option:hover{border-color:var(--color-border-strong)}.qds-option:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.qds-option[aria-checked=true]{border-color:var(--color-brand-600);background:var(--color-brand-100);box-shadow:inset 0 0 0 1px var(--color-brand-600)}.qds-option>svg{flex:none;color:var(--color-text-secondary)}.qds-option-text{flex:1;min-width:0}.qds-option-title{display:block;font-size:var(--text-body);font-weight:500}.qds-option-detail{display:block;margin-top:1px;font-size:var(--text-caption);color:var(--color-text-tertiary);overflow-wrap:anywhere}.qds-radio{flex:none;width:16px;height:16px;border:1.5px solid var(--color-border-strong);border-radius:50%}.qds-option[aria-checked=true] .qds-radio{border:5px solid var(--color-gray-900)}.qds-otp{display:flex;justify-content:center;gap:8px;margin:4px 0 20px}.qds-otp input{width:48px;height:56px;padding:0;font:inherit;font-size:24px;font-weight:500;text-align:center;color:var(--color-text-primary);caret-color:var(--color-gray-900);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.qds-otp input:focus{border-color:var(--color-gray-900);box-shadow:0 0 0 3px var(--color-focus-ring)}.qds-otp.invalid input{border-color:var(--color-status-danger-fg);background:var(--color-status-danger-bg)}.qds-otp.busy input{color:var(--color-text-tertiary);background:var(--color-bg-subtle);animation:qds-otp-pulse 1s ease-in-out infinite}.qds-otp.busy input:nth-child(2){animation-delay:.1s}.qds-otp.busy input:nth-child(3){animation-delay:.2s}.qds-otp.busy input:nth-child(4){animation-delay:.3s}.qds-otp.busy input:nth-child(5){animation-delay:.4s}.qds-otp.busy input:nth-child(6){animation-delay:.5s}@keyframes qds-otp-pulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.55;transform:translateY(-2px)}}@media (max-width: 420px){.qds-card{padding:24px 20px}.qds-otp{gap:6px}.qds-otp input{width:40px;height:48px;font-size:20px}}.qds-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--color-border-default);border-top-color:var(--color-gray-900);border-radius:50%;animation:qds-spin .8s linear infinite}@keyframes qds-spin{to{transform:rotate(360deg)}}.qds-label{display:block;margin-bottom:6px;font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary)}.qds-input{width:100%;padding:10px 12px;margin-bottom:16px;font:inherit;font-size:var(--text-body);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.qds-input::placeholder{color:var(--color-text-disabled)}.qds-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.qds-button{width:100%;padding:11px 12px;margin-top:4px;font:inherit;font-size:var(--text-heading-3);font-weight:500;color:var(--color-brand-fg);background:var(--color-brand-bg);border:0;border-radius:var(--radius-md);cursor:pointer;transition:background-color .12s ease}.qds-button:hover:not(:disabled){background:var(--color-brand-bg-hover)}.qds-button:active:not(:disabled){background:var(--color-brand-bg-active)}.qds-button:disabled{background:var(--color-gray-300);color:var(--color-text-disabled);cursor:default}.qds-error{margin-bottom:12px;padding:8px 10px;font-size:var(--text-caption);border-radius:var(--radius-md);color:var(--color-status-danger-fg);background:var(--color-status-danger-bg)}.qds-identity{margin-bottom:20px;padding:12px 14px;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.qds-identity-name{font-size:var(--text-heading-3);font-weight:500;color:var(--color-text-primary)}.qds-identity-note{margin-top:2px;font-size:var(--text-caption);color:var(--color-text-tertiary)}.qds-button-secondary{width:100%;padding:11px 12px;margin-top:8px;font:inherit;font-size:var(--text-body);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.qds-button-secondary:hover:not(:disabled){background:var(--color-ghost-bg-hover);border-color:var(--color-border-strong)}.qds-button-secondary:disabled{color:var(--color-text-disabled);cursor:default}.qds-button-danger{width:100%;padding:11px 12px;margin-top:8px;font:inherit;font-size:var(--text-body);font-weight:500;color:var(--color-status-danger-fg);background:var(--color-status-danger-bg);border:1px solid var(--color-status-danger-fg);border-radius:var(--radius-md);cursor:pointer}.qds-button-danger:disabled{opacity:.6;cursor:default}.qds-button-link{display:block;width:100%;margin-top:4px;padding:11px 12px;font-size:var(--text-heading-3);font-weight:500;text-align:center;text-decoration:none;color:var(--color-brand-fg);background:var(--color-brand-bg);border-radius:var(--radius-md)}.qds-button-link:hover{background:var(--color-brand-bg-hover)}.qds-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border-subtle)}.qds-section-title{margin-bottom:6px;font-size:var(--text-caption);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.qds-note{margin:0 0 12px;font-size:var(--text-caption);line-height:1.5;color:var(--color-text-tertiary)}.qds-note a{color:var(--color-text-secondary)}