#app{font-family:Arial,sans-serif;padding:20px;max-width:1200px;margin:0 auto}header{text-align:center;margin-bottom:40px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px}header h1{margin:0;font-size:2.5em}header p{margin:10px 0 0;opacity:.9}.coming-soon{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:10px;border:2px dashed #dee2e6}.coming-soon h2{color:#495057;font-size:2em;margin-bottom:10px}.features{max-width:500px;margin:30px auto 0;text-align:left}.features h3{color:#495057;margin-bottom:15px}.features ul{list-style:none;padding:0}.features li{padding:8px 0;font-size:1.1em;color:#6c757d}