.analysis-container { max-width: 900px; margin: 0 auto; } .section { margin-bottom: 40px; padding: 30px; background: #f8f9fa; border-radius: 15px; } .section h2 { font-size: 1.8em; margin-bottom: 25px; color: #333; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: bold; color: #555; } .form-input, .form-textarea { width: 100%; padding: 12px; border: 2px solid #e9ecef; border-radius: 8px; font-size: 1em; font-family: inherit; transition: border-color 0.3s; } .form-input:focus, .form-textarea:focus { outline: none; border-color: #667eea; } .form-textarea { resize: vertical; min-height: 120px; } .analysis-result { background: white; padding: 25px; border-radius: 10px; border-left: 4px solid #667eea; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .analysis-result h3 { margin-top: 0; color: #667eea; } .analysis-result .analysis-section { margin: 20px 0; padding: 15px; background: #f8f9fa; border-radius: 8px; } .analysis-result .analysis-section h4 { color: #555; margin-top: 0; } .message-area { margin-top: 20px; padding: 15px; border-radius: 8px; display: none; } .message-area.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; display: block; } .message-area.error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; display: block; }