SwethaVarma05/OpenSourceFit-Flask

1body {2    font-family: Arial, sans-serif;3    background: #0b1020;4    color: white;5    margin: 40px;6}7 8.logo {9    font-size: 48px;10    font-weight: bold;11    background: linear-gradient(12        90deg,13        #4facfe,14        #c471ed15    );16    -webkit-background-clip: text;17    -webkit-text-fill-color: transparent;18}19 20.search-card {21    background: #111827;22    padding: 25px;23    border-radius: 16px;24    margin-bottom: 25px;25}26 27input {28    width: 320px;29    padding: 12px;30    border-radius: 10px;31    border: 1px solid #374151;32    background: #1f2937;33    color: white;34    font-size: 15px;35}36 37input::placeholder {38    color: #9ca3af;39}40 41button {42    background: linear-gradient(43        90deg,44        #3b82f6,45        #a855f746    );47 48    color: white;49    border: none;50    padding: 12px 24px;51    border-radius: 10px;52    cursor: pointer;53    font-size: 16px;54    font-weight: bold;55}56 57button:hover {58    opacity: 0.9;59}60 61.analysis-card {62    background: #111827;63    padding: 25px;64    border-radius: 16px;65    margin-top: 20px;66    box-shadow: 0 4px 12px rgba(0,0,0,0.3);67}68 69.match-card {70    background: #111827;71    padding: 20px;72    border-radius: 16px;73    margin-top: 15px;74    border-left: 4px solid #22c55e;75    box-shadow: 0 4px 12px rgba(0,0,0,0.3);76}77 78.match-score {79    color: #22c55e;80    font-size: 22px;81    font-weight: bold;82}83 84a {85    color: #60a5fa;86    text-decoration: none;87}88 89a:hover {90    text-decoration: underline;91}92 93h2 {94    color: #60a5fa;95}96 97.stats-grid{98    display:flex;99    gap:20px;100    flex-wrap:wrap;101}102 103.stat-box{104    flex: 1;105    min-width: 200px;106 107    background:#232f43;108    border-radius:15px;109    padding:25px;110    text-align:center;111}112 113.stat-box h3{114    color:#9ca3af;115    margin-bottom:10px;116}117 118.stat-box p{119    font-size:22px;120    font-weight:bold;121}122 123 124 125 126 127 128.match-card{129    background:#1a2336;130    border:1px solid #2c3d63;131    border-radius:15px;132 133    padding:20px;134    margin-bottom:15px;135 136    box-shadow:0 0 10px rgba(59,130,246,0.15);137}138 139.match-score{140    display:inline-block;141 142    background:#0f766e;143    color:white;144 145    padding:8px 14px;146    border-radius:20px;147 148    font-weight:bold;149    margin-bottom:10px;150}151 152.match-card h3{153    color:white;154    margin-bottom:15px;155}156 157.match-card a{158    text-decoration:none;159    color:#60a5fa;160    font-weight:bold;161}162 163.error-card{164    background:#7f1d1d;165    color:white;166 167    padding:15px;168    border-radius:10px;169 170    margin-top:20px;171}