.form-container{background:#fff;border-radius:12px;max-width:900px;margin:auto;padding:35px;box-shadow:0 10px 30px #00000026}.form-container h1{text-align:center;color:#0d6efd;margin-bottom:25px}.form-container h2{color:#333;margin:20px 0}.form-container hr{margin:25px 0}.form-container form{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.form-container label{font-weight:600}.form-container input{border:1px solid #ccc;border-radius:8px;width:100%;padding:12px;font-size:15px;transition:all .3s}.form-container input:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 8px #0d6efd40}.form-container button{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:8px;grid-column:span 2;padding:14px;font-size:18px;font-weight:600;transition:all .3s}.form-container button:hover{background:#084fc7}.marksheet{background:#fff;border-radius:12px;max-width:950px;margin:auto;padding:35px;box-shadow:0 10px 25px #00000026}.header{text-align:center;border-bottom:3px solid #0d6efd;margin-bottom:20px;padding-bottom:20px}.header h1{color:#0d6efd;font-size:34px}.header h3{color:#222;margin:10px 0}.header p{color:#666}.student-info{flex-wrap:wrap;justify-content:space-between;margin-bottom:25px;display:flex}.student-info div{width:45%}.student-info p{margin:8px 0;font-size:16px}.mark-table{border-collapse:collapse;width:100%;margin-top:20px}.mark-table th{color:#fff;background-color:#0d6efd;border:1px solid #ddd;padding:12px}.mark-table td{text-align:center;border:1px solid #ddd;padding:10px}.mark-table tr:nth-child(2n){background-color:#d6d6d6}.mark-table tr:hover{background-color:#edf4ff}.summary{margin-top:30px}.summary h3{color:#0d6efd;margin-bottom:15px}.summary-table{border-collapse:collapse;width:100%}.summary-table td{border:1px solid #ccc;padding:12px}.remarks{background-color:#f8f9fa;border-left:5px solid #0d6efd;border-radius:6px;margin-top:35px;padding:20px}.remarks h3{margin-top:10px}.remarks p{color:#444;line-height:1.6}.btn-container{text-align:center;margin-top:25px}.back-btn{color:#fff;cursor:pointer;font-size:16px;font-weight:45px;background:#198754;border:none;border-radius:8px;padding:14px 30px}.back-btn:hover{background-color:#12492f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#eef2f7}.app{width:100%;min-height:100vh;padding:40px 20px}@media (width<=768px){.form-container{padding:18px}.form-container form{grid-template-columns:1fr}.form-container button{grid-column:span 1}.student-info{flex-direction:column}.student-info div{width:100%}.header h1{font-size:25px}.marksheet{padding:20px;overflow-x:auto}.marks-table th,.marks-table td{padding:8px;font-size:13px}.summary-table td{font-size:13px}}