Spaces:
Running
Running
| *{ | |
| margin:0; | |
| padding:0; | |
| box-sizing:border-box; | |
| } | |
| body{ | |
| font-family:'Poppins',sans-serif; | |
| background:linear-gradient(135deg,#0f172a,#1e3a8a,#2563eb); | |
| min-height:100vh; | |
| display:flex; | |
| justify-content:center; | |
| align-items:center; | |
| padding:40px; | |
| } | |
| .card{ | |
| width:100%; | |
| max-width:700px; | |
| background:white; | |
| border-radius:20px; | |
| padding:35px; | |
| box-shadow:0 15px 35px rgba(0,0,0,.25); | |
| } | |
| h1{ | |
| text-align:center; | |
| font-size:34px; | |
| color:#1e3a8a; | |
| margin-bottom:10px; | |
| } | |
| .subtitle{ | |
| text-align:center; | |
| color:#64748b; | |
| margin-bottom:30px; | |
| font-size:17px; | |
| } | |
| label{ | |
| display:block; | |
| margin-top:18px; | |
| margin-bottom:8px; | |
| font-weight:600; | |
| color:#334155; | |
| } | |
| input,select{ | |
| width:100%; | |
| padding:14px; | |
| border-radius:10px; | |
| border:1px solid #cbd5e1; | |
| font-size:16px; | |
| transition:.3s; | |
| } | |
| input:focus, | |
| select:focus{ | |
| outline:none; | |
| border-color:#2563eb; | |
| box-shadow:0 0 8px rgba(37,99,235,.35); | |
| } | |
| button{ | |
| width:100%; | |
| margin-top:30px; | |
| padding:16px; | |
| border:none; | |
| border-radius:12px; | |
| background:#2563eb; | |
| color:white; | |
| font-size:18px; | |
| font-weight:bold; | |
| cursor:pointer; | |
| transition:.3s; | |
| } | |
| button:hover{ | |
| background:#1d4ed8; | |
| transform:translateY(-2px); | |
| } | |
| .result{ | |
| margin-top:35px; | |
| padding:20px; | |
| border-radius:12px; | |
| background:#f8fafc; | |
| text-align:center; | |
| } | |
| .result h2{ | |
| color:#1e3a8a; | |
| margin-bottom:15px; | |
| } | |
| .prediction{ | |
| font-size:28px; | |
| font-weight:bold; | |
| color:#16a34a; | |
| } | |
| footer{ | |
| margin-top:30px; | |
| text-align:center; | |
| color:#64748b; | |
| font-size:14px; | |
| } | |
| @media(max-width:768px){ | |
| .card{ | |
| padding:25px; | |
| } | |
| h1{ | |
| font-size:28px; | |
| } | |
| button{ | |
| font-size:16px; | |
| } | |
| } | |