:root{--color-background: #f5f5f7;--color-surface: #ffffff;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-accent: #0071e3;--color-accent-hover: #0077ed;--color-success: #30d158;--color-warning: #ff9f0a;--color-error: #ff3b30;--color-border: rgba(0, 0, 0, .08);--color-shadow: rgba(0, 0, 0, .08);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);color:var(--color-text-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh}h1{font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#1d1d1f,#4a4a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:1rem}h3{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;background:var(--color-accent);color:#fff;box-shadow:0 2px 8px var(--color-shadow)}button:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}button.secondary:hover:not(:disabled){background:#f9f9f9}input,textarea{font-family:inherit;font-size:1rem;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text-primary);transition:all .2s ease;outline:none}input:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #0071e31a}.card{background:var(--color-surface);border-radius:16px;padding:1.5rem;box-shadow:0 2px 16px var(--color-shadow);transition:all .3s ease}.card:hover{box-shadow:0 4px 24px var(--color-shadow);transform:translateY(-2px)}.badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600;letter-spacing:.02em}.badge.success{background:#30d1581a;color:var(--color-success)}.badge.error{background:#ff3b301a;color:var(--color-error)}.badge.warning{background:#ff9f0a1a;color:var(--color-warning)}.badge.info{background:#0071e31a;color:var(--color-accent)}