Spaces:
Paused
Paused
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| min-height: 100vh; | |
| color: #333; | |
| } | |
| .container { | |
| max-width: 800px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| } | |
| header { | |
| text-align: center; | |
| margin-bottom: 40px; | |
| color: white; | |
| } | |
| header h1 { | |
| font-size: 3em; | |
| margin-bottom: 10px; | |
| } | |
| header p { | |
| font-size: 1.2em; | |
| opacity: 0.9; | |
| } | |
| .feature-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | |
| gap: 20px; | |
| margin-bottom: 30px; | |
| } | |
| .feature-card { | |
| background: white; | |
| padding: 25px; | |
| border-radius: 15px; | |
| box-shadow: 0 10px 30px rgba(0,0,0,0.2); | |
| text-align: center; | |
| transition: transform 0.3s ease; | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| } | |
| .feature-card h3 { | |
| margin-bottom: 10px; | |
| color: #667eea; | |
| } | |
| .btn-primary, .btn-secondary { | |
| padding: 15px 30px; | |
| border: none; | |
| border-radius: 10px; | |
| font-size: 1.1em; | |
| cursor: pointer; | |
| transition: all 0.3s ease; | |
| display: block; | |
| width: 100%; | |
| margin: 10px 0; | |
| } | |
| .btn-primary { | |
| background: #4CAF50; | |
| color: white; | |
| } | |
| .btn-secondary { | |
| background: #ff9800; | |
| color: white; | |
| } | |
| .btn-primary:hover { | |
| background: #45a049; | |
| } | |
| .btn-secondary:hover { | |
| background: #e68900; | |
| } | |
| .hidden { | |
| display: none; | |
| } | |
| #auth-section, #app-section { | |
| background: white; | |
| padding: 30px; | |
| border-radius: 15px; | |
| box-shadow: 0 10px 30px rgba(0,0,0,0.2); | |
| } |