Developer82/deepsite-project

1 2:root {3  --primary-color: #4a6bff;4  --secondary-color: #f8f9fa;5  --text-color: #333;6  --border-color: #e1e4e8;7}8 9body {10  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;11  line-height: 1.6;12  color: var(--text-color);13  background-color: #f5f7ff;14  margin: 0;15  padding: 0;16}17 18.container {19  max-width: 900px;20  margin: 0 auto;21  padding: 2rem;22}23 24.header {25  text-align: center;26  margin-bottom: 2rem;27  padding: 1rem;28  background-color: white;29  box-shadow: 0 2px 10px rgba(0,0,0,0.1);30  border-radius: 8px;31}32 33.header h1 {34  color: var(--primary-color);35  margin: 0;36  font-size: 1.8rem;37}38 39.header i {40  margin-right: 10px;41}42 43.video-form {44  background: white;45  padding: 2rem;46  border-radius: 8px;47  box-shadow: 0 2px 15px rgba(0,0,0,0.1);48}49 50label {51  display: block;52  margin: 1rem 0 0.5rem;53  font-weight: 600;54  color: var(--primary-color);55}56 57textarea, input, select {58  width: 100%;59  padding: 0.8rem;60  border: 1px solid var(--border-color);61  border-radius: 6px;62  font-size: 1rem;63  transition: border 0.3s ease;64}65 66textarea:focus, 67input:focus, 68select:focus {69  outline: none;70  border-color: var(--primary-color);71  box-shadow: 0 0 0 3px rgba(74, 107, 255, 0.2);72}73 74textarea {75  min-height: 100px;76  resize: vertical;77}78 79.btn-primary {80  background-color: var(--primary-color);81  color: white;82  border: none;83  padding: 0.8rem 1.5rem;84  font-size: 1rem;85  border-radius: 6px;86  cursor: pointer;87  transition: all 0.3s ease;88  display: inline-flex;89  align-items: center;90  justify-content: center;91  width: 100%;92  margin-top: 1.5rem;93}94 95.btn-primary:hover {96  background-color: #3a56d4;97  transform: translateY(-2px);98}99 100.btn-primary i {101  margin-right: 8px;102}103 104.status-box {105  padding: 1rem;106  margin-top: 1.5rem;107  background-color: white;108  border-radius: 6px;109  box-shadow: 0 2px 10px rgba(0,0,0,0.05);110  min-height: 60px;111  display: flex;112  align-items: center;113  justify-content: center;114}115 116@media (max-width: 768px) {117  .container {118    padding: 1rem;119  }120  121  .video-form {122    padding: 1.5rem;123  }124}125