*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg,#f8fafc);color:#0f172a;color:var(--text,#0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif);margin:0}.demo-shell{background:var(--bg);color:var(--text);display:flex;flex-direction:column;min-height:100dvh}.demo-shell__header{align-items:center;display:flex;padding:var(--space-6) var(--space-8)}.demo-shell__logo{height:40px;width:auto}.demo-shell__main{grid-gap:var(--space-10);align-items:center;display:grid;flex:1 1 auto;gap:var(--space-10);grid-template-columns:1.05fr .95fr;margin:0 auto;max-width:1180px;padding:var(--space-4) var(--space-8) var(--space-10);width:100%}.demo-stage{animation:demo-rise .22s ease both;animation:demo-rise var(--dur-base,.22s) var(--ease,ease) both;display:flex;flex-direction:column;gap:var(--space-8);max-width:540px;width:100%}.demo-visual{display:grid;min-height:460px;place-items:center;position:relative}.demo-visual:before{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,#f0833a 22%,#0000),#0000 65%);border-radius:50%;content:"";filter:blur(6px);inset:8% 4%;position:absolute}.demo-visual img{filter:drop-shadow(0 24px 40px rgba(15,23,42,.16));max-width:440px;position:relative;width:100%}@media(max-width:900px){.demo-shell__main{grid-template-columns:1fr;justify-items:center;max-width:560px}.demo-visual{display:none}}.demo-shell__footer{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-sm);gap:var(--space-3);justify-content:center;line-height:var(--lh-tight);padding:var(--space-6)}.demo-shell__footer img{height:34px;opacity:.9;width:auto}.demo-shell__footer a{color:inherit;text-decoration:none}@keyframes demo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}.demo-hero__title{color:var(--text);font-family:Poppins,sans-serif;font-family:var(--font-display,"Poppins",sans-serif);font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;line-height:var(--lh-tight);margin:0}.demo-hero__subtitle{color:var(--text-muted);font-size:var(--fs-lg);font-weight:400;margin:var(--space-2) 0 0}.demo-actions{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.demo-action{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);color:var(--text);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-5);text-align:left;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;transition:transform var(--dur-fast,.14s) var(--ease,ease),box-shadow var(--dur-fast,.14s) var(--ease,ease),border-color var(--dur-fast,.14s) var(--ease,ease);width:100%}.demo-action:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:var(--shadow-2);transform:translateY(-2px)}.demo-action:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.demo-action:disabled{cursor:progress;opacity:.55}.demo-action__icon{background:color-mix(in srgb,var(--primary) 12%,#0000);border-radius:var(--radius-md);color:var(--primary);display:grid;flex:0 0 auto;height:48px;place-items:center;width:48px}.demo-action--accent .demo-action__icon{background:color-mix(in srgb,#f0833a 16%,#0000);color:#f0833a}.demo-action__body{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-action__title{font-family:Poppins,sans-serif;font-family:var(--font-display,"Poppins",sans-serif);font-size:var(--fs-md);font-weight:600}.demo-action__desc{color:var(--text-muted);font-size:var(--fs-sm)}.demo-action__arrow{color:var(--text-muted);flex:0 0 auto;margin-left:auto;transition:transform .14s ease,color .14s ease;transition:transform var(--dur-fast,.14s) var(--ease,ease),color var(--dur-fast,.14s) var(--ease,ease)}.demo-action:hover:not(:disabled) .demo-action__arrow{color:var(--primary);transform:translateX(3px)}.demo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);gap:var(--space-6);padding:var(--space-8)}.demo-card,.demo-field{display:flex;flex-direction:column}.demo-field{gap:var(--space-2)}.demo-field__label{color:var(--text-muted);font-family:Poppins,sans-serif;font-family:var(--font-display,"Poppins",sans-serif);font-size:var(--fs-sm);font-weight:600}.demo-field__input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:var(--fs-md);padding:14px 16px;transition:border-color .14s,box-shadow .14s;transition:border-color var(--dur-fast,.14s),box-shadow var(--dur-fast,.14s);width:100%}.demo-field__input::placeholder{color:var(--text-muted);opacity:.7}.demo-field__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.demo-form-actions{display:flex;flex-direction:column;gap:var(--space-3)}.demo-form-actions__row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.demo-btn{align-items:center;-webkit-appearance:none;appearance:none;border:1px solid #0000;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-family:var(--font-display,"Poppins",sans-serif);font-size:var(--fs-md);font-weight:600;gap:var(--space-2);justify-content:center;padding:14px 20px;transition:transform .14s ease,box-shadow .14s ease,background-color .14s,border-color .14s,color .14s;transition:transform var(--dur-fast,.14s) var(--ease,ease),box-shadow var(--dur-fast,.14s) var(--ease,ease),background-color var(--dur-fast,.14s),border-color var(--dur-fast,.14s),color var(--dur-fast,.14s);width:100%}.demo-btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.demo-btn:active:not(:disabled){transform:translateY(0)}.demo-btn:disabled{cursor:not-allowed;opacity:.6}.demo-btn--primary{background:var(--primary);box-shadow:var(--shadow-1);color:var(--primary-text)}.demo-btn--primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-2);transform:translateY(-1px)}.demo-btn--ghost{background:#0000;border-color:color-mix(in srgb,var(--primary) 40%,var(--border));color:var(--primary)}.demo-btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 8%,#0000);transform:translateY(-1px)}.demo-btn--subtle{background:var(--surface-2);border-color:var(--border);color:var(--text-muted)}.demo-btn--subtle:hover:not(:disabled){background:var(--surface);color:var(--text)}@media(max-width:480px){.demo-form-actions__row{grid-template-columns:1fr}}.demo-modal-scrim{animation:demo-fade .14s ease both;animation:demo-fade var(--dur-fast,.14s) var(--ease,ease) both;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(var(--scrim-blur,3px));backdrop-filter:blur(var(--scrim-blur,3px));background:#08101a73;background:var(--scrim,#08101a73);display:grid;inset:0;padding:var(--space-5);place-items:center;position:fixed;z-index:1100}.demo-modal{animation:demo-rise .22s ease both;animation:demo-rise var(--dur-base,.22s) var(--ease,ease) both;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);display:flex;flex-direction:column;gap:var(--space-5);max-width:400px;padding:var(--space-8);width:100%}.demo-modal__title{font-family:Poppins,sans-serif;font-family:var(--font-display,"Poppins",sans-serif);font-size:var(--fs-lg);font-weight:700;margin:0}.demo-modal__error{color:var(--danger);font-size:var(--fs-sm);margin:0}.demo-theme-toggle{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-1);color:var(--text);cursor:pointer;display:inline-flex;height:44px;justify-content:center;position:fixed;right:16px;top:16px;transition:box-shadow .14s ease,transform .14s ease;transition:box-shadow var(--dur-fast,.14s) var(--ease,ease),transform var(--dur-fast,.14s) var(--ease,ease);width:44px;z-index:1000}.demo-theme-toggle:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.demo-theme-toggle:focus-visible{outline:3px solid var(--ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.df7ce8a0.css.map*/