body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8}.navbar{position:sticky;top:0;width:100%;background:#fff;padding:15px;display:flex;justify-content:center;gap:30px;box-shadow:0 2px 6px #0000001a;z-index:1000}.nav-link{text-decoration:none;color:#3b82f6;padding:8px 18px;border-radius:20px;font-weight:500}.nav-link.active{background:#3b82f6;color:#fff}.center-page{height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center}.card{background:#fff;padding:25px;border-radius:10px;width:360px;box-shadow:0 5px 15px #0000001a}input{width:100%;padding:10px;margin:10px 0}button{padding:10px;width:100%;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.marks-page{flex-direction:column;align-items:center;padding-bottom:40px}.marks-form{width:320px;margin-bottom:30px}.marks-form input{width:100%;margin:8px 0;padding:8px;border-radius:6px;border:1px solid #ccc}.marks-results{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.mark-card{background:#fff;padding:15px;border-radius:10px;min-width:180px;box-shadow:0 4px 10px #0000001a}.pass{color:green;font-weight:700}.fail{color:red;font-weight:700}.task-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:25px}.todo-item{border:1px solid #ddd;padding:15px;border-radius:8px;background-color:#f9f9f9;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.todo-item input[type=checkbox]{margin-bottom:10px;cursor:pointer}.todo-text{font-weight:700;font-size:14px;margin-bottom:15px;word-break:break-all;flex-grow:1}.todo-text.completed{text-decoration:line-through;color:#aaa}.delete-btn{align-self:flex-end;background:none;border:none;cursor:pointer;font-size:18px}.counter-card{text-align:center}.count{font-size:60px;margin:20px 0}.counter-buttons{display:flex;justify-content:center;gap:15px}.counter-buttons button{min-width:60px;padding:10px 0;text-align:center}.counter-buttons button:hover{background-color:#357abd}.btn-secondary{margin-top:10px;padding:10px 16px;background-color:#6b7280;color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-secondary:hover{background-color:#4b5563}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f2f4f8}*{margin:0;padding:0;box-sizing:border-box}body{background:#f2f4f8;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.navbar{width:100%;padding:15px 0;text-align:center}.navbar a{margin:0 10px;text-decoration:none;color:#4a90e2;font-weight:600;padding:6px 14px;border-radius:20px}.navbar a.active{background:#4a90e2;color:#fff}.page{min-height:calc(100vh - 80px);display:flex;justify-content:center;padding:40px 20px}.card{width:100%;max-width:420px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 8px 20px #0000001a}.card h2{text-align:center;margin-bottom:20px}