*{box-sizing:border-box;margin:0;padding:0}:root{--color-background: #FAF9F7;--color-surface: #FFFFFF;--color-text-primary: #1A1A1A;--color-text-secondary: #666666;--color-border: #E0E0E0;--color-accent: #FF9800;--spacing-md: 16px;--spacing-lg: 24px;--radius-md: 16px;--radius-lg: 24px;--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{max-width:480px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;padding-top:80px}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary);font-size:.875rem}.disclaimer{font-size:.75rem;color:var(--color-text-secondary);margin-top:2rem;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md);animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button{display:block;width:100%;padding:14px 24px;font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;margin:8px 0;transition:all var(--transition-fast);font-family:inherit}button.primary{background:var(--color-text-primary);color:#fff}button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}button.primary:active{transform:translateY(0)}button.secondary{background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border)}button.secondary:hover{background:var(--color-surface);border-color:var(--color-text-secondary)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}a{color:var(--color-text-primary);text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.7}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}
