:root{--ho-color-primary-dark: #12242b;--ho-color-primary-base: #1e4e5f;--ho-color-primary-light: #2c6e85;--ho-color-accent-warm: #d67049;--ho-color-accent-warm-soft: rgba(214, 112, 73, .12);--ho-color-accent-warm-hover: #bd5c36;--ho-color-accent-warm-strong: #A84A28;--ho-color-accent-warm-strong-hover: #8E3D20;--ho-color-ok: #28b991;--ho-color-ok-soft: rgba(40, 185, 145, .12);--ho-color-ok-text: #136a53;--ho-bg-canvas: #FAF7F2;--ho-bg-surface: #ffffff;--ho-bg-surface-elevated: #ffffff;--ho-border-subtle: #e2e8eb;--ho-border-focus: #1e4e5f;--ho-text-primary: #12242b;--ho-text-secondary: #5a6e76;--ho-text-muted: #67747A;--ho-text-on-dark: #ffffff;--ho-text-on-dark-muted: #c4d1d6;--ho-status-excellent: #28b991;--ho-status-excellent-bg: rgba(40, 185, 145, .15);--ho-status-excellent-text: #136a53;--ho-status-good: #3b82f6;--ho-status-good-bg: rgba(59, 130, 246, .15);--ho-status-good-text: #1d4ed8;--ho-status-attention: #e59500;--ho-status-attention-bg: rgba(229, 149, 0, .15);--ho-status-attention-text: #9a6300;--ho-status-critical: #d04838;--ho-status-critical-bg: rgba(208, 72, 56, .15);--ho-status-critical-text: #962519;--ho-shadow-sm: 0 1px 3px rgba(18, 36, 43, .05);--ho-shadow-card: 0 4px 16px -2px rgba(18, 36, 43, .06), 0 1px 3px rgba(18, 36, 43, .04);--ho-shadow-floating: 0 12px 28px -4px rgba(18, 36, 43, .12);--ho-radius-sm: 8px;--ho-radius-md: 14px;--ho-radius-lg: 20px;--ho-radius-pill: 9999px;--ho-font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-primary: var(--ho-bg-canvas);--bg-secondary: var(--ho-bg-surface);--text-primary: var(--ho-text-primary);--text-secondary: var(--ho-text-secondary);--accent-primary: var(--ho-color-primary-base);--accent-hover: var(--ho-color-primary-dark);--success: var(--ho-status-excellent);--warning: var(--ho-status-attention);--danger: var(--ho-status-critical);--inference: var(--ho-color-ok);--border-glass: var(--ho-border-subtle);--bg-glass: var(--ho-bg-surface);--shadow-glass: var(--ho-shadow-card);--radius-lg: var(--ho-radius-lg);--radius-md: var(--ho-radius-md);--radius-sm: var(--ho-radius-sm)}:root{--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .35vw, 1rem);--font-size-base: clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .6vw, 1.375rem);--font-size-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--font-size-2xl: clamp(1.75rem, 1.4rem + 1.75vw, 2.75rem);--spacing-xs: clamp(.25rem, .2rem + .25vw, .5rem);--spacing-sm: clamp(.5rem, .4rem + .5vw, .75rem);--spacing-md: clamp(.75rem, .6rem + .75vw, 1.25rem);--spacing-lg: clamp(1rem, .8rem + 1vw, 2rem);--spacing-xl: clamp(1.5rem, 1rem + 2.5vw, 3rem);--spacing-2xl: clamp(2rem, 1.5rem + 2.5vw, 4rem)}*{box-sizing:border-box}body{margin:0;font-family:var(--ho-font-sans);background-color:var(--ho-bg-canvas);color:var(--ho-text-primary);-webkit-font-smoothing:antialiased}.card{background:var(--ho-bg-surface);border:1px solid var(--ho-border-subtle);border-radius:var(--ho-radius-lg);box-shadow:var(--ho-shadow-card)}.btn-primary{padding:.75rem 1.75rem;background-color:var(--ho-color-primary-base);color:var(--ho-text-on-dark);border:none;border-radius:var(--ho-radius-md);font-family:var(--ho-font-sans);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--ho-shadow-sm);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-primary:hover{background-color:var(--ho-color-primary-dark);transform:translateY(-1px);box-shadow:var(--ho-shadow-card)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-accent{padding:.75rem 1.75rem;background-color:var(--ho-color-accent-warm-strong);color:var(--ho-text-on-dark);border:none;border-radius:var(--ho-radius-md);font-family:var(--ho-font-sans);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--ho-shadow-sm);transition:background-color .2s ease,transform .2s ease}.btn-accent:hover{background-color:var(--ho-color-accent-warm-strong-hover);transform:translateY(-1px)}.btn-accent:disabled{opacity:.5;cursor:not-allowed}.main-card{padding:var(--spacing-md);background:var(--ho-bg-surface, #ffffff);border:1px solid var(--ho-border-subtle, #e2e8eb);border-radius:var(--ho-radius-lg, 20px);box-shadow:var(--ho-shadow-card, 0 4px 16px -2px rgba(18, 36, 43, .06))}@media (min-width: 480px){.main-card{padding:var(--spacing-lg)}}@media (min-width: 768px){.main-card{padding:var(--spacing-xl)}}.main-card h1{font-size:var(--font-size-xl);font-weight:700;margin:0 0 .5rem;color:var(--ho-text-primary, #12242b);letter-spacing:-.02em}.main-card .subtitle{color:var(--ho-text-secondary, #5a6e76);margin-bottom:var(--spacing-lg);line-height:1.6;font-size:var(--font-size-base)}.success-card{text-align:center;padding:var(--spacing-xl) var(--spacing-md)}@media (min-width: 768px){.success-card{padding:var(--spacing-2xl) var(--spacing-xl)}}.success-card .success-icon{font-size:4rem;margin-bottom:var(--spacing-md);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.success-card h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.success-card p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.account-deleted{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;margin:0 0 1rem;color:var(--ho-text-primary)}.account-deleted .notice-close{background:none;border:none;cursor:pointer;color:inherit}
